28172 sujets

CSS et mise en forme, CSS3

Problème de marge sur une image

Bonjour
j'ai un bloc qui possède 3 images de fond, une pour le somment où il y a un titre H4, une autre pour le bas du bloc, et une autre qui se répète en Y pour s'agrandir lors des redimensionnent le police par le navigateur.
Sous l'image du somment, j'ai ajouter une autre image (un liseret noir) qui permet de faire une séparation entre le titre et le contenu du bloc.
Mais avec cette image, il y a un défaut sous IE, l'image est entourée d'une marge qui sort de je ne sais où.
J'ai mis un exemple avec et sans liseret, regardez sous IE avec les autres pas de problème :
http://www.tutoriels-animes.com/test.php
Le code CSS :
.bloc
{
text-align:justify;
margin-left:20px;
margin-bottom:20px;
color:white;
width:340px;
}
.bloc h4
{
background:url(photos/accueil/bloc-accueil_01.png) no-repeat;
padding-top:3px;
padding-bottom:3px;
margin:0;
text-align:center;
}
.description
{
background:url(photos/accueil/bloc-accueil_02.png) repeat-Y;
margin:0;
padding:3px 10px 0 10px;
font-family:"Trebuchet MS", Serif;
font-size:12px;
}
.bloc a
{
text-decoration:none;
color: #FED689;
}
.bloc a:hover
{
text-decoration:underline;
color:#FF6666;
}
.bloc a:active
{
color: #FED689;
}

et html avec le liserert :
				<div>
					<div class="bloc">
						<h4><a href="traitement-audio.html">test</a> : test</h4>
						<img src="photos/accueil/liseret.png" alt="image" />					
						<div class="description">
							testtesttesttesttest testtesttest testtesttesttesttesttesttest test test test testtesttesttesttesttest test
						</div>
						<img src="photos/accueil/bloc-accueil_03.png" alt="image" />					
					</div>
				</div>
			</div>

Modifié par Sam Soul (10 Oct 2009 - 20:11)
Salut,

Sur Safari, je vois déjà un souci:
Dans le menu (<ul id="menu"></ul>) le bloc "forum" (<li id="bouton-droit"></li>) reviens à la ligne au lieu d'être aligné aux autres.

Tu as un pb de dimension des tes éléments du menu:
La largeur de la page est: 980px
Or la largeur de l'ensemble des boutons du menu fait: 1008px.
Bonsoir,

vu que les images sont plus là pour la décoration -tu dis toi même image de fond- ce ne serait pas plus simple de les mettre en css ?
Sinon je ne voit pas la différence entre ie8 et ff... une image peut-être ?
Sujet clos
Aller à