Salut,
j'ai fait ce style pour appliquer un background à un div, au sein d'une meme page ça marche tres bien, mais des que je le met ds ma feuille de style externe ca ne marche plus. Y'a un truc qui doit faire conflit...
Le style est tout en bas, je l'ai appelé "paper".
Le tout :
Modifié par Hum (01 Sep 2006 - 22:04)
j'ai fait ce style pour appliquer un background à un div, au sein d'une meme page ça marche tres bien, mais des que je le met ds ma feuille de style externe ca ne marche plus. Y'a un truc qui doit faire conflit...
Le style est tout en bas, je l'ai appelé "paper".
Le tout :
/* Pour mon header avec line qui se repette */
#header {border:0px ;
position:abolute;
width:1024 ;
height:92px;
background-image:url(http://img500.imageshack.us/img500/4181/line7io.jpg);
text-align:center;
margin:0px;
padding:0px;}
/* Liste pour bloc avec texte centré */
#conteneur {
position:relative;
align:center;
width: 240px;
height: 140px;
border: 0px;
left: 273px;
top: 24px;}
ul {
margin: 0;
padding: 0;
font size: 8px;}
/* liens du menu*/
a.menu:link {color: #FFCC00;; text-decoration: none;font size: 8px} /* lien non-visité */
a.menu:visited { color: #ff9900 ; text-decoration: none; font size: 8px } /* de base */
a.menu:hover { color: #ff6600; text-decoration: underline;font size: 8px} /* lien survolé */
a.menu:active { color: #FFCC00; text-decoration: none;font size: 8px} /* lien activé */
/* justifié a droite ( ou pour page suivante...)*/
a.lienpageb:link {color: #FFCC00;; text-decoration: none;font size: 8px; float:right;} /* lien non-visité */
a.lienpageb:visited { color: #ff9900 ; text-decoration: none; font size: 8px ; float:right; } /* de base */
a.lienpageb:hover { color: #ff6600; text-decoration: underline;font size: 8px; float:right;} /* lien survolé */
a.lienpageb:active { color: #FFCC00; text-decoration: none;font size: 8px; float:right;} /* lien activé */
/* paragraphes et attributs de textes */
p {font-size:11px;
margin:8px 4px 21px 4px;}
strong {color:black;
font-size:11px ;}
img {border:0px ;
margin:0px 2px 5px 0px;}
/* Mes classes */
.centrer {text-align:center;
font:Verdana, Arial, Helvetica, sans-serif;}
.titre { font-size:13px;
margin:6px 4px 6px 4px;
style:none;}
.italic { font-style:italic;}
.bord { width:520px ;
padding-left:7px;
padding-right:7px;
border:groove;
border-width:medium;
color:919191;}
.bciel { color:66ccff;}
#paper {
background-attachment: fixed;
background-image: url(../images/bacgtest1.png);
background-repeat: no-repeat; width:494px;
height:180px;}<!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>
<!--Page travaux persos -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="keywords" lang="fr" content="memoire" />
<title>travaux personnels</title>
<style type="text/css">
@import url(../text.css);
</style>
</head>
<body>
<div id="header">
<img src="http://img477.imageshack.us/img477/1527/headerpageperso27bo.jpg" alt="" />
</div>
<p>
<a class="lienpageb" href="web.html">.:: Travaux Web et écrans ::.</a>
<a class="menu" href="../index.html">.:: Retour aux Prints ::. </a>
</p>
<div class="p1">
<img src="http://img283.imageshack.us/img283/5269/headarene8je.jpg" alt="" />
</div>
<h1 class="titre">Montages avec peintures et dessins de l'homme que l'on nomme <em>"Acme"</em></h1>
<p>
<a href="http://img372.imageshack.us/my.php?image=menivm5mu.jpg">
<img src="http://img372.imageshack.us/img372/1131/menivm5mu.th.jpg" alt="" />
</a>
<a href="http://img370.imageshack.us/my.php?image=wallacmep4mm.png">
<img src="http://img370.imageshack.us/img370/5671/wallacmep4mm.th.png" alt="" />
</a>
</p>
<div id="paper">
<p>
<a href="http://img151.imageshack.us/my.php?image=scra7mk.jpg">
<img src="http://img151.imageshack.us/img151/8699/scra7mk.th.jpg" alt="" />
</a>
<a href="http://img272.imageshack.us/my.php?image=wall6lw.jpg">
<img src="http://img272.imageshack.us/img272/3600/wall6lw.th.jpg" alt="" />
</a>
<a href="http://img379.imageshack.us/my.php?image=mod0dp.jpg">
<img src="http://img379.imageshack.us/img379/7981/mod0dp.th.jpg" alt="" />
</a>
</p>
</div>
<h1 class="titre">Signatures</h1>
<p>
<img src="http://img308.imageshack.us/img308/1221/xxxx9vq.jpg" alt="" />
<a href="http://img327.imageshack.us/my.php?image=abstractscra453fk.jpg">
<img src="http://img327.imageshack.us/img327/6733/abstractscra453fk.th.jpg" alt="" />
</a>
<a href="http://img327.imageshack.us/my.php?image=abstractscra42bb.jpg">
<img src="http://img327.imageshack.us/img327/8092/abstractscra42bb.th.jpg" alt="" />
</a>
<img src="http://img126.imageshack.us/img126/2809/rondscra2od.jpg" alt="" />
</p>
<h1 class="titre">Image alternative en cas de non présence du plugin Falsh :</h1>
<p>
<img src=" http://img208.imageshack.us/img208/3319/downloadnow6gj.png
" alt="" />
</p>
<p class="bord"><strong>
Signature sur demande au Forum Toshop pour un nommé <em>Titi47</em>:</strong><br />
<br />
<img src="http://img427.imageshack.us/img427/9995/titisign5px.gif" alt="" />
</p>
</body>
</html>Modifié par Hum (01 Sep 2006 - 22:04)
)
et sinon tu peux revenir poser plus de questions ici
