PB ascenseur XHTML CSS Fermé

Question

Bonjour, j'ai un problème avec ces codes: XHTML

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.

Dalida · Answer

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)

zatox · Answer

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 ?

Dalida · Answer

tu aurais une version en ligne ?
qu'on puisse diagnostiquer sur pied...

zatox · Answer

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?

Dalida · Answer

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;}

PB ascenseur XHTML CSS

5 réponses

Discussions similaires