aligner l'image à droite de h3

J'essaie de positionner les éléments suivants, mais je n'arrive pas à bien le faire.aligner l'image à droite de h3

Son est le résultat souhaité:

| Blah Bah! (img) Lien |

L'image est alignée à droite du H3 sur la gauche et le lien est positionné à l'extrême droite. Tout est sur la même ligne.

<div style="float:left;"><h3>Blah Bah</h3></div> 
     <a href="#"><img src="image\edit.png" /></a> 
    <div style="float:right;">Link</div>

<html> 
<style> 
    h3 
    { 
     color: #0066CC; 
     font-size: 130%; 
     font-weight: bolder; 
     padding-top: 0px; 
     margin: 0px; 
    } 
</style> 
<body> 
    <div style="float: left;"><h3>Blah Bah</h3></div> 
    &nbsp;<a href="#" style="padding-top: 25px;"><img src="go.gif" style="padding-top: 2px;" /></a> 
    <div style="float: right;">Link</div> 
</body> 
</html>

Source

2010-09-21 Todd

aucune raison de ne pas simplement mettre la img à l'intérieur du H3 si c'est le résultat désiré? – Erik

Votre résultat souhaité est ce que je reçois avec ce code. Quel est le problème? – Robert

whopps.forgot pour faire de l'image une partie d'un lien hypertexte. Si je déplace le lien et l'image à l'intérieur du H3, il conserve une ligne de lien hypertexte sous l'image lorsque vous passez la souris dessus. – Todd

par défaut une balise h3 a la marge supérieure et la marge inférieure, c'est pourquoi vos éléments ne sont pas sur la même ligne.

Vous pouvez changer cela en ajoutant le style suivant:

h3 { 
    margin: 0; 
}

Mais mieux est d'utiliser une feuille de style de remise à zéro de sorte que vous connaissez tous les éléments sont réinitialisés. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Source

2010-09-21 04:56:40 tom

C'était le billet. Je vais poster ce que j'ai foiré pendant que vous avez posté cette réponse. – Todd

Je vais être honnête avec vous, je l'ai lu une handul fois, et je ne peux toujours pas déchiffrer cette phrase, donc je ne sais pas ce que vous voulez:

L'image est aligné à la droite du H3 sur la gauche et le lien est positionné à l'extrême droite. Tout est sur la même ligne.

Je recommande de télécharger une image Photoshop pour montrer ce que vous voulez que le résultat final soit.

Pendant ce temps, voici ma fissure à elle:

alt text

Code on jsFiddle

Source

2010-09-21 04:59:36 JohnB

aligner l'image à droite de h3

Répondre

Questions connexes