culture Comment faire pour que les commandes reste sur la meme ligne

Statut
La discussion n'est pas ouverte à d'autres réponses
P

protocole60

Guest
Bonjours a tous les pros de la programmation,
voila ma question du jour
j'aimerais faire cela
[ left ] [ /left ] ensuite < center > < /center > et pour finir [ right ] [ /right ]
espace fais volontairement
mais que tout reste sur le meme ligne.
Comment faire car je me prends la tete depuis hier soir mais j'y arrive pas
je vous mets une photo :sourire116-287e:

Par avance merci pour votre aide
P.S. j'aimerais que chaque site de vote reste sous ma pendule :god-17c6:
 
Dernière modification par un modérateur:
coucou mon pote, il faut que tu créé un tableau pour ça :icon_wink-221e:

PHP: 
<table> //début du tableau

<tr> //ouverture d'une ligne

<td> //ouverture d'une cellule
</td> //fermeture de la cellule

<td> //ouverture d'une cellule
</td> //fermeture de la cellule

<td> //ouverture d'une cellule
</td> //fermeture de la cellule

</tr> //fermeture de la ligne avec 3 cellules dedans

</table> fermeture du tableau


Ensuite tu rentre un lien par cellule, et ils seront sur la même ligne. :icon_wink-221e:
 
Oula car commence a devenir compliquer lol
Donc si j'ai bien compris :
j'ouvre mon bloc note ensuite je fais :

<table> //début du tableau
<tr> // ouverture d'une ligne
<td> //ouverture d'une cellule
<A href="http://www.meilleurduweb.com/index.php?id=200489" target=_blank><IMG alt="www.meilleurduweb.com : Annuaire des meilleurs sites Web." src="http://www.meilleurduweb.com/images/pub/votez_88.31.gif" border=0></A>
</td> //fermeture d'une cellule
<td> //ouverture d'une cellule
<div align="center"><DIV style="TEXT-ALIGN: center"><A style="COLOR: cyan" href="http://www.weborama.fr/?id_vote=357115" target=_top>Votez pour ce site au Weborama</A><BR style="COLOR: cyan"><!-- fin de mon code--><BR></DIV></div>
</td> //fermeture d'une cellule
<td> //ouverture d'une cellule
<div align="right"><DIV style="COLOR: red; TEXT-ALIGN: center"><A style="COLOR: red" href="http://---------------/">BOOSTERFORUM</A><BR><BR></DIV><CENTER><A title="Classement des sites Francophones" href="http://www.le1er.fr/vote-educcanecorso.forumsactifs.com" target=blank></div></center>
</td> //fermeture de la cellule
</tr> //fermeture de la ligne avec 3 cellules dedans
</table> fermeture du tableau
je me doute bien qu'il ne faut pas rajouter les debut du tableau,ouverture de ligne etc etc etc dans les commandes :insit-1d80:
 
Hum hum hum...

Déontologiquement ce n'est pas bon, la mise en page par tableaux ! Mais il est vrai que ça marche :dontknow-102c:
<br>On peut très bien s'en tirer beaucoup plus élégamment avec le bloc inline (c'est-à-dire qui ne provoque pas un retour à la ligne) &lt;span>
Tu commences par décrire le bloc de gauche, puis le bloc de droite, puis ce que tu veux mettre entre les deux. Le tout est englobé dans un bloc &lt;div> dans lequel on demande que le texte soit centré.
<br>
Code: 
&lt;div style="text-align:center"> &lt;!-- commentaire : pour centrer ce que tu mets au centre-->
&lt;span style="float:left"> ce que tu mets à gauche &lt;/span>
&lt;span style="float:right"> ce que tu mets à droite &lt;/span>
ce que tu mets au centre
&lt;/div>
 
non tu met uniquement les balises, ce ne sont que des commentaires pour t'aider, entre chaque <td></td>, tu rentre tes liens, sachant que la cellule la plus en haut sera celle la plus à gauche de ta ligne :icon_wink-221e:

ensuite on verra le CSS pour mieux placer tout ça

edit : vi tu as raison laps, j'ai juste trouvé plus simple d'utiliser des tableaux vu que c'est pour son forum j'avais peur de conflits comme sur ce forum :dontknow-102c:
 
Conflits ?

Pourquoi des conflits ?
<br>Tant que tu refermes les balises que tu as ouvertes, il n'y a aucune raison que tu rencontres un conflit entre le code du forum et les bouts de code que tu y insères ? :icon_wink-221e:
 
Merci Lap's pour ta rpeonse mais je trouve la technique de harci beaucoup plus simple pour ma petite tete lol.
Question:
Tes codes je les mets dans le bloc note ???
 
oui pas con, j'avais pas réfléchi comme ça, je mettais basé sur ce forum alors que là on peut éditer directement la source, et pas intégrer un bout de code comme avec l'éditeur du fofo, bon ba je te laisse la main alors :hat-1194:

