PB ascenseur XHTML CSS

Fermé
zatox Messages postés 640 Date d'inscription samedi 17 février 2007 Statut Membre Dernière intervention 26 juin 2020 - 25 mars 2009 à 20:46
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 26 mars 2009 à 16:07
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.
A voir également:

5 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
26 mars 2009 à 09:40
salut,

comment faire pour faire disparaitre ces 2 extrémités d'ascenseur horizontal ?
essaie :
#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)
0
zatox Messages postés 640 Date d'inscription samedi 17 février 2007 Statut Membre Dernière intervention 26 juin 2020 66
26 mars 2009 à 15:10
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:

#menu
{
float: right; /* Le menu flottera à gauche */
background-color: rgb(227,167,44);
width: 130px; /* Très important : donner une taille au menu */
height: 250px;
margin: 5px;
border: solid white 5px;
}
#espace_pub
{
float: left; /* Le menu flottera à gauche */
background-color: rgb(227,167,44);
width: 130px; /* Très important : donner une taille au menu */
height: 250px;
margin: 5px;
border: solid white 5px;
}

#corps
{
float: center;
background-color: rgb(255,217,136);

}

Quelqu'un aurait-il une idée pour que ça marche aussi avec IE ?
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
26 mars 2009 à 15:56
tu aurais une version en ligne ?
qu'on puisse diagnostiquer sur pied...
0
zatox Messages postés 640 Date d'inscription samedi 17 février 2007 Statut Membre Dernière intervention 26 juin 2020 66
26 mars 2009 à 16:05
OK voici l'adresse https://www.sfr.fr/fermeture-des-pages-perso.html

D'autre part pour l'ascenseur horizontal je suis bien allé voir l'endroit que m'a donné Dalida l'ascenseur qui apparait c'est bien celui que je veux faire mais je n'y ai pas trouvé le code il faut dire que c'est en anglais et qu'il y a pas mal de lien, si tu peux me préciser où se trouve le code pour l'ascenseur horizontal ?

Merci pour vos réponses?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
26 mars 2009 à 16:07
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;}
0