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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU][CSS] Pb d'alignement avec balise <ul> -> Merci Lord ii !

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[RESOLU][CSS] Pb d'alignement avec balise <ul> -> Merci Lord ii !

n°706005
juanetfann​y
Posté le 22-04-2004 à 14:53:37  profilanswer
 

Salut à tous,
 
J'ai toujours un souci de disposition de les blocs sur ma page.
 
Voici le modèle de ma page (j'ai volontairement mis des couleurs flashy pour mieux se réperer avec la CSS) :
mydotcom.free.fr
 
Le bloc .milieu est un div et devrait contenir le bloc .menu (balise <ul> ) à gauche et le bloc appelé .central à droite (celui contenant le logo "formation" ).
 
Or, là j'ai le bloc menu (en orange) qui me prend toute la ligne et impossible d'arriver à placer mes deux blocs l'un à côté de l'autre  :pt1cable:  
 
C'est grave docteur ?
 
Merci de jeter un coup d'oeil si vous avez un peu de temps  :jap:  :jap:  
 
Je mets le code CSS ici :
 

Code :
  1. body {
  2.       margin-top:35px;
  3.       margin-bottom:15px;
  4.       margin-right:0px;
  5.       margin-left:0px;
  6.       padding:0;
  7.       height: 100%;
  8.       text-align:center;
  9.       font-family: verdana, sans-serif;
  10.       background-color: #ececec;
  11.       }
  12. p {font-family: arial, verdana, helvetica, sans-serif;
  13.     text-align: left;
  14. }
  15. .entete {
  16.  background-color: #edc099;
  17.  width: 700px;
  18.  height: 15px;
  19.  border-color: #cfcece;
  20.  border-width: 1px;
  21.  border-style: dotted;
  22. }
  23. .corps {
  24.          width: 700px;
  25.  background-color: red;
  26.  border-color: #cfcece;
  27.  border-width: 1px;
  28.  border-style: dotted;
  29. }
  30. .contenu_haut {
  31. background-color: yellow;
  32. }
  33. .logo {
  34.        background-color: green;
  35.        width: 190px;
  36.        height: 100px;
  37.        border-color: #edc099;
  38.        margin-left: 10px;
  39.        float: left;
  40.        }
  41. .liens_entete {
  42. background-color: blue;
  43. width: 200px;
  44. height: 95px;
  45. margin-top: 15px;
  46. margin-right: 10px;
  47. margin-left: 450px;
  48. }
  49. .liens_entete a {
  50. color: #9e9e9e;
  51.         font-size: 8pt;
  52.         font-weight: 500;
  53.         text-align: right;
  54.         text-decoration: none;
  55. }
  56. .liens_entete a:hover {
  57.    color: #FF9933;
  58. }
  59. /* Pour la réalisation du menu de gauche */
  60. ul {
  61.     margin-top: 0px;
  62.     list-style-type: none;
  63.     text-align: left;}
  64. }
  65. .menu a {
  66.      width: 150px; /* on définit la taille du bouton de menu */
  67.      height: 10px;
  68.      display: block;
  69.      font-size: 8pt;
  70.      font-weight: 200;
  71.      text-align: right;
  72.      vertical-align: top;
  73.      text-decoration: none;
  74.      color: #6e2c04;
  75.      background: #ececec;
  76.      border: none;
  77.      }
  78. .milieu {background-color: orange;}
  79. .menu a:hover {
  80.      background: #edc099;
  81.      }
  82. .menu a:active {
  83.      background: #6e2c04;
  84.      color: #fff;
  85.      }
  86. .central {
  87. float: left;
  88. margin-left: 0px;
  89. margin-top: 0px;
  90. background: #ffffff;
  91. }
  92. .footer {
  93.  background-color: #ececec;
  94.  width: 700px;
  95.  height: 15px;
  96.       font-size: 8pt;
  97.      font-weight: 200;
  98.      text-align: center;
  99.     color: #747474;        /* gris foncé */
  100.     margin-top: 8px;
  101. }


 
 :hello:


Message édité par juanetfanny le 22-04-2004 à 15:54:16
mood
Publicité
Posté le 22-04-2004 à 14:53:37  profilanswer
 

n°706029
Lord II
PIB2000
Posté le 22-04-2004 à 15:06:41  profilanswer
 

pas encore eu le tps de tout épluché en détail mais je repère déjà une erreur dans le style de ul. Il ya une accolade fermante qui traine

n°706030
kadreg
profil: Utilisateur
Posté le 22-04-2004 à 15:07:09  profilanswer
 

il manque <ul> [:spamafote]


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
n°706046
Lord II
PIB2000
Posté le 22-04-2004 à 15:19:34  profilanswer
 

Une autre chose, tu as mal positionié ton élément flottant.
 
Rappel : La propriété float indique que ce qui suit le bloc doit etre placer à droite ou à gauche de celui-ci.
 
Dans ton cas le float:left doit se situer au niveau de menu ( bloc ul )
 
Edit:  
Pour une compréhension optimale de la feuille de style, j'essaye d'indiquer les éléments par un semblant d'ordre hierachique ( qui contient quoi).  
 
Dans ton cas, il serait bon d'indiquer la classe milieu, au dessus de menu dans la feuille de style, car milieu contient menu, cela facilitera la compréhension
 
Ensuite, essaye de ne pas trop mélanger les unités ( ex du menu où l'on a des pixels et des points... )
 
Pierre


Message édité par Lord II le 22-04-2004 à 15:28:06
n°706077
juanetfann​y
Posté le 22-04-2004 à 15:44:30  profilanswer
 

:jap:  pour vos conseils qui me sont très précieux et pour avoir pris de votre temps à regarder mon code, c'est très sympa  ;)  
 
Ok, pour l'ordre hiérarchique, tu as tout à fait raison, je vais remettre ça correctement.
 
Sinon, je corriges les points problèmatiques et je vous tiens au courant  :)  
 
 :hello:

n°706088
juanetfann​y
Posté le 22-04-2004 à 15:51:16  profilanswer
 

kadreg a écrit :

il manque <ul> [:spamafote]


 
Bin, je suis désolé, je vois pas où il manque <ul>... Elle est présente dans mon .php et dans ma CSS  [:airforceone]  
 
 :hello:  

n°706092
juanetfann​y
Posté le 22-04-2004 à 15:53:30  profilanswer
 

lord ii a écrit :

Une autre chose, tu as mal positionié ton élément flottant.
 
Rappel : La propriété float indique que ce qui suit le bloc doit etre placer à droite ou à gauche de celui-ci.
 
Dans ton cas le float:left doit se situer au niveau de menu ( bloc ul )


 
 [:andromaque]  c'était ça !  :jap:  C'est marrant mais il me semblait avoir corrigé ça et que ça n'avais pas fonctionné  :pt1cable:  Comme quoi, j'ai du encore m'y prendre comme un pied !  :D  
 
Merci à tous !
 :hello:


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

  [RESOLU][CSS] Pb d'alignement avec balise <ul> -> Merci Lord ii !

 

Sujets relatifs
[JS] Type de variable [RESOLU](résolu] valeur ou index de boutons dans une msgbox
Struts balise select[FLASH + PHP] Interaction entre FLASH et PHP [Résolu]
[HTML - CSS- JS] Rollover sonore [Résolu]Magik++ et visual c++ [resolu]
[Résolu] Eviter un retour a la ligne avant un bloc <div></div>[JAXB] Enlever la balise d'en-tête d'un marshalling
[résolu] dépassement de capacité 
Plus de sujets relatifs à : [RESOLU][CSS] Pb d'alignement avec balise <ul> -> Merci Lord ii !


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