bonjour à tous,
je viens vers vous car j'ai un problème sur le background de mes h5
en fait j'ai ma page avec des h5 et j'applique un background
dans mon code html :
tous les <h5> ont le background sauf le premier
je ne sais pas où c'est qu'il passe
comme je suis au boulot je ne peut pas le mettre en ligne
css
html
Le problème se passe sous W95 IE5.5
sous W95 et Fx1.04 c'est nickel
si vous avez une soluce ...
merci
Modifié par sane79 (29 Jul 2005 - 08:52)
je viens vers vous car j'ai un problème sur le background de mes h5
en fait j'ai ma page avec des h5 et j'applique un background
#corps h5 {
color : #c00;
text-align : left;
margin-bottom : 6px;
background : #fff url(images/puce.gif) center left no-repeat;
padding-left : 20px;
}
dans mon code html :
<div id="corps">
<h5>Mercredi 27 Juillet 2005</h5>
<p>Après la lecture du livre <a href="http://www.eyrolles.com/Informatique/Livre/9782212115703/livre-css-2-pratique-du-design-web.php">"CSS2 pratique du design web"</a> de Raphaël Goetter, j'entreprends à nouveau de changer le design.</p>
<h5>Samedi 25 Juin 2005</h5>
<p>Le site fait peau neuve et j'en profite pour valider mon site auprès du <a href="http://fr.wikipedia.org/wiki/W3c">World Wide Web Consortium</a> afin de respecter les standards du web et maximiser l'accéssibilité à mon site.</p>
<h5>Jeudi 16 Septembre 2004</h5>
<p>La partie Webcam disparait pour faire place à mon portfolio.</p>
</div>tous les <h5> ont le background sauf le premier
je ne sais pas où c'est qu'il passe
comme je suis au boulot je ne peut pas le mettre en ligne
css
* {margin : 0 ; padding : 0}
body {
font-family : Trebuchet MS, Verdana, Arial, sans-serif;
background : #3D586A url(images/fondbody.jpg) bottom left no-repeat;
font-size : 1em;
text-align: center;
}
#conteneur {
position : relative;
padding-bottom : 10px;
width : 600px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
background : #fff url(images/fondconteneur.gif) bottom right no-repeat;
-moz-border-radius-bottomleft : 10px;
-moz-border-radius-bottomright : 10px;
}
#bandeau {
background-image : url(images/bandeau.jpg);
height : 150px;
}
#bandeau span {
display : none;
}
#divmenu ul {
background-color : #FFF;
}
#divmenu li {
float : left ;
border-bottom: solid 1px #D6DBDF;
list-style-type: none;
}
#divmenu a {
display : block;
width : 120px;
background-color : #FFF;
text-decoration : none;
color : #c00;
font-size : 0.7em;
text-align : center;
}
#divmenu a:hover {
background-color : #D6DBDF;
color: #fff;
}
#corps {
margin: 40px 20px 10px 20px;
}
#corps p {
background-image : url(images/fondp.gif);
background-repeat : no-repeat;
border : solid 1px #c00;
border-left-width: 3px;
padding : 15px;
margin : 0 0 20px 20px;
width: 90%;
color : #3D586A;
font-size : 0.8em;
-moz-border-radius-bottomright : 5px;
-moz-border-radius-topright : 5px;
text-align : left;
}
#corps h5 {
color : #c00;
text-align : left;
margin-bottom : 6px;
background : #fff url(images/puce.gif) center left no-repeat;
padding-left : 20px;
}
#corps p a {color : #c00; text-decoration : none}
#corps p a:hover {text-decoration : underline }
#corps p a img {
float : left;
border : solid 1px #3D586A ;
margin-right : 5px;
}
#corps p a.concept {
}
#politique {
display : none;
position : absolute;
margin : 125px 0px 0px 80%;
right : 49px;
padding :10px;
width : 20% ;
border : dashed 1px #ddd ;
border-right-width : 0px;
background-color : #eee;
font-size : 0.9em;
}
html
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
<title>sane79</title>
<meta name="description" content="mon site perso" />
<meta name="keywords" content="cv,photos,perso" />
<meta name="page-topic" content="site perso" />
<meta name="author" content="sane79" />
<meta http-equiv="CONTENT-LANGUAGE" content="fr" />
<meta name="ROBOTS" content="INDEX, FOLLOW" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="conteneur">
<div id="bandeau"><span>sane79, mon site perso</span></div>
<ul id="divmenu">
<li><a href="index.html" accesskey="0">Accueil</a></li>
<li><a href="cv.html" accesskey="1">Mon CV</a></li>
<li><a href="concept.html" accesskey="2">Conceptions</a></li>
<li><a href="port.html" accesskey="3">PortFolio</a></li>
<li><a href="liens.html" accesskey="4">Mes liens</a></li>
</ul>
<div id="corps">
<h5>Mercredi 27 Juillet 2005</h5>
<p>Après la lecture du livre <a href="http://www.eyrolles.com/Informatique/Livre/9782212115703/livre-css-2-pratique-du-design-web.php">"CSS2 pratique du design web"</a> de Raphaël Goetter, j'entreprends à nouveau de changer le design.</p>
<h5>Samedi 25 Juin 2005</h5>
<p>Le site fait peau neuve et j'en profite pour valider mon site auprès du <a href="http://fr.wikipedia.org/wiki/W3c">World Wide Web Consortium</a> afin de respecter les standards du web et maximiser l'accéssibilité à mon site.</p>
<h5>Jeudi 16 Septembre 2004</h5>
<p>La partie Webcam disparait pour faire place à mon portfolio.</p>
<h5>Mardi 10 Août 2004</h5>
<p>Quelques nouveaux changements au niveau design, afin d'égayer le site.</p>
<h5>Lundi 1 Mars 2004</h5>
<p>Je me ballade sur le net et je me décide à remodeler mon site web personnel que j'avais fait il y 2 ans. Le choix du look se porte sur le design KDE de la communauté linux que je trouve superbe.</p>
</div>
</div>
</body>
</html>Le problème se passe sous W95 IE5.5
sous W95 et Fx1.04 c'est nickel
si vous avez une soluce ...
merci
Modifié par sane79 (29 Jul 2005 - 08:52)
