Discussion :

[Oberown]

Ce que je voudrais faire c'est sans utiliser de tableau.
Metre sur la même ligne du texte aligné à gauche, et une autre partie à droite.

Il faudrait un resultat du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Partie a gauche                                                          partie a droite

[yerbouti]

A priori, mais je mettrais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<span style="float:left">partie gauche</span>
<span style="loat:right">partie droite</span>

[Huntress]

moi je ferais presque pareil sauf que je mettrais ça dans des div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div style="float:left">partie gauche</div> 
<div style="float:right">partie droite</div>

[yerbouti]

[quote="Huntress"]moi je ferais presque pareil sauf que je mettrais ça dans des div

Il s'agit de maintenir le flux horizontalement, je me permets d'insister sur les span, le tout à l'intérieur d'un div bien sur.

Me trompe-je ?

Cordialement

[Huntress]

mauvaise expérience avec un span un jour... m'a mordu... alors j'hésite un peu à en utiliser maintenant... hum hum

nan mais c'est surtout que j'ai l'habitude de tout faire avec des bobox, Oberown nous dira ce qui l'arrange le plus

[fady005]

Moi je me suis bagaré avec les span et les div donc maintenant c'est font Au moins il ne touche pas à l'apparence...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<font style="float:left">partie gauche</div> 
<font style="float:right">partie droite</div>

[Phrederik]

moi jferait pareil sauf que j'utiliserait ... a ben non on a fait le tour la
un tableaux peut etre ? ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<font style="float:left">partie gauche</font> 
<font style="float:right">partie droite</font>

faut finir avec les bonne balise quand meme

sinon , existe t'il un tableaux comparatif entre ces differente façon de faire ?

[fady005]

LES BALISES <SPAN> et <DIV>

Depuis le début, nous utilisons les balises de mise page pour intégrer les feuilles de style dans le code HTML. Il peut arriver que ces balises ne soient pas disponibles, en voulant par exemple appliquer des styles différents pour deux mots qui se suivent.

* Le marqueur <SPAN>

La balise <SPAN> sert à appliquer des styles à des morceaux de paragraphe.

Sa syntaxe est la suivante:

<SPAN class=toto> Texte </SPAN> <SPAN class=titi> Texte </SPAN>

* Le marqueur <DIV>

Même chose que SPAN, à la différence que DIV s'applique à un ou plusieurs paragraphes.

<DIV class=toto> texte</DIV>

Div est en plus très intérressant pour séparer les paragraphes sans insérer en eux un espace (comme le fait la balise <P>).

Ainsi,
<P class=titi> Texte </P>

n'a pas du tout le même effet que :
<DIV class=titi> Texte </DIV>

Font est une balise de mise en forme purement HTML qui devient de moins en moins utilisée de nos jours avec l'utilisation des feuilles de style et autre mais ça sert toujours... Contrairement aux balise Span et Div qui séparent des paragraphes en plus de la mise en forme voulue, la balise font ne fait rien d'autre que ce qu'on lui passe en attribut.

[Candygirl]

Il s'agit de maintenir le flux horizontalement, je me permets d'insister sur les span, le tout à l'intérieur d'un div bien sur.

Du moment que tu positionnes ton élément en float, celui-ci devient automatiquement de type block. Maintenant il est fort probable que les textes en question se trouvent à l'intérieur d'une autre balise du genre un p et imposent donc l'usage d'un span plutôt qu'un div.

Moi je me suis bagaré avec les span et les div donc maintenant c'est font Au moins il ne touche pas à l'apparence...

La balise font est dépreciée et ne devrait donc plus être utilisée. Elle n'a plus de sens dans la nouvelle manière de penser les pages web vu la séparation contenu / présentation vu qu'elle n'a aucun sens sémantique et ne servait que pour la présentation.

...

Div est en plus très intérressant pour séparer les paragraphes sans insérer en eux un espace (comme le fait la balise <P>).

Ainsi,
<P class=titi> Texte </P>

n'a pas du tout le même effet que :
<DIV class=titi> Texte </DIV>

Je trouve cette présentaion des choses pas très judicieuse, un peu (beaucoup ) déformée.

Les balises span et div sont des conteneurs génériques qui n'ont aucun sens sémantiques mais permettent de regrouper certains éléments à des fins structurelles et de présentation. Div est, par défaut, de type bloc et span inline. Donc on ne pourra pas placer de div à l'intérieur d'un paragraphe ou d'un lien alors que le span sera autorisé. Mais de là à dire que le span sert à styler de morceaux de paragraphes et div à les regrouper est bien trop réducteur (on peut très bien utiliser un span dans une liste, regrouper autre chose que des paragraphes,...)

ça n'a aucun sens de comparer un div et un p concernant la mise en forme visuelle puisque cela va dépendre des css associés à ces balises. La vraie différence est que le p indique clairement quil s'agit d'un paragraphe alors qu'un div n'a aucune signification propre. Après, suivant ce qui est défini dans la classe "titi", les 2 bouts de code peuvent très bien avoir exactement le même rendu visuel.

[fady005]

Font est dépréciée je te l'accorde et d'ailleurs je l'avais mentionné mais je préfère l'utiliser vu qu'elle n'insère pas des espaces et saut de lignes à la volée comme le fait div.
Pour moi p et div c'est pareil mais bon j'ai juste fait un copier coller d'un site...