PB ascenseur XHTML CSS

zatox Messages postés 640 Date d'inscription Statut Membre Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention - 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.

Afficher la suite

A voir également:

PB ascenseur XHTML CSS
Enlever le soulignement d'un lien css ✓ - Forum CSS
Css download - Télécharger - HTML
Background color css ✓ - Forum CSS
Comment créer un lien non souligné ✓ - Forum Réseaux sociaux
Css ligne horizontale ✓ - Forum CSS

5 réponses

Réponse 1 / 5

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

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)

Réponse 2 / 5

zatox Messages postés 640 Date d'inscription Statut Membre Dernière intervention 66

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 ?

Réponse 3 / 5

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

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

Réponse 4 / 5

zatox Messages postés 640 Date d'inscription Statut Membre Dernière intervention 66

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?

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

Posez votre question

Réponse 5 / 5

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

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

Discussions similaires

Enlever le soulignement sous les liens en HTML/CSS

ASCENSEUR(barre de défilement)DANS EXCEL 2007

indice et exposant en css ?

Le livreur refuse de livré mon réfrigérateur acheter chez Cdisco

Enlever trait sous un lien href

Votre réponse

Discussions similaires