[résolu]Décalage de vignettes

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [résolu]Décalage de vignettes

2xyo

2*yo = yoyo

Bonjour à tous,
je dispose d'une gallerie photo dans mon site dont voici deux copies d'écran :
-Affichage "normal" 10280*1024

-Affichage en ayant zommé en arrière (CTRL+Molete firefox...)

Comme on le constante, l'alignement des vignettes change...
Code source de la page :

<div id="main-copy">
<h1>Photos du fondations</h1>
<div style="float:left;">
<dl class="gallery">
<dt><a href="http://www.avelif.info/media/images/construction/fondations/DSC04878-jeudi_27_avril.JPG" title="Le haut des pieux"><img src="http://www.avelif.info/scripts/mini.php?pic=http://www.avelif.info/medias/images/construction/fondations/DSC04878-jeudi_27_avril.JPG" title="" alt="Fondations éolienne SARL AVEL-IF : Le haut des pieux" /></a></dt>
<dd>Le haut des pieux</dd>
</dl>
<dl class="gallery">

<dt><a href="http://www.avelif.info/media/images/construction/fondations/DVC00014.JPG" title="Le haut des pieux"><img src="http://www.avelif.info/scripts/mini.php?pic=http://www.avelif.info/medias/images/construction/fondations/DVC00014.JPG" title="Le haut des pieux" alt="Fondations éolienne SARL AVEL-IF : Le haut des pieux" /></a></dt>
<dd>Le haut des pieux</dd>
</dl>
[pleins d'autres blocs <dl class="gallery">]
<dl class="gallery">
<dt><a href="http://www.avelif.info/media/images/construction/fondations/DVC00072.JPG" title="Recouvrement du massif de terre"><img src="http://www.avelif.info/scripts/mini.php?pic=http://www.avelif.info/medias/images/construction/fondations/DVC00072.JPG" title="Cliquez sur l'image pour l'afficher en grand" alt="Fondations éolienne SARL AVEL-IF : Recouvrement du massif de terre" /></a></dt>
<dd>Recouvrement du massif de terre</dd>
</dl>
</div>

<p>Ces photos ont été prise en Mai. <a href="/fr/iffendic/eolienne/construction/fondations/video.html" title="Video des fondations">Pour visionner une vidéo de la mise en place des fondations, cliquez ici.</a>
</p>
<div style="clear:both;"></div>
</div>

Code source CSS :

dl.gallery
{
border: 1px solid #000;
background-color: #ddd;
width: 224px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.gallery dt { font-weight: bold; }

.gallery dt img
{
border: 1px solid #000;
width: 204px;
height: 153px;
}

.gallery dd
{
margin: 0;
padding: 0;
}

Une idée pour que mes vignettes restent correctement alignées lors d'un affichage standard ?

merci

Message édité par 2xyo le 21-06-2006 à 15:53:57

---------------
2 * yo = yoyo

Publicité

xtof_83

Freeride Spirit

si tu met

Code :

.gallery dd {
height: 25px;
margin: 0;
padding: 0;
}

ça marche, mais c'est une solution caca rapidou

2xyo

2*yo = yoyo

Pas bète ! mais je vais plutôt utilisé de em

merci

xtof_83

Freeride Spirit

Ouais ça aprés ça revient au même

2xyo

2*yo = yoyo

pas vraiment puisque les px c'est absolut et les em relative et comme le design de mon site est totalement flottant, j'éssaye ques les vignettes le soit un minimum.

---------------
2 * yo = yoyo

xtof_83

Freeride Spirit

ouais ça je sais, mais vu que em est relatif par rapport à un truc que tu as fixer, tu sauras quel valuer mettre

FORUM HardWare.fr

Programmation

HTML/CSS

[résolu]Décalage de vignettes

Sujets relatifs
[RESOLU] Créer un document RTF avec du PHP	[Résolu] [DOM Scripting] Afficher/masquer des images
Probleme de décalage des textes sur les pages	[RESOLU]Créer ma barre d'outil avec VB
[RESOLU] Problème méthode GET	STL utilisation de merge() pour des listes [resolu]
[Resolu]Probleme de JScrollPane et JtextArea	[ADO .NET][RESOLU] Remplir un DataGridView avec un Datareader ?
[résolu]Probleme sous Visual Studio avec FILE	[PHP] [RESOLU] problème de filtre sur la date dans requête
Plus de sujets relatifs à : [résolu]Décalage de vignettes

Page générée en 0.042 secondes