all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le jeudi 17 juillet 2008 à 16 h 28 par bapman.

Bonjour,

Je viens de créer un site pour mon groupe de musique mais je me rends compte que toutes les images n background , à part celle du body, ne s'affichent pas du tout sous IE alors que sous mozilla pas de probleme!!
l'adresse de mon site :

http://www.anthology76.fr.tc/accueil.html

ma feuille de style est la suivante :

body
{
margin:10px 0;
padding: 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: url("images/fond.jpg") ;
}

div#conteneur
{
width: 770px ;
margin: 0 auto;
border: 2px solid #FFFFFF ;
text-align: left ;
background: #fff ;
}

div#banniere
{
height: 154px;
width : 100%;
background: url("../images/banniere.jpg")no-repeat top left;
margin: 0 ;
}

div#gauche
{
float:left;
width: 150px;
height:100%;
}

div#droite
{
float:right;
width: 180px;
height:100%;
margin:0;
border-left: 2px solid #FF9900 ;
padding-left : 2px;
}

div#contenu
{
background-color:#fff;
margin-left: 150px;
margin-right: 180px;
height:100%;
}

div#bas
{
height:42px;
margin-top:2px;
background: url("../images/menu-fond.jpg")no-repeat top left ;
}

div#signature
{
height:27px;
padding-top:2px;
line-height:25px;
font-size: 1.2em;
text-align: center ;
font-weight: bold ;
color: #fff ;
background: url("images/bas-fond.jpg")no-repeat top left ;
}

img#signature
{
border:0;
width:50px;
height:20px;
}

div#bas marquee
{
line-height:42px;
font-size: 1.2em;
font-weight: bold ;
letter-spacing: 1.5px;
color: #fff ;
}

ul#menuhaut
{
height:42px;
background: url("images/menu-fond.jpg")no-repeat;
list-style:none;
text-align : center;
margin:0;
padding:0 0 0 20px ;
}

ul#menuhaut li
{
float: left;
margin-left:0;
}

ul#menuhaut li a
{
display:block;
float:left;
color: #fff ;
width:129px;
line-height:39px;
height:39px;
font-size: 1.2em;
font-weight: bold ;
letter-spacing: 1.5px ;
text-decoration: none ;
padding: 0;
cursor:pointer;
}

ul#menuhaut li a:hover
{
color: #000;
background: url("images/bouton.jpg")no-repeat;
}

div#droite h1
{
padding-left: 25px ;
height:25px;
font-size: 1.2em ;
background: url("images/note_degrade.jpg")no-repeat top left ;
color: #FFF ;
}

div#gauche h1
{
padding-left: 25px ;
height:25px;
font-size: 1.2em ;
background: url("images/degrade.jpg")no-repeat top left ;
color: #FFF ;
}

ul#concerts
{
list-style:square;
}

h2
{
padding-left: 5px ;
font-size: 1.1em ;
color: #000000 ;
}

p
{
padding-left:10px;
}


Merci pour le coup de main!!!

• participer

Message publié le jeudi 17 juillet 2008 à 17 h 58 par formy. S'il n'y a pas de solution, c'est qu'il n'y a pas de problème.

Bonjour,

Il faut laisser un espace entre l'url de l'image url(images/xxx.gif) et la propriété de répétition no-repeat.

Au passage, il n'y a pas besoin de " " dans l'url de l'image.

:)

• participer

Message publié le vendredi 18 juillet 2008 à 08 h 53 par bapman.

Super!!!
C'était vraiment tout bête et je cherchais depuis 3 jours!!!
Merci beaucoup!

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.