|
| ogd |  Posté le 13/06/2006 @ 12:14 |
Astucien
2059 Messages
| Hello!
Voilà, j'ai un code css dans lequel je voudrais changer une couleur de background par une image dans une sous div, mais autant je peux supprimer la couleur de fond, autant, il n'y a pas moyen que 'limage apparaisse...
voici le code de la css :
@import url(../rsc/basic.css); /* Import basic styles */
@import url(../rsc/img.css); /* Import standard image styles */
@import url(../rsc/forms.css); /* Import standard form styles */
/* Global page layout */
#rowheader {
background-image: url('/dossier_cssblog/head.jpg');
text-align: center;
margin-bottom: 1em
}
#rowheader2
{ /* This one is use on the default home page */
text-align: center;
margin-bottom: 1em;
border-bottom: 1px solid #CCCCCC;
}
#rowfooter {
margin-top: 1em;
clear: both;
text-align: center;
border-top: 1px solid #CCCCCC;
padding-top: 1ex;
color: #ccc;
font: 70% Verdana, Arial, Helvetica, sans-serif;
}
/* For the site header: */
h1 {
font-family: Arial, Helvetica, sans-serif;
/* font-size: 240%; */
color: #f90;
margin: 0;
}
#tagline{
position: relative;
font-style: italic;
bottom: 20px;
margin-left: 110px;
}
#version{
position: relative;
bottom: 15px;
margin-bottom: .3ex;
}
#quicklinks {
border-top: 1px solid #f90;
border-bottom: 1px solid #f90;
background-color: #fc9;
text-align: center;
font: bold 84% Verdana, Arial, Helvetica, sans-serif;
padding-top: .1em;
padding-bottom: .1em;
}
/* Content styles: */
h2,
h3,
etc...
et celui de la page html:
<body>
<div id="rowheader" style="width: 642; height: 122" >
<h1><img border="0" src="blogs/img/fp/bloglogo.jpg" vspace="5" width="468" height="60"></h1>
<p style="margin-top: 0; margin-bottom: 0"> </p>
<div id="tagline">Plate-forme de Blogs Fréquence Plus</div>
<div id="quicklinks">
·
<a href="index.fr-FR.html">Accueil</a> ·
<a href="blogs/index.php">Blogs</a> ·
<a href="blogs/admin/">Admin</a> ·
<a href="/blogs/htsrv/register.php?redirect_to=/blog/blogs/index.php?blog=3&page=1&disp=posts">S'inscrire</a> ·
<a href="/blogs/htsrv/login.php?redirect_to=/blog/blogs/index.php?blog=3&page=1&disp=posts">Se logger</a> ·</div>
</div>
<div class="installSideBar">
etc...
en fait je voudrais remplacer le background color de #quicklinks par une image statique en .gif, mais il ne semble pas le prendre en compte...
VOus pourriez m'aider à comprendre ce qui ne fonctionne pas?
Merci
Ogd |
| |
| |
| Publicité |
|
|
| davidj38 | Posté le 13/06/2006 à 14:27 |
Petit astucien
78 Messages
| Normalement il suffit de faire un truc du style :
(c'est un exemple)
<TD COLSPAN=2 ROWSPAN=2 align="left" valign="top" background="images/ton image.gif"> |
| |
|
| elle | Posté le 13/06/2006 à 14:38 |
 Maîtresse astucienne
16247 Messages
| Salut,
Tu n'as qu'à ajouter dans le style de #quicklinks : background-image: url(ton_image.gif);
Modifié par elle le 13/06/2006 14:39 |
| |
|
| ogd | Posté le 13/06/2006 à 15:04 |
Astucien
2059 Messages
| Hello!
>davidj38: C'est créer un tableau ça non?j'aimerais autant éviter puisqu'il y a les css.[langue]
>elle: c'est bien ce que j'ai essayé, mais mon image n'apparait pas, il y a un truc qui doit la bloquer, j'imagine mais je ne vois pas quoi...[boom]
Merci à vous 2 pour votre aide et si vous avez d'autres idées sur le soucis, merci d'avance.[smile]
Ogd |
| |
|
| elle | Posté le 13/06/2006 à 15:31 |
Maîtresse astucienne
16247 Messages
| Tu as vérifié le chemin de l'image? Ses dimensions? Son nom (pas d'espaces, de majuscules, d'accents, etc.) Parce que ça fonctionne, je l'ai essayé à partir de ton code pour être certaine.
|
| |
|
| tirikou | Posté le 13/06/2006 à 16:26 |
Astucien
1086 Messages
| Pour être sur qu'une image fonctionne lorsqu'elle est appellée par le css, il faut lui donner son chemin absolu.
ul( http://mon_site.fr/mes_images/image1.gif)
Il faut bien sur que l'image soit sur le serveur dans le bon fichier.
et si elle est appellée en background, il faut lui donner sa position et son replay ou non. |
| |
|
| ogd | Posté le 13/06/2006 à 17:31 |
Astucien
2059 Messages
| Ca y est, ça marche, en fait tout semblait être bon et quand j'ai mis l'adresse complète, de l'image, ça a marché, alors que quelques lignes plus haut, il trouve une image de fond avec son adresse tronquée...
Par contre, est il possible de lui dire que cette image, il doit l'appliquer à 100% de la largeur de la div?
Merci
Ogd |
| |
|
| elle | Posté le 13/06/2006 à 17:32 |
Maîtresse astucienne
16247 Messages
| C'est une image qui se répète ou non?
|
| |
|
| ogd | Posté le 13/06/2006 à 17:39 |
Astucien
2059 Messages
| vi c'est ca...
Je ne sais pas s'il vaut mieux lui faire prendre toute la place ou la centrer...
regarde, c'est la barre de menu grise
[url="ici"] http://blog.frequenceplusfm.com/[/url]
Merci |
| |
|
| elle | Posté le 13/06/2006 à 17:48 |
Maîtresse astucienne
16247 Messages
| La centrer (et centrer les items du menu dessus) ou, encore, la déplacer vers la droite...
|
| |
|
| ogd | Posté le 13/06/2006 à 18:31 |
Astucien
2059 Messages
| merci Elle, ca marche!
Je ne ferme pas le topic car je risque d'avoir d'autres questions du même genre...
Bonne fin de journée!
Ogd[bierre] |
| |
|
|
| Haut de la page |
css récalcitrant
