[Résolu]Définir des zones à cliquer dans le header

[PrestyNews]

Bonjour,

 

 

Pour faire simple dans ma question, voici un exemple : http://www.micheleta...tin.com/lesouk/

 

Ce que je cherche à reproduire "tout simplement" est le système de zones cliquables dans le bandeau d'en-tête du site.

J'ai bien dans mon bandeau :

<div id="header" class="grid_9 alpha omega">
<a id="header_logo" title="Mon site" href="http://www.monsite.com/"></a>
<a id="modepaiement" href="http://www.monsite/paiement"> </a>
<div id="header_right" class="grid_6 omega">
<div class="sf-contener clearfix">
</div>

 

Puis dans mon CSS :

#modepaiement{
display: block;
position: absolute;
float: right;
margin-left: 98px;
margin-top: 1px;
width: 147px;
}

 

Seulement, je n'arrive pas à positionner ma boîte cliquable dans le coin en bas à droite de ma DIV parente header

 

Si quelqu'un pouvait m'éclairer...

 

Merci d'avance !

Edited April 3, 2013 by PrestyNews (see edit history)

[webpulser]

Il faut utiliser "left", "right", "top" et "bottom" en CSS. Dans ton cas, un :

position: absolute;

right: 5px;

bottom: 5px;

 

positionnerai le block en bas à droite.

Bien vérifier que #header est bien en position relative.

[PrestyNews]

L'espace d'un instant, j'y ai cru dur comme fer, car ma div Header n'était pas en position relative. Maintenant qu'elle y est et que j'ai procédé à ma modification dans mon CSS, il n'y a toujours pas de différence.

Firebug m'indique désormais la ligne suivante grisée

<a id="modepaiement" href="http://www.monsite/paiement"> </a>

[PrestyNews]

Finalement en tâtant du CSS et en jouant sur les z-index, j'ai fini par y arriver ! Merci de m'avoir mis sur la voie @webpulser !