28172 sujets

CSS et mise en forme, CSS3

salut,

voila 3 jours que je taff comme un dingue pour refaire la page de mon site, et je n'ai pas une grande habitube d'utiliser le CSS donc c'est un peu le foutouard dans mes pages de code ...

bref, j'ai commencé a mettre en place un caroussel d'images mais la liste des images, quand elle depasse la taille de la cellule descend et va a la ligne.

comment je fais pour changer ça ?

merci d'avance.
apres plusieures recherches j'ai fini par trouver comment proceder pour ce probleme, il faut allonger la largeur de la boite ul afin qu'elle puisse contenir toutes les images,

mais,

maintenant j'ai une longue liste d'images qui se suivent et je souhaite qu'elles soient masquées aprèes la 3ème....
j'ai résolue le probleme d'affichage des images en ligne par contre j'ai un autre probleme maintenant.

le bouton qui se trouve sur la droite normalement n'apparait pas ....
bien, j'ai réussi a avancer par moi meme mais j'ai maintenant un autre petit soucis.

j'utilise ceci pour attenuer la visibilité de mes images
.carousel-navigation ul li img {
	margin-left: 2px;
	margin-right: 16px;
		transition:opacity 1s;
	-moz-transition:opacity 1s; /* Firefox 4 */
	-webkit-transition:opacity 1s; /* Safari and Chrome */
	-o-transition:opacity 1s; /* Opera */
	opacity: 0.2;
	filter:alpha(opacity=20);	
	cursor:pointer;
}

et pour avoir l'image active de couleur vive j'utilise ceci:
.carousel-navigation ul li img:hover,
.carousel-navigation ul li img.active
 {
	opacity: 1;
}


le probleme c'est que si cela fonctionne pour hover, en revanche, pour active il ne se passe absolument rien...
j'ai éssayé de remplacer le . par : ou meme avec li.active et li:active ....
aucune difference.

merci de m'aider
ha bah j'ai eu l'illumination juste apres ce post...
il fallait simplement indiquer la hyerarchie correctement

.carousel-navigation ul li.active img