28242 sujets

CSS et mise en forme, CSS3

Probleme retour ligne avec un lien [resolu]

bonjour,

petit probleme: j'ai dans une division 2 images cote a cote.

seulement quand je rajoute un lien sur l'image ca me crée un retour a la ligne apres l'image qui contient le lien.

Pourquoi .? et quoi faire

merci d'avance
Modifié par somwhere (31 Jan 2007 - 01:55)
Bonsoir et bienvenue sur le Forum...

Aurais-tu un morceau de code, un exemple en ligne, un image ?
Car je ne crains que mes dons de voyance ne soient pas encore suffisamment développés pour pouvoir t'aider... Smiley cligne
re:
j'etais un peu presser j'avais pas eu le tps d'ilustrer le probleme

donc voici le probleme avec et sans le lien sur l'image

upload/10613-prb-lretou.jpg

html:
a écrit :

<div id="menu_g">

<div id="language">
<!-- language -->
Choose your language:<br>
<a href="http://www.xxx.com/accueil.htm"><img src="pixs/flagron_fr.jpg" width="27" height="21" border="0" alt="accueil fr"> </a><img src="pixs/flagron_br.jpg" width="30" height="21" border="0">
</div>
<!--menu gauche-->

<?php
include("menu_g.htm");
?>



<div id="pub_gauche">
<!--menu gauche-->


</div>

</div>


css:
a écrit :


#menu_g
{
background-color:#fff;
float: left; /* Le menu flottera à gauche */
width: 140px; /* Très important : donner une taille au menu */
border: none;
}

#menu_g a img
{
display: block;
}

#menu_g img
{
display: block;
}
#language
{
text-align: center;
font-size: 65%;
color: #333333;
}
#language img
{
display: inline;
}

#pub_gauche
{
background-color:#fff;
float: left; /* Le menu flottera à gauche */
width: 140px; /* Très important : donner une taille au menu */
border: none;
height: 100%;
}


voiler les bout de code concerner.

merci d'avance
Modifié par somwhere (30 Jan 2007 - 00:13)
bon j'ai determiner le probleme mais j'arrive pas a mettre la solution en place
pourtant ca doit etre tout bete question de nomenclature..


les element img et a du bloc #language herite de la proprieté "inline" du bloc parent #menu_g

seulement quand je specifie inline pour a et img dans le bloc enfant #language apparement la priorité reste au proprieter du bloc parent #menu_g

je remet les codes correspondant:

#menu_g
{
background-color:#fff;
float: left; /* Le menu flottera à gauche */
width: 140px; /* Très important : donner une taille au menu */
border: none;
}

#menu_g a img
{
display: block;
}

#menu_g  img
{
display: block;
}
#language
{
text-align: center;
font-size: 65%;
color: #333333;
}
#language img
{
display: inline;
}
#language a
{
display: inline;
}



voila .. donc comment dois-je proceder .???
somwhere a écrit :
bon j'ai determiner le probleme mais j'arrive pas a mettre la solution en place
pourtant ca doit etre tout bete question de nomenclature..

les element img et a du bloc #language herite de la proprieté "inline" du bloc parent #menu_g

Hum ... Smiley rolleyes
Pour ma part, je pense surtout que tu as un petit problème de compréhension des propriétés que tu utilises ...
En effet, le retour à la ligne n'est pas dû à un comportement inline mais à un comprtement block... Smiley sweatdrop

Je te conseillerais donc la lecture de cet article : La structure des balises : bloc et en-ligne

Puis...
Cela devrait t'aider à y voir plus clair dans le comportement "inattendu" detes éléments... Smiley cligne
vi, merci evidement Smiley cligne , je me suis juste tromper dans la redaction du post j'ai fait un inversion (du a la fatigue Smiley lol )

le probleme que j'avais et que j'ai resolu vien du fait que je devais appliquer l'attribut a "#language a img" et pas seulement "#language a" ainsi la proprieter prend bien la prioriter sur le bloc parent.

merci de votre aide Smiley cligne
Ravie de constater que ton problème a été Résolu... Smiley lol

Reste plus qu'à l'indiquer dans l'en-tête du sujet et c'est tout bon Smiley cligne
Sujet clos
Aller à