Image à coté d'un titre

Bonjour,

Je suis nouveau sur le forum alors si ce n'est pas la bonne rubrique veuillez m'en excuser

Je cherche à mettre un image à coté d'un titre, mais le problème est que le titre se déplace en fonction de la taille de l'image : D'ailleur c'est normal (voir code plus bas). Je l'aurais bien mis en arrière paln mais j'en ai déjà un, alors comment faire pour que le titre soit à la même position sans que l'image l'influence ?

<h4><img src="images/003.gif" alt="" /> Pr&eacute;sentation</h4>

#menu h4
{
    height: 21px;
    margin: 0;
    padding-top: 0px;
    padding-left:10px;
    color:white;
    font-weight:bold;
    background:url('images/header.png') repeat-x bottom;
    border:none;
}

Merci
Modifié par Joe (06 Jul 2007 - 17:26)

Salut,

Une position absolue sur l'un ou l'autre des deux éléments ?

Je ne vois pas trop comment faire, vu que les deux élements texte et image sont imbriqués l'un dans l'autre.

Devrais-je les dé-imbriquer ?

En les dé-imbriquant j'ai cela :

<div class="haut_menu">	
    <SPAN style="position: absolute; top: 5px; left: 15px;width: 21px; height: 19px">	
       <img src="images/003.gif" alt="" /> 
    </SPAN>	
   <h4>Titre menu</h4>
</div>

Ni a-t-il pas moyen de bloquer le SPAN dans le DIV Menu

Désoler de ma nullité mais je vient de commencer
Modifié par Joe (06 Jul 2007 - 19:10)

Et pourquoi pas tout simplement ceci :

<h4><img src="images/003.gif" alt="" /> <span>Pr&eacute;sentation</span></h4>

En placant ton "h4 img" en absolu ou ton "h4 span" selon ton choix et tes besoins.

Parfait, c'est ce qu'il me faut, mais est ce que si mon design est extensible la position du texte changera ?

Code actuel :

<div class="haut_menu">	
    <h4><img src="images/003.gif" alt="" /> <span style="position: absolute; top: 5px; left: 15px"> Pr&eacute;sentation</span></h4>
</div>

Tout dépend si tu veux ou non qu'il change.
Si tu fixe une position absolue en pixel il ne bougera pas dans la fenètre du navigateur.
Si par contre tu souhaite qu'il puisse se déplacer en fonction de la résolution, il faut le placer en position absolue mais en utilisant une unité relative (% ou em).

Merci