|
|
|
|
Bonjour, j'ai un problème avec ces codes:
XHTML
<div id="photos" >
<a href="images/Photo_g_001.jpg"> <img src="images/Photo_p_001.jpg" alt=""/></a>
<a href="images/Photo_g_002.jpg"> <img src="images/Photo_p_002.jpg" alt=""/></a>
<a href="images/Photo_g_003.jpg"> <img src="images/Photo_p_003.jpg" alt=""/></a>
<a href="images/Photo_g_004.jpg"> <img src="images/Photo_p_004.jpg" alt=""/></a>
<a href="images/Photo_g_005.jpg"> <img src="images/Photo_p_005.jpg" alt=""/></a>
<a href="images/Photo_g_006.jpg"> <img src="images/Photo_p_006.jpg" alt=""/></a>
<a href="images/Photo_g_007.jpg"> <img src="images/Photo_p_007.jpg" alt=""/></a>
</div>
CSS
#photos
{
height: 250px;
width: auto;
padding: 0px;
margin: 0px;
background-color: rgb(227,167,44);
text-align: center;
overflow: scroll;
}
Voilà avec ces codes j'ai bien un ascenseur vertical OK pas de problème ça marche mais j'ai les extrémités de l'ascenseur horizontal que je n'arrive pas à enlever. C'est ma première question, si quelqu'un peut me dire comment faire pour faire disparaitre ces 2 extrémités d'ascenseur horizontal ?
Deuxième question, dans un autre cas de figure je voudrais faire l'inverse c'est à dire n'avoir qu'une ligne de photos et avoir un ascenseur horizontal pour les faire défiler. Quelqu'un pourrait-il m'aider ?
Merci pour vos réponses.
Configuration: Windows XP Firefox 3.0.7
Salut,
#photos
{
height: 250px;
width: auto;
padding: 0px;
margin: 0px;
background-color: rgb(227,167,44);
text-align: center;
overflow: auto;
}
n'avoir qu'une ligne de photos et avoir un ascenseur horizontal pour les faire défiler un bon exemple vaut mieux qu'un long discours ! -;o) [ Mathieu ] Il y a sûrement des pandas pour ne dépendre de rien |
OK et oui tu as raison pour ma première question ça marche nickel chrome c'était bien overflow: auto; à la place de scroll ce qui semble évident. Merci beaucoup pour ta réponse. Pour l'ascenseur horizontal, je n'ai pas encore regardé. je te tiens au courant. Pendant que j'y suis, j'ai un autre problème entre mozilla firefox et IE, voici de quoi il s'agit: sur mon site j'ai une entête puis de chaque côté un menu à droite et un espace pub à gauche. J'ai écrit le CSS de façon à ce que je puisse écrire en haut au milieu du menu et de l'espace pub puis quand on arrive en bas de ces 2 espaces, l'écriture passe sous l'espace pub et le menu; ça marche très bien avec mozilla mais avec IE il m'écrit une ligne entre espace pub et menu puis la suite passe sous espace pub et menu ce qui fait que j'ai un grand espace vide netre la première ligne et la deuxième. Voici le CSS:
|
OK voici l'adresse http://delord.robert.perso.neuf.fr/piauplongee/
|
Affiche le code source et fouille...
#photo_strip {width:630px; margin-left:15px;}
#container {margin:0; padding:0; height:430px; overflow:auto; color:#222; background:#fff;}
#container ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#container ul li {display:table-cell; padding:0 15px; background:#fff; border-bottom:1px solid #888; vertical-align:top;}
#container ul li img {border:1px solid #555; margin: 30px 0 10px 0;}
#photo_strip h1 {text-align:center; padding:0; margin:0; width:630px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}
#container p {margin:0; padding:5px 0; font-size:11px;}
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien |