28172 sujets

CSS et mise en forme, CSS3

Bonjour ,
j'ai un soucis avec des div.
.
.pub260 {position:relative; width:248px; background: url(../images/fd-minicdr.jpg) top repeat-x; margin:5px; padding:0; border:1px solid #999999; }
et
.basdroite { position: absolute; bottom: 0; right: 0;text-align:right; width:100%; height:25px; float:right; clear:both; background:#CCCCCC;}


si j'embrique mes 2 div j'ai la div 'basdroite' qui cache une partie du texte (la fin) qui se trouve dans '.pub260'

exemple de code html :

<div class="pub260">
    <h2>Le Mag du Samedi</h2> 
    <p>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/>blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla <br/></p>
    
    <div class="basdroite">
    <a href="mag.php" title="Les mag du samedi" >
    Les mags du samedi		</a>
   <img src="../images/fleche-bleu.png" alt="Go" width="15" height="20" />        
   </div>        
</div>

Modifié par fabrice88 (02 Jun 2010 - 10:51)
Salut,

essai ça :
.pub260 {position:relative; width:248px; background: url(../images/fd-minicdr.jpg) top repeat-x; margin:5px; padding:0px 0px 25px 0px; border:1px solid #999999; }


Ton div.basdroite est en position absolute donc par dessus ton texte,
de plus il se positionne au bas de ton div.pub260

donc il te faut prévoir une marge (ici le padding-bottom) mais sur ton div.pub260... car c'est par rapport à lui que se positionne ton div.basdroite...
Modifié par Speirs (01 Jun 2010 - 18:43)
voilà qui est fait mais un petit bouton 'résolu' directement sur le forum ne serait pas un mal. j'ai du recherché comment faire (oui j'avais oublié) pour mettre résolu pour au final me rendre compte qu'il fallait juste edité le message et mettre [résolu] sur le titre.
Merci