28221 sujets

CSS et mise en forme, CSS3

[Délestage] IE : coller une image à gauche d'un <div>

Bonjour,

J'ai des problèmes pour aligner une image à gauche d'un calque avec IE 6, alors que tout va bien avec Firefox, j'ai entouré l'image d'une petit bordure bleue :

upload/455-imgBordure.jpg

CSS du <div> :
		#sidebar-a {
			/*border: 1px solid gray;*/
			float: left;
			width: 185px;
			margin: 0;
			padding: 0;
			background-color: rgb(235, 235, 235);
			background-image: url(img/bg_left.jpg);
		}


CSS de l'image :
		.ImgBordureGauche {
			margin: 0 ;
			float : left ;
			border: 1px solid blue ; 
		}


Code de l'image dans le HTML :
		<div id="sidebar-a">
			<img src="img/left.jpg" class="ImgBordureGauche">
...

Modifié par mijack (22 Feb 2005 - 22:42)
Bonjour,
Cette image m'a tout l'air d'être de la décoration et aurait toute sa place dans la feuille de style et pas dans ton code html.
C'est de la décoration effectivement, mais tu peux voir dans le code que j'ai donné que la barre de gauche (#sidebar-a) contient déjà une image de fond (background-image: url(img/bg_left.jpg);).

Est-ce à cela que tu pensais ?
Oui j'ai bien vu, justement pourquoi rajouter une image au dessus dans une div (vide ?).
L'image de fond de la div se répète pour créer une bordure à gauche, et l'image que je rajoute (avec la bordure bleue) ne doit apparaître qu'une fois.
Malheureusement aucun de ces 2 sujets n'est résolu. D'ailleurs tu remarqueras que je suis l'auteur du dernier message sur le 1er sujet que tu cites, et que j'y pose une question dont je ne reçois pas de réponse...

Puisque mes sujets se retrouvent oubliés au fond de la Xème page du forum, j'ai renoncé à attendre des réponses. D'où l'ouverture de ce nouveau sujet où j'ai essayé de prendre un problème plus précis.
Pour poser mon problème d'une façon différente: est-il possible d'avoir un calque avec une image de fond qui se répète et une image unique par dessus ?

Quelque chose du genre :

background-image: url(img/imageRépétée.jpg);
background-repeat: repeat-y;

background-image: url(img/imageUnique.jpg);


Je rappelle que je travaille toujours sur la même page si vous voulez jeter un coup d'oeil : http://www.fcsion4ever.com/v3.1/test.htm

Pour Stephan : je jure que si qqn résoud mon problème, je mettrai un [Résolu] Smiley cligne
Sujet clos
Aller à