texte dans css: encore un tetu...
Posté : 29 oct. 2007, 18:01
hello,
toujours dans la serie "Css: je t'aime moi non plus" en voici une nouvelle:
j'arrive maintenant a positionner mon texte au dessus de mon background correctement. il a fallu que je casse mon css et que je refasse pas mal de choses.
par contre: j'ai une classe "whitebold" que je voudrais appliquer au texte dans .logout et .greetings.
ps moyen: le texte se comporte comme il veut...
j'ai mis les infos sur le texte dans .logout et .greetings sans succes. j'ai essaye avec le .whitehold mais ca ne passe pas.
si vous avez une idee je suis preneur.
voila l'html:
le css:
si ca vous evoque qq chose n'hesitez pas a me le dire (sauf si ca vous rappelle un monochrome de whiteman... ca ne me plait pas
)
toujours dans la serie "Css: je t'aime moi non plus" en voici une nouvelle:
j'arrive maintenant a positionner mon texte au dessus de mon background correctement. il a fallu que je casse mon css et que je refasse pas mal de choses.
par contre: j'ai une classe "whitebold" que je voudrais appliquer au texte dans .logout et .greetings.
ps moyen: le texte se comporte comme il veut...
j'ai mis les infos sur le texte dans .logout et .greetings sans succes. j'ai essaye avec le .whitehold mais ca ne passe pas.
si vous avez une idee je suis preneur.
voila l'html:
Code : Tout sélectionner
<div id="logged">
<div class="logged_top">
<div class="greetings">Hi <?php print $_SESSION['fname']; ?></div>
</div>
<div class="logged_box">
<div class="logout"><a class="whitebold" href="tpl/logout.tpl.php" title="click">Logout</a></div>
</div>
<div id="autopromo"></div>
</div>le css:
Code : Tout sélectionner
#logged{
width:200px;
height:100px;
border-top:solid 1px #cc0000;
background:url(../template/img/back_ident.gif) repeat;
padding-bottom:4px;
z-index:0;
}
#logged .logged_top{
width:200px;
height:56px;
background:url(../template/img/chrono.gif) no-repeat;
}
#logged .logged_box{
width:200px;
height:164px;
background:url(../template/img/ident_bottom.gif) no-repeat;
}
.greetings{
position:absolute;
top:225px;
width:200px;
height:20px;
text-align:center;
}
.logout{
position:absolute;
top:400px;
width:200px;
height:20px;
z-index:1;
text-align:center;
}