[résolu]Décalage de vignettes
Décalage de vignettes [résolu] - HTML/CSS - Programmation
Marsh Posté le 21-06-2006 à 15:40:41
si tu met
Code :
|
ça marche, mais c'est une solution caca rapidou 
Marsh Posté le 21-06-2006 à 15:59:19
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
Marsh Posté le 21-06-2006 à 16:10:10
ouais ça je sais, mais vu que em est relatif par rapport à un truc que tu as fixer, tu sauras quel valuer mettre 
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
Marsh Posté le 21-06-2006 à 15:17:08
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