Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1298 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1019730
tomcrouise
Welcome to Hell
Posté le 21-03-2005 à 14:14:45  profilanswer
 

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

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

mood
Publicité
Posté le 21-03-2005 à 14:14:45  profilanswer
 

n°1019738
baster_bas​ter
le savoir est une arme...
Posté le 21-03-2005 à 14:19:56  profilanswer
 

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 ?
n°1019743
masklinn
í dag viðrar vel til loftárása
Posté le 21-03-2005 à 14:21:51  profilanswer
 

#menu li { float: left; }


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1019751
FlorentG
Unité de Masse
Posté le 21-03-2005 à 14:28:01  profilanswer
 

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
n°1019755
baster_bas​ter
le savoir est une arme...
Posté le 21-03-2005 à 14:29:59  profilanswer
 

FlorentG a écrit :

[:enzan]
 
Toi tu sors :o


 [:spamafote]  
 
 
 
 [:da_s_monk]


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1019756
FlorentG
Unité de Masse
Posté le 21-03-2005 à 14:30:53  profilanswer
 


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

n°1019757
baster_bas​ter
le savoir est une arme...
Posté le 21-03-2005 à 14:31:54  profilanswer
 

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


---------------
Pas le temps... Ou pas envie de le prendre ?
n°1019759
FlorentG
Unité de Masse
Posté le 21-03-2005 à 14:32:40  profilanswer
 

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 ;)

n°1019760
antp
Super Administrateur
Champion des excuses bidons
Posté le 21-03-2005 à 14:33:33  profilanswer
 

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
n°1019762
baster_bas​ter
le savoir est une arme...
Posté le 21-03-2005 à 14:34:05  profilanswer
 

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 ?
mood
Publicité
Posté le 21-03-2005 à 14:34:05  profilanswer
 

n°1019769
masklinn
í dag viðrar vel til loftárása
Posté le 21-03-2005 à 14:43:38  profilanswer
 

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
n°1019851
tomcrouise
Welcome to Hell
Posté le 21-03-2005 à 15:54:43  profilanswer
 

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? :)


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

n°1019902
masklinn
í dag viðrar vel til loftárása
Posté le 21-03-2005 à 16:32:04  profilanswer
 

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
n°1019948
tomcrouise
Welcome to Hell
Posté le 21-03-2005 à 17:12:49  profilanswer
 

: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:


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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Faire des onglets: CSS ou JS ?Menu CSS
Positionnement CSS : aaargh !CSS et PHP
CSS et texte défilantMac Explorer et CSS : éviter la déformation lié a un texte trop long
Deux boutons submit dans un formulaire :xAide HTML/CSS
[JAVA] [Résolu] Afficher une page html avec CSS dans un JEditorPane[RESOLU] [CSS] bug IE : texte invisible et décalage bizarre
Plus de sujets relatifs à : [Réglé][CSS]Aligner mes boutons horizontalement


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR