28173 sujets

CSS et mise en forme, CSS3

Bonsoir à tous,

je bloque pour aligner mon image comme je le souhaite.

Voici un petit schéma de ce que je veux.

http://img149.imageshack.us/img149/5669/exemple5dy.gif

Mon code se compose comme ceci:
<div class="alauneg">--- <b>22/01/07</b>:<img src="images/ligue1.jpg" class="imageg"> Texte <div>

Et le css :
.alauneg {float:left; width:600px; color: #003366; border: 1px solid #000}

.imageg {float: right; margin: 0 5px 5px 0 }


Pour le moment ca me donne ceci :

http://img149.imageshack.us/img149/9640/exemple10tl.gif


Je voudrais que l'image soit collé en haut comme sur le schéma que j'ai indiqué plus haut.

Une idée?
Bonsoir,
Tu peux soit déplacer ton image plus haut dans le code si cela
ne gène pas la logique de lecture de ta page une fois CSS désactivé:

<img src="images/ligue1.jpg" class="imageg">
<div class="alauneg">--- <b>22/01/07</b>:Texte <div>


ou alors mettre une marge haut négative pour remonter ton image:

exemple:

.imageg {float: right; margin: -10px 5px 5px 0 }

Modifié par Hermann (22 Jan 2007 - 19:38)