28172 sujets

CSS et mise en forme, CSS3

Bonjour !

Alors je suis en train de créer un site pour la nouvelle entreprise de mon père. Pour le menu, j'ai créé une Carte d'image, et je voudrais qu'elle soit positionnée à gauche de la page, le texte sur sa droite. J'avais mis une simple image avant de créer la carte, et ça marchait très bien en lui attribuant un float: left ! Mais depuis que j'ai mis ma carte d'image, le texte se positionne en dessous.

Voici la séquence html de ma carte :
<img src="http://img21.imageshack.us/img21/4918/vhr8.png" usemap="#NavImg" alt="" style="border-style:none" />

<map id="BarNav" name="NavImg">
<area shape="circle" alt="" coords="71,81,23" href="http://otsu.forumactif.com" title="" />
<area shape="circle" alt="" coords="142,246,23" href="http://facebook.com" title="" />
<area shape="circle" alt="" coords="75,422,23" href="http://google.com" title="" />
<area shape="default" nohref="nohref" alt="" />
</map>


Et ma séquence CSS correspondante :
#BarNav {margin: 0 30px 0 10px;
width="300";
height="600";
float: left}


Merci d'avance !

(PS : je suis encore une Noob \o/ Soyez indulgents ^^)
Hello.

C'est l'image qui doit être positionnée, pas l'area map.

Du coup, tu dois revenir à la précédente version de ta CSS.
Roh ! Ca marche !! **

Disons que je savais pas si je devais mettre l'image ou la map en flottement, alors j'avais fais les deux et j'avais totalement changé mon code de départ. J'ai remis mon code de map avec mon code image initial.

Merci beaucoup ! <3