Bonjourà tous,
mon sujet n'est pas très clair alors j'explique mieux : mon site de test : http://mwnn.free.fr/
page d'index donc la partie qui est à gauche avec .:: News audio ::. et ce qu'il y a au dessous (toute la zone en dashed quoi)
comme la font n'est pas très lisible sur l'image de fond, j'ai voulu coller une couleur de fond au div, seulement je souhaitais que l'on voit encore un peu le fond d'écran, c'est pourquoi j'ai mis en place l'opacité. Seulement quand j'ai vu que tout le texe héritait l'opacité (alors que je souhaite qu'il garde ses couleurs d'origine), j'ai créé un second div juste pour la couleur de fond et l'ai positionné au même endroit, seulement là encore la police change de couleur ! J'aimerais savoir ce qu'il faut faire pour avoir un background color avec une certaine opacité et garder le texte est les images qui y sont dans leur couleur d'origine, j'ai inversé les div pour voir si ça changeait quelque chose mais rien à faire.
Voici le code du css
et celui de ma page
Je ne sais plus quoi tenter je crois que j'ai tout fait dans tous les sens
merci pour votre aide
Modifié par Brainwasher (19 May 2006 - 11:49)
mon sujet n'est pas très clair alors j'explique mieux : mon site de test : http://mwnn.free.fr/
page d'index donc la partie qui est à gauche avec .:: News audio ::. et ce qu'il y a au dessous (toute la zone en dashed quoi)
comme la font n'est pas très lisible sur l'image de fond, j'ai voulu coller une couleur de fond au div, seulement je souhaitais que l'on voit encore un peu le fond d'écran, c'est pourquoi j'ai mis en place l'opacité. Seulement quand j'ai vu que tout le texe héritait l'opacité (alors que je souhaite qu'il garde ses couleurs d'origine), j'ai créé un second div juste pour la couleur de fond et l'ai positionné au même endroit, seulement là encore la police change de couleur ! J'aimerais savoir ce qu'il faut faire pour avoir un background color avec une certaine opacité et garder le texte est les images qui y sont dans leur couleur d'origine, j'ai inversé les div pour voir si ça changeait quelque chose mais rien à faire.
Voici le code du css
#partenaires_fond
{
float : left;
position: relative;
background-color: #5F5B6A;
padding: 5px 5px 5px 5px; /* haut, droite, bas, gauche */
margin-left: 5px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#partenaires
{
float : left;
position: relative;
background-color: transparent;
width: 20%;
margin-left: 5px;
color: #FFFFFF;
border: 1px dashed #FFFFFF;
}
et celui de ma page
<div id="partenaires">
<div id="partenaires_fond">
<center><font class="Rubrique"> .:: News audio ::. </font></center><br>
<?php
function AF_news($nb_max_news = 10, $target = "_blank")
{
$fp = fopen ("http://fr.audiofanzine.com/news/partenaires/parse.inc.txt", "r");
for ($nb_news_affichees = 0; $nb_news_affichees < $nb_max_news; $nb_news_affichees++)
{
list ($id_news, $date_news, $titre_news) = explode ("|", fgets($fp,255));
$html .= "$date_news - <a href=http://fr.audiofanzine.com/news/affnews,id_news,$id_news.html target=$target class='alternatif'>$titre_news</a><br>";
}
fclose($fp);
return $html;
}
echo AF_news();
?>
<br><br>
<center><font class="Rubrique"> .:: Nos partenaires ::. </font>
<br><br>
<a href="http://www.techno.fm" target="_blank" title="Techno.fm"><img src="http://www.techno.fm/images/masthead_fr_n.jpg" width="200" height="50" border="0"></a>
<br><br>
<a href="http://www.psychedelik.com" target="_blank" title="Psychedelik.com"><img src="images/banniere/psychedelik.gif" width="200" height="50" border="0"></a>
<br><br>
<a href="http://www.letriptyque.com" target="_blank" title="LeTriptyque.com"><img src="images/banniere/triptyque.jpg" width="200" height="50" border="0"></a>
</center>
</div>
</div>
Je ne sais plus quoi tenter je crois que j'ai tout fait dans tous les sens
merci pour votre aide
Modifié par Brainwasher (19 May 2006 - 11:49)
(19 May 2006 - 13:50)
