Probleme d' espace dans cellule
Fermé
ced3E
Messages postés
101
Date d'inscription
mardi 28 décembre 2010
Statut
Membre
Dernière intervention
9 janvier 2013
-
Modifié par ced3E le 1/04/2012 à 04:42
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 3 avril 2012 à 04:34
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 3 avril 2012 à 04:34
A voir également:
- Probleme d' espace dans cellule
- Espace insécable word - Guide
- Aller à la ligne dans une cellule excel - Guide
- Libérer espace gmail - Guide
- Excel cellule couleur si condition texte - Guide
- Verrouiller cellule excel - Guide
3 réponses
Bonjour,
A mon avis, tu n'as pas besoin d'un tableau pour la mise en page de ton menu, utilise la balise UL (balise de type bloc) à bon escient, tu arriveras à un meilleur résultat tout en étant conforme à un Doctype xHTML Transitional, d'ailleurs je te conseille de pourvoir tes pages d'un Doctype bien défini et non pas juste de la balise HTML. Donc au final, ton fichier menu devrait ressembler à ceci :
Je te laisse arranger le fichier CSS pour configurer correctement la balise UL du menu ainsi que le formulaire du choix de la langue...
A mon avis, tu n'as pas besoin d'un tableau pour la mise en page de ton menu, utilise la balise UL (balise de type bloc) à bon escient, tu arriveras à un meilleur résultat tout en étant conforme à un Doctype xHTML Transitional, d'ailleurs je te conseille de pourvoir tes pages d'un Doctype bien défini et non pas juste de la balise HTML. Donc au final, ton fichier menu devrait ressembler à ceci :
<ul id="menu"> <li><a href="http://ced3e.free.fr/index.php?file=News" title=""></a></li> <li><a href="#" title="Classes"></a></li> <li><a href="#" title="aller à la section 1"></a></li> <li><a href="http://ced3e.free.fr/index.php?file=Gallery" title="aller à la sectison 1"></a></li> <li><a href="#" title="aller à la section 1"></a></li> <li><a href="http://ced3e.free.fr/index.php?file=Forum" title="Forum"></a></li> </ul> <form id="Language" method="post" action="index.php?file=User&nuked_nude=index&op=modif_langue"> <font class="content"> <select name="user_langue" onchange="submit();"> <option value="">Choose language...</option> <option value="english">English</option> <option value="french">Français</option> </select> </font> </form>
Je te laisse arranger le fichier CSS pour configurer correctement la balise UL du menu ainsi que le formulaire du choix de la langue...
ced3E
Messages postés
101
Date d'inscription
mardi 28 décembre 2010
Statut
Membre
Dernière intervention
9 janvier 2013
2
1 avril 2012 à 14:58
1 avril 2012 à 14:58
Merci pour ton idée j' ai oublier de dir que chaque image est différentes et que sur la dernière cellule je dois coller mon select.
Quand je n' utilise pas de tableau j' ai un décalage de mon image du bas.
Je continu sur cette piste merci encore :)
Si d' autre personne ont des idées ?
Quand je n' utilise pas de tableau j' ai un décalage de mon image du bas.
Je continu sur cette piste merci encore :)
Si d' autre personne ont des idées ?
Considère la balise LI comme une cellule et tu peux parfaitement paramétrer celle-ci à partir de ton fichier CSS les propriétés de background, de margin, de padding, de width, etc... :
ul#menu li#menu1 {/* propriétés de la balise LI id=menu1 */} ul#menu li#menu2 {/* propriétés de la balise LI id=menu2 */} /* etc...*/ <ul id="menu"> <li id="menu1"><a href="http://ced3e.free.fr/index.php?file=News" title=""></a></li> <li id="menu2"><a href="#" title="Classes"></a></li> <li id="menu3"><a href="#" title="aller à la section 1"></a></li> <li id="menu4"><a href="http://ced3e.free.fr/index.php?file=Gallery" title="aller à la sectison 1"></a></li> <li id="menu5"><a href="#" title="aller à la section 1"></a></li> <li id="menu6"><a href="http://ced3e.free.fr/index.php?file=Forum" title="Forum"></a></li> </ul>
coeus
Messages postés
3021
Date d'inscription
samedi 13 janvier 2007
Statut
Membre
Dernière intervention
19 juin 2013
119
3 avril 2012 à 04:34
3 avril 2012 à 04:34
Salut,
Petit conseil comme ça, je pense que tu devrais doter chacun de tes <li> d'une classe ET d'un ID. Ainsi, tu te sers de la classe pour mettre en place tous les paramètres, et tu utilises l'ID pour définir uniquement le background-image (puisque c'est le seul attribut qui diffère entre chaque <li>).
Ou même, encore plus simple :
HTML :
CSS :
Et après tu définis les hover et tout le reste du tralala, tu vas bien trouver ! ;-)
Sinon, dis-nous si ReDLoG a résolu ton problème initial, de ce que je vois de ton site ç'a l'air pas mal ?
@+ !
Petit conseil comme ça, je pense que tu devrais doter chacun de tes <li> d'une classe ET d'un ID. Ainsi, tu te sers de la classe pour mettre en place tous les paramètres, et tu utilises l'ID pour définir uniquement le background-image (puisque c'est le seul attribut qui diffère entre chaque <li>).
Ou même, encore plus simple :
HTML :
<ul id="menu"> <li id="menu1">...</li> <li id="menu2">...</li> <li id="menu3">...</li> <li id="menu4">...</li> <li id="menu5">...</li> </ul>
CSS :
#menu li { background:#000000 none no-repeat; color: #AAAAAA; cursor: pointer; display: block; float: left; font-weight: bold; height: 40px; list-style: none outside none; margin: 0; padding: 0; position: relative; text-align: center; width: 220px; } #menu li#menu1 { background-image:url(lien/vers/image1.png); } #menu li#menu2 { background-image:url(lien/vers/image2.png); } #menu li#menu3 { background-image:url(lien/vers/image3.png); } #menu li#menu4 { background-image:url(lien/vers/image4.png); } #menu li#menu5 { background-image:url(lien/vers/image5.png); }
Et après tu définis les hover et tout le reste du tralala, tu vas bien trouver ! ;-)
Sinon, dis-nous si ReDLoG a résolu ton problème initial, de ce que je vois de ton site ç'a l'air pas mal ?
@+ !