[Réglé][CSS]Aligner mes boutons horizontalement

Aligner mes boutons horizontalement [Réglé][CSS] - HTML/CSS - Programmation

Marsh Posté le 21-03-2005 à 14:14:45    

Bonjour,
 
Tout d'abord je précise que je suis un gros noob en CSS, puisque je m'y suis mis la semaine dernière et que je n'ai que de très légère base en html.
 
Bref, après avoir pas mal ramer, j'ai créé ma page et je voulais y mettre des boutons.
 
J'ai utilisé ce tuto: Le tuto de zdnet
 
J'affiche bien mes boutons mais ils sont alignés verticalement et après de nombreuses recherches infructueuses sur le web, je n'ai toujours pas réussi à les aligner horizontalement. :hello:  
 
J'ai réussi à les déplacer comme je voulais en jouant sur les marges mais là, j'ai rien trouvé  :cry:  
 
Merci d'avance à celui ou celle qui pourra m'aider :jap:


Message édité par tomcrouise le 21-03-2005 à 17:13:13

---------------

Reply

Marsh Posté le 21-03-2005 à 14:14:45   

Reply

Marsh Posté le 21-03-2005 à 14:19:56    

c'est une liste :
 
<div id="menu">
<ul>
<li><a href="link1.html">Bouton 1</a></li>
<li><a href="link2.html ">Bouton 2</a></li>
<li><a href="link3.html ">Bouton 3</a></li>
</ul>
</div>
 
 
enlève tous les <ul> et <li> et ca devrait etre bon...


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 21-03-2005 à 14:21:51    

#menu li { float: left; }


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-03-2005 à 14:28:01    

baster_baster a écrit :

c'est une liste :
 
<div id="menu">
<ul>
<li><a href="link1.html">Bouton 1</a></li>
<li><a href="link2.html ">Bouton 2</a></li>
<li><a href="link3.html ">Bouton 3</a></li>
</ul>
</div>
 
 
enlève tous les <ul> et <li> et ca devrait etre bon...


[:enzan]
 
Toi tu sors :o


Message édité par FlorentG le 21-03-2005 à 14:28:15
Reply

Marsh Posté le 21-03-2005 à 14:29:59    

FlorentG a écrit :

[:enzan]
 
Toi tu sors :o


 [:spamafote]  
 
 
 
 [:da_s_monk]


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 21-03-2005 à 14:30:53    


Quand on a une liste de lien, on utilise un <ul> ;) Ce que tu as proposé, c'est virer de la sémantique au profit de la présentation, ce qu'il ne faut jamais faire

Reply

Marsh Posté le 21-03-2005 à 14:31:54    

mais c'est les <li> pour passer a la ligne non ?


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 21-03-2005 à 14:32:40    

baster_baster a écrit :

mais c'est les <li> pour passer a la ligne non ?


Perdu, tu raisonnes trop en présentation. <li> veut dire "list item". Si ça s'affiche avec un retour à la ligne, alors c'est un problème de présentation, qui se règle en CSS ;)

Reply

Marsh Posté le 21-03-2005 à 14:33:33    

Non les <li> c'est pour les éléments de liste
 
Que ça passe à la ligne ou non ça dépend de la mise en forme qu'on leur applique ensuite :p
 
edit : [:benou_grilled]


Message édité par antp le 21-03-2005 à 14:34:00

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 21-03-2005 à 14:34:05    

oooooook ! :) sorry
 
ps : ca marche donc pas si il fait kom j'ai di au debut ou c'est juste un problème de rigueur ?


---------------
Pas le temps... Ou pas envie de le prendre ?
Reply

Marsh Posté le 21-03-2005 à 14:34:05   

Reply

Marsh Posté le 21-03-2005 à 14:43:38    

Si il fait comme tu l'as proposé, le menu n'a plus aucun sens (essaie de mater le truc avec un navigateur textuel genre Lynx pour te rendre compte du problème)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-03-2005 à 15:54:43    

Merci pour vos réponses mais j'ai essayé et ça ne marche pas (ou alors j'ai foiré en essayant ...)
 
Comment le float peut-il m'aligner mes boutons? :)


---------------

Reply

Marsh Posté le 21-03-2005 à 16:32:04    

http://forum.hardware.fr/forum2.ph [...] subcat=389


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-03-2005 à 17:12:49    

:jap:  
 
J'ai redécoupé mon image de fond avec imageready (1 portion d'image de fond pour 1 bouton) et j'ai tout fait floaté!!
 
 
Merci beaucoup à tous :hello:  
 
PS: il y a de fortes chances que je revienne vous prendre la tête avec d'autres questions de noob  :wahoo:


---------------

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed