créer un site
Salemioche.net : creer un site internet - retour au site - accueil du forum





Espace indésiré pour alignement images

Poster un nouveau sujet sur css   Répondre au sujet à css:Espace indésiré pour alignement images    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
arnotw
frontpage mioche
frontpage mioche
MessageEspace 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 ! Sad [/img][/code]
seighin
html mioche
html mioche
MessageEspace 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
frontpage mioche
MessageEspace 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
html mioche
MessageEspace 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
flashmioche
MessageEspace 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 Evil or Very Mad
Génius
flashmioche
flashmioche
MessageEspace indésiré pour alignement images , Posté le: 21-07-2004 15:34

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

tu veux faire quoi ?.
.
______________________________________
creation site internet - Hébergement web - Agence Web
Génius
flashmioche
flashmioche
MessageEspace 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 Smile

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
salemioche
MessageEspace 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
Code:
</li><li>
pour eviter les espaces indésirables. neanmoins, moi je mettrais plutot les images en dehors du ul, sémantiquement, c'est mieux (hein SIB Smile )


PS: le ptit gars c'est moi...y a longtemps Cool
.
.
______________________________________
creation site internet - Hébergement web - Agence Web
Génius
flashmioche
flashmioche
MessageEspace 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... Very Happy merci bien Wink
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:Espace indésiré pour alignement images    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


Nom de domaine
Enregistrement, transfert, gestion:
Nom de domaine

Hébergement
Trouver un hébergeur










Salemioche.net

créer un site web internet
Création site internet
Nom de domaine
blog gratuit
Idées Web

Création site web
Régime hyperproteine
moto occasion
aménagement bureau
Affilzen

Jumeaux
Musculation
Piscine
Argent
Alphazen

Code reduction
Réduction rue du commerce
Reduction
Code reduction
Partenaires

interprete
forum gratuit
Casino
Canapé
© Mentions Légales - CV - Blog