[Résolu] Problème de CSS

N3m3siS · Le 26/06/2008, à 16:03

Bonjour,
j'aimerais faire en sorte que deux DIV s'emboite (un texte s'affiche autour d'une image)

<div id="div-a"><a href="adresse de l'image"><img src="adresse de l'image"></a></div>
<div id="div-b">texte</div>

Bizzarement, elles ne s'emboitent pas initialement, alors j'ai ajouté le CSS

#div-a {
          float:left;
}

et ca marche, mais le lien (<a></a>) n'est disponible que sur le bord gauche de l'image !

Une idée s'il vous plait ? Merci

Dernière modification par N3m3siS (Le 26/06/2008, à 16:28)

Dark-Sham · Le 26/06/2008, à 16:06

Ben déjà, tes deux divs se suivent dans le code XHTML

EDIT :

<img src="adresse de l'image"

à remplacer par

Dernière modification par Dark-Sham (Le 26/06/2008, à 16:07)

N3m3siS · Le 26/06/2008, à 16:08

Désolé pour la faute de frappe, qui ne figure pas dans mon code originale.

Ben déjà, tes deux divs se suivent dans le code XHTML

J'ai pas bien compris, désolé

Dark-Sham · Le 26/06/2008, à 16:14

Tu as bien dit que tu voulais emboîter tes deux divs ?

Pourtant dans ton code les deux divs se suivent (<div>....</div><div>....</div>) au lieu d'être l'un dans l'autre (<div><div>...</div></div>)...

EDIT : N'oublie pas le / à la fin de <img />

Dernière modification par Dark-Sham (Le 26/06/2008, à 16:14)

N3m3siS · Le 26/06/2008, à 16:17

Heu, oui emboiter, enfin, enfait je voidrais avoir ce résultat :

+-------------+ blablablablablabla
| | blablablablablabla
| | blablablablablabla
| | blablablablablabla
| | blablablablablabla
+-------------+ blablablablablabla
blablablablablabla blablablablablabla
blablablablablabla blablablablablabla

Donc, ne faudrait-il pas qu'elles se suivent ?

JC81 · Le 26/06/2008, à 16:22

Salut

Je ne suis pas très doué, je crois
mais il me semble qu'à ta place, je ferai plutot une seul DIV dans laquelle je mettrai une CLASSE (span) pour ton image

en effet, les images sont d'un rendu "en ligne" alors que les DIV un rendu en bloc...

à l'instar de ce tuto

http://css.alsacreations.com/Bases-et-i … ses-en-CSS

Simple facile sans bavure et ca marche

@+

Dernière modification par JC81 (Le 26/06/2008, à 16:29)

N3m3siS · Le 26/06/2008, à 16:28

Je vous remercie tous les deux Ton lien est génial JC81, merci beaucoup pour votre aide rapide !!!

Dark-Sham · Le 26/06/2008, à 16:29

Autant pour moi je n'avais pas saisi ce que tu voulais dire

Un petit [Résolu] dans le titre ?

N3m3siS · Le 26/06/2008, à 16:37

Bon, en fait pas exactement résolu, parce qu'en fait, j'ai supprimé le problème, mdr !

Mon 2nd DIV était là pour pouvoir décalé le texte vers la droite (qu'il soit pas collé à l'image), mais celui-ci se superpose au premier !! Ce qui explique la perte du lien.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1 Le 26/06/2008, à 16:03

[Résolu] Problème de CSS

#2 Le 26/06/2008, à 16:06

Re : [Résolu] Problème de CSS

#3 Le 26/06/2008, à 16:08

Re : [Résolu] Problème de CSS

#4 Le 26/06/2008, à 16:14

Re : [Résolu] Problème de CSS

#5 Le 26/06/2008, à 16:17

Re : [Résolu] Problème de CSS

#6 Le 26/06/2008, à 16:22

Re : [Résolu] Problème de CSS

#7 Le 26/06/2008, à 16:28

Re : [Résolu] Problème de CSS

#8 Le 26/06/2008, à 16:29

Re : [Résolu] Problème de CSS

#9 Le 26/06/2008, à 16:37

Re : [Résolu] Problème de CSS

Pied de page des forums