|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
OTP Modérateur

Inscrit le: 16 Déc 2005 Messages: 10246 Localisation: Dans le mat...
|
Posté le : Jeu Jan 31, 2008 21:32 Sujet du message: Sauts de ligne non désirés |
|
|
Bonsoir,
Sur cette page : http://www.thewindpower.net/twp2/photos-eolienne-171-enercon-e66-2.0.php , je désire que les photos soient alignées sur 3 colonnes (donc 3 photos par ligne).
Actuellement, elles sont par trois, mais verticalement. Un peu comme si elles étaient séparées par des <br />. Mais il n'y en a pas !
Si quelqu'un peut m'expliquer comment résoudre ce problème...
Merci d'avance,
Michaël |
|
| |
|
 |
Pot de yahourt WRInaute impliqué

Inscrit le: 28 Avr 2004 Messages: 368
|
Posté le : Jeu Jan 31, 2008 21:46 Sujet du message: Sauts de ligne non désirés |
|
|
tu veux pas mettre ça dans une <table> .... </table>  |
|
| |
|
 |
Pot de yahourt WRInaute impliqué

Inscrit le: 28 Avr 2004 Messages: 368
|
Posté le : Jeu Jan 31, 2008 21:53 Sujet du message: Sauts de ligne non désirés |
|
|
| Et dans ta css ça dit quoi ? Car en la desactivant, c'est nickel en terme d'alignement... |
|
| |
|
 |
OTP Modérateur

Inscrit le: 16 Déc 2005 Messages: 10246 Localisation: Dans le mat...
|
Posté le : Jeu Jan 31, 2008 21:56 Sujet du message: Sauts de ligne non désirés |
|
|
Pour la table, je préfère éviter.
Ben la CSS, je ne sais pas trop ce qu'elle dit. Enfin, je ne vois pas quoi peut justifier cet effet. |
|
| |
|
 |
Vap WRInaute accro

Inscrit le: 17 Juin 2007 Messages: 1073 Localisation: Bouches-du-Rhône
|
Posté le : Jeu Jan 31, 2008 22:02 Sujet du message: Sauts de ligne non désirés |
|
|
Il faut que les liens contenant tes images aient comme style
| Code: |
display: block;
float: left;
|
pour qu'elles s'alignent horizontalement. Il faut que tu crée une nouvelle classe de liens pour cela.
Ou alors tu met cette classe de lien en
Ce qui est le CSS par défaut. C'est pour cela que quand on désactive le CSS tes images s'alignent bien. Mais dans ce cas tu pourra difficilement réler la marge entre deux images successives, c'est pour cela que la première méthode est conseillée.
Et surtout, ne pars pas sur une mise ne page à base de table... |
|
| |
|
 |
Pot de yahourt WRInaute impliqué

Inscrit le: 28 Avr 2004 Messages: 368
|
Posté le : Jeu Jan 31, 2008 22:06 Sujet du message: Sauts de ligne non désirés |
|
|
| Vap a écrit: |
| Et surtout, ne pars pas sur une mise ne page à base de table... |
Pour ma culture personnelle, pourquoi pas de table ? |
|
| |
|
 |
Vap WRInaute accro

Inscrit le: 17 Juin 2007 Messages: 1073 Localisation: Bouches-du-Rhône
|
Posté le : Jeu Jan 31, 2008 22:11 Sujet du message: Sauts de ligne non désirés |
|
|
| Pot de yahourt a écrit: |
| Vap a écrit: |
| Et surtout, ne pars pas sur une mise ne page à base de table... |
Pour ma culture personnelle, pourquoi pas de table ? |
Parce que tu dois refaire la table si tu change le nombre d'images par exemple.
Avec une mis een page CSS, pas besoin de changer la structure HTML de la page pour changer sa mise en page.
C'est une sujet pas mal débattu, regardes par exemple http://www.alsacreations.com/ et en particulier
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Construire-un-...
Vap |
|
| |
|
 |
Pot de yahourt WRInaute impliqué

Inscrit le: 28 Avr 2004 Messages: 368
|
Posté le : Jeu Jan 31, 2008 22:11 Sujet du message: Sauts de ligne non désirés |
|
|
ok merci  |
|
| |
|
 |
OTP Modérateur

Inscrit le: 16 Déc 2005 Messages: 10246 Localisation: Dans le mat...
|
Posté le : Jeu Jan 31, 2008 22:40 Sujet du message: Sauts de ligne non désirés |
|
|
| C'est bon, c'est résolu, merci ! (méthode 1) |
|
| |
|
 |
| |
|
|