| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
arnotw frontpage mioche
 |
Espace indésiré pour alignement images , Posté le: 10-07-2004 8:37 |
|
|
e me mets aux CSS depuis peu.
Mais j'ai des pb d'affichage sous IE.
Sous moz et opera tout est ok
J'ai un espace de 4px entre chq image.
même avec les attributs "margin", "padding", "border" à 0
Voici ma css :
[code]
#menu img {
width: 60px;
height: 66px;
margin : 0px 0px 0px 0px;
padding :0px 0px 0px 0px;
border: 0px 0px 0px 0px;
float: right;
}[code]
et mon html :[/code]
<div id="menu">
<img src="images/titre01.gif">
<img src="images/titre02.gif">
<img src="images/titre03.gif">
<img src="images/titre04.gif">
<img src="images/titre05.gif">
<img src="images/titre06.gif">
</div>
[code]
Comprend vraiment pas ! [/img][/code] |
|
|
seighin html mioche

|
Espace indésiré pour alignement images , Posté le: 10-07-2004 15:46 |
|
|
c'est un probleme courant,
tu devrais trouver une reponse ici
http://www.alsacreations.com/blog/index.php?2004/06/15/25-espaces-indesirables |
|
|
arnotw frontpage mioche
 |
Espace indésiré pour alignement images , Posté le: 11-07-2004 10:54 |
|
|
C'est bon, j'ai trouvé,
faut faire autrement :
le css :
| Code: |
#puce_menu {
width: auto;
height: 68px;
padding :0;
border: 0;
float: right;
margin: 0;
} |
le html :
| Code: |
<div id="menu">
<div id="puce_menu"><img src="images/titre01.gif"></div>
<div id="puce_menu"><img src="images/titre02.gif"></div>
<div id="puce_menu"><img src="images/titre03.gif"></div>
<div id="puce_menu"><img src="images/titre04.gif"></div>
<div id="puce_menu"><img src="images/titre05.gif"></div>
<div id="puce_menu"><img src="images/titre07.gif"></div>
<div id="puce_menu"><img src="images/titre08.gif"></div>
<div id="puce_menu"><img src="images/titre09.gif"></div>
<div id="puce_menu"><img src="images/titre10.gif"></div>
<div id="puce_menu"><img src="images/titre11.gif"></div>
</div> |
|
|
|
SIBELIUS html mioche

|
Espace indésiré pour alignement images , Posté le: 19-07-2004 12:31 |
|
|
| arnotw a écrit: |
C'est bon, j'ai trouvé,
faut faire autrement : |
NON surtout pas ! Garde les balises à bon escient : si ce sont des images, utilise la balise image !
Il suffit de coller les codes au-lieu d'aller à la ligne :
<img src="images/titre01.gif"><img src="images/titre02.gif"><img src="images/titre03.gif"><img src="images/titre04.gif"><img src="images/titre05.gif"><img src="images/titre06.gif"> |
|
|
Génius flashmioche

|
Espace indésiré pour alignement images , Posté le: 21-07-2004 13:27 |
|
|
Moi en mettant
| Code: |
| .menugauche img {display: block;} |
ça n'arrange pas le problème  |
|
|
Génius flashmioche

|
Espace indésiré pour alignement images , Posté le: 21-07-2004 15:34 |
|
|
| Help me pleaaaase mon problème est non résolu. |
|
|
salemioche salemioche

|
|
Génius flashmioche

|
Espace indésiré pour alignement images , Posté le: 21-07-2004 16:30 |
|
|
OULALA il est en colère le petit garçon dans ton avatar
Ba j'ai le même problème que le titre j'ai se petit espace indésirable dans mon menu.
| Code: |
<div id="gauche">
<ul class="menugauche">
<li><img src="images/entetemenu.gif"></li>
<li><a href="#">monmenu</a></li>
<li><a href="#">monmenu</a></li>
<li><a href="#">monmenu</a></li>
<li><a href="#">monmenu</a></li>
<li><a href="#">monmenu</a></li>
<li><a href="#">monmenu</a></li>
<li><a href="#">monmenu</a></li>
<li><img src="images/entetemenu2.gif"></li>
</ul>
</div> |
En dessous de
| Citation: |
<li><img src="images/entetemenu.gif"></li>
|
j'ai un espace. |
|
|
salemioche salemioche

|
Espace indésiré pour alignement images , Posté le: 21-07-2004 16:36 |
|
|
il faut supprimer les marges de img et li et peut etre coller les
pour eviter les espaces indésirables. neanmoins, moi je mettrais plutot les images en dehors du ul, sémantiquement, c'est mieux (hein SIB )
PS: le ptit gars c'est moi...y a longtemps .
.
______________________________________
creation site internet - Hébergement web - Agence Web |
|
|
Génius flashmioche

|
Espace indésiré pour alignement images , Posté le: 21-07-2004 17:00 |
|
|
Super c'était bien les li je sais même pas pourquoi j'ai mis ça là dedant.
Enfin... merci bien  |
|
|
|