oui mais suit plutot la méthode de Lap's, ce sera bien mieux pour ton forum, son référencement et sa compatibilité :icon_wink-221e:
 
ok le principal c'est que j'arrive a faire mes commandes meme si je trouve la version a Lap's un peu plus compliquer lol
 
non, en plus elle est plus simple et plus propre que la mienne :sourire-4e62:
tu met entre ce que tu souhaite afficher à la place de ces commentaires, et tu intègre ça dans ta page et le tour est jouer, car moi il fallait encore faire tout le code css pour les alignement et compagnie :icon_wink-221e:
 
Effectivement, les deux méthodes fonctionnent très bien, mais je ne sais pas pourquoi, les tableaux ne sont pas très aimés... :dontknow-102c:
Pourtant moi je les aime bien, c'est tout con un tableau :lol-1923:​
 
À cause des mal-voyants…

Un tableau est destiné à faire une énumération.
<br>Les mal ou non voyants ont eux aussi droit à Internet. Pour eux, il a été conçu des logiciels spécialisés à synthèse vocale qui leur décrivent le contenu de l'écran.
<br>Lorsqu'il s'agit d'un tableau, la description commence par la liste des entêtes de colonnes puis, ligne par ligne, le contenu de ces colonnes.
<br>Si tu détournes le tableau de cet usage, le logiciel sera dérouté, ses explications vaseuses, et l'internaute handicapé très déçu !
<br>Voilà pourquoi il ne faut pas détourner les balises de leur usage… :icon_wink-221e:
 
Tu m'apprends quelque chose Lap's :typotux-13e3:
Donc si je comprends bien a chaque modifications HTLM je dois tenir compte de quoi :dontknow-102c:
 
Oh, je ne savais pas ça... Merci pour l'info :pouce1-1a0b:

Donc effectivement, les blocs inline sont mieux adaptés dans ce cas :sourire-4e62:
 
Quand tu auras le temps biensur car je pense que dans tout ce que j'ai demander j'ai du oublier de signaler qu'il ne fallais pas toucher au codes deja present pour l'horloge :doh-454d:
 
L'horloge ne dérange pas le moins du monde le code que lap's propose :pouce1-1a0b:
 
Ajoutes un width:100% à ton div :

HTML: 
<div style="text-align:center;width:100%"> <!-- commentaire : pour centrer ce que tu mets au centre-->
<span style="float:left"> ce que tu mets à gauche </span>
<span style="float:right"> ce que tu mets à droite </span>
ce que tu mets au centre
</div>

:icon_wink-221e:
 
Solidarité !

En fait, ce qui t'embête, c'est que tes deux images ne soient pas juste l'une en-dessous de l'autre. Et la suggestion de Néo III ne suffira pas à résoudre ça, parce que tes deux blocs latéraux n'ont pas la même largeur, et que ton image “Meilleur du web” vient se centrer dans l'espace central restant, lui-même décentré, alors que ton image “warning” est parfaitement centrée dans le haut du bandeau (au-dessus).
<br>Le plus simple est alors de solidariser tes deux images, en les groupant dans un même bloc &lt;div> “central”, ce qui ne complique guère le code :
PHP: 
<div style="width:100%"> <!-- rem : prend toute la largeur de la fenêtre -->
<span style="float:left">Votez pour ce site au Weborama</span>
<span style="float:right">BOOSTERFORUM</span>
<div style="text-align:center;width:100%"> <!-- prend toute la largeur de l espace central restant -->
<img src="warning.jpg">
&lt;br>
<img src="meilleur.jpg">
</div>
</div>
Tu remarqueras que tes deux textes latéraux se retrouvent tout en haut de leurs blocs respectifs. Si tu préfères les voir au même niveau que l'image “meilleur du web”, tu ajoutes au style des blocs &lt;span> une marge en haut qui va les faire redescendre automatiquement : &lt;span style="float:left;margin-top:190px">
<br>Enfin, si tu tiens absolument à ce que tes images soient vraiment au centre de la fenêtre, il faudra que tu obliges les deux blocs latéraux à avoir la même largeur, par exemple en pourcentage, et que tu précises que le texte doit être écrit à gauche dans le bloc de gauche, et à droite dans le bloc de droite. Ce qui donne :
PHP: 
<span style="float:left;margin-top:190px;width:30%;text-align:left">Votez pour ce site au Weborama</span>
<span style="float:right;margin-top:190px;width:30%;text-align:right">BOOSTERFORUM</span>
Dernière remarque : si tu as les moyens de préciser le style de chacun de ces blocs dans une feuille de style, ce sera plus propre et plus lisible…
PHP: 
<div id="bandeau">
<span id="gauche">Votez pour ce site au Weborama</span>
<span id="droite">BOOSTERFORUM</span>
<div id="centre">
<img src="warning.jpg">
&lt;br>
<img src="meilleur.jpg">
</div>
</div>
 
Statut
La discussion n'est pas ouverte à d'autres réponses
Retour
Haut