CSS : deux menus horizontaux sur la même ligne

CSS : deux menus horizontaux sur la même ligne - HTML/CSS - Programmation

Marsh Posté le 18-05-2005 à 15:43:05    

Hello !
 
j'ai un prob de CSS...
je voudrais aligner deux listes horizontalement une a gauche (Home Item1 Item2...) et une a droite (Id de connexion et bouton de connection/deconnexion) ... tout ça sur la même ligne bien sur...
 
alors j'ai séparé les deux listes dans deux blocs div (je sais pas si c conseillé de faire ça mais bon...)
 
ça donne ça :
 

Code :
  1. <div id="navup">
  2. <ul>
  3. <li>Home</li>
  4. <li>Item1</li>
  5. <li>Item2</li>
  6. </ul>
  8. </div>
  9. <div id="navconnect">
  10. <ul>
  11. <li><?php echo $codec; ?></li>
  12. <li><?php if (!empty($name)){ echo $name;}?></li>
  13. </ul>
  14. </div>


 
niveau CSS j'ai fait
 

Code :
  1. div#navup ul,li{
  2. float:left;
  3. }
  5. div#navconnect ul{
  6. float:right;
  7. }
  8. div#navconnect li{
  9. float:left;
  10. }


 
... mais alors ça va pas du tout ! :lol:
 
quelqu'un peu m'aider ?
 
thx !

Reply

Marsh Posté le 18-05-2005 à 15:43:05   

Reply

Marsh Posté le 18-05-2005 à 15:51:47    

Reply

Marsh Posté le 18-05-2005 à 15:56:37    

ah bah si ça marche comme ça...  
bref... je vais me debrouiller
 
(encore un post inutile ! lol !)
thanx !
:jap:

Reply

Marsh Posté le 18-05-2005 à 16:01:49    

:heink: laisse un peu plus de douze minutes pour répondre...
 
Tu ne sais pas faire un div qui contient tes autres div dans lesquels se trouvent tes listes ? Et c'est ceux-là que tu mets en float left/right...


---------------
Got spyware ? | HFR HijackThis Tutorial
Reply

Marsh Posté le 18-05-2005 à 16:04:16    

bah j'ai encore un peu de mal avec les CSS, je m'emmele les pinceaux !
 
sur la vraie page c comme ça :
http://www.clonecopy.net/php/ezdocs/
 
ça a l'air d'etre bon.. Mais ça flotte un peu dans firefox..
et le div de droite n'est pas vraiment à droite !

Reply

Marsh Posté le 18-05-2005 à 16:46:31    

Je crois que ton problème est avec les objets floated. Je crois qu'un objets float doit avoir une taille (width) nécéssairement pour pouvoir bien s'afficher.
essaie voir

Reply

Marsh Posté le 18-05-2005 à 17:12:14    

bah c ce que j'ai fait.. mais c toujours pareil :(
j'ai la liste qui flotte un peu

Reply

Marsh Posté le 18-05-2005 à 17:40:52    

met une div en  
widht:50%;
l'autre en
float:right; (ou left)
 
et ca roule :)

Reply

Marsh Posté le 19-05-2005 à 12:45:51    

salut freed102:
J'aimerai savoir comment marche ton système d'authentification (login/mot_de_passe) merci

Reply

Marsh Posté le 19-05-2005 à 12:49:48    

bah c du PHP.. j'ai fait un script qui teste les champs et qui compare avec la bdd
 
je sais pas si ma methode est bonne mais ça ressemble à ça :
 

Code :
  1. if ($btnconnect)
  2. {
  3.  //reouverture de nouvelle session
  5.  // definit les variables email et passord
  6.  $mail=$_POST['type_email'];
  7.  $mail=strtolower($mail);
  8.  $pwd1=$_POST['type_password'];
  9.  $pwd1=strtolower($pwd1);
  10.  $_SESSION['email']=$mail;
  11.  $_SESSION['devisnum']=$devisnum;
  12.  //connexion à la base
  14.  mysql_select_db("$bddname", $connect);
  15.  // cherche password par rapport au mail dans 'clients'
  16.  $sqltestmail = "SELECT * FROM clients WHERE email='$mail'";
  17.  mysql_query($sqltestmail);
  18.  $result1 = @MYSQL_QUERY($sqltestmail) ;
  19.  $data_id=mysql_fetch_array($result1);
  20.  //$id_test=$data['id'] ;
  21.  $mail2= $data_id['email'] ;
  22.  $pwd2= $data_id['password'];
  23.  echo mysql_error();
  26.   //test champ mail vide
  27.   if (empty($mail))
  28.   {
  29.   $field_email="Veuillez saisir votre email !";
  30.   }
  31.   //test validité mail
  33.   if (!eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", $mail))
  34.   {
  35.          $field_email="Email non valide !";
  36.   }
  37.   else // (!empty($mail))
  38.   {
  39.    if (!$mail2)
  40.    {
  41.    $field_email="Email inexistant !";
  42.    }
  43.    else
  44.    {
  45.     if (empty($pwd1))
  46.     {
  47.     $field_pwd="Veuillez saisir votre mot de passe !";
  48.     }
  50.     // test password (base VS variables)
  51.     else
  52.     {
  53.      if ($pwd1 != $pwd2)
  54.      {
  55.      $field_pwd="Mauvais mot de passe !";
  56.      }
  57.      if (($pwd1==$pwd2)&&($mail==$mail2))
  58.      {
  60.      $result = mysql_query("SELECT * FROM clients WHERE email='$mail'" );
  61.      $data_id = mysql_fetch_array($result);
  62.      $_SESSION['id']= $data_id['id'];
  64.      $_SESSION['id1']=$_SESSION['id'];
  66.      //etape suivante (indique la position dans le site)
  67.      $_SESSION['titre_etape']="Saisie des coordonnées";
  70.      }
  71.     }
  74.    }
  75.   }
  76. }
  77. ?>


Message édité par freed102 le 19-05-2005 à 13:08:21
Reply

Marsh Posté le 19-05-2005 à 12:49:48   

Reply

Marsh Posté le 19-05-2005 à 16:21:53    

Question : quand on mets un border... il se met à l'exterieur ou à l'interieur du bloc ? tout ça pour savoir si je mets des marges.. je dois prendre en compte la bordure rajouter un pixel ?

Reply

Marsh Posté le 19-05-2005 à 16:22:45    

autre question pendant qu'on y est... comment je peux mettre deux colonnes proportionnelles au bloc parent en tenant compte des marges ?

Reply

Marsh Posté le 19-05-2005 à 16:28:47    

En mettant des divs dans un div ! Et tu crées tes marges par rapport au parent et c'est bon :o


---------------
Got spyware ? | HFR HijackThis Tutorial
Reply

Marsh Posté le 19-05-2005 à 16:48:14    

oui ok mais en width je mets quoi ???

Reply

Marsh Posté le 19-05-2005 à 16:52:27    

Ce que tu veux du moment que ton texte rentre dedans [:spamafote]


---------------
Got spyware ? | HFR HijackThis Tutorial
Reply

Marsh Posté le 19-05-2005 à 16:57:13    

sanpellegrino a écrit :

Ce que tu veux du moment que ton texte rentre dedans [:spamafote]


 
bah par exemple j'ai un div "coordonnées" dans lequel j'ai deux div "coordonnees_left" et "coordonnees_right"
 
je veux que les deux soient cote à cote avec une marge de 5px entre les deux
 
alors c bien si je mets pas de marge.. mais dès que je mets une marge le bloc passe à la ligne d'en dessous
 

Code :
  1. #coordonnees{
  2. text-align:left;
  3. }
  4. #coordonnees_left{
  5. margin-right:2px;
  6. float:left;
  7. width:50%;
  8. border:1px solid #71AFC7;
  9. }
  10. #coordonnees_right{
  11. margin-left:2px;
  12. float:left;
  13. width:50%;
  14. border:1px solid #71AFC7;
  15. }


 

Code :
  1. <div id="coordonnees">
  2. <div id="coordonnees_left">
  3. <p class="titre_outils">Nom et prénom</p>
  5. <label>Nom</label>
  6. <input name="CVnom" type="text" value="<?php echo $_SESSION['CVnom']; ?>" /><br />
  8. <label>Prénom</label>
  9. <input name="CVprenom" type="text" value="<?php echo $_SESSION['CVprenom']; ?>" /><br />
  11. <p class="titre_outils">Titre</p>
  13. <label>Titre</label>
  14. <input name="titre" type="text" id="titre" value="<?php echo $titre; ?>" /><br />
  15. </div>
  17. <div id="coordonnees_right">
  18. <p class="titre_outils">Adresse</p>
  19. <label>adresse</label>
  20. <input name="adresse" type="text" value="<?php echo $adresse; ?>" /><br />
  22. <label>Code Postal</label>
  23. <input name="cp" type="text" value="<?php echo $cp; ?>" /><br />
  25. <label>Ville</label>
  26. <input name="ville" type="text" id="ville" value="<?php echo $ville; ?>" /><br />
  28. <label>T&eacute;l&eacute;phone</label>
  29. <input name="telephone" type="text" value="<?php echo $telephone; ?>" /><br />
  31. <label>Fax</label>
  32. <input name="fax" type="text" value="<?php echo $fax; ?>" /><br />
  34. <label>Mobile</label>
  35. <input name="mobile" type="text" id="mobile" value="<?php echo $mobile; ?>" /><br />
  37. <label>Email</label>
  38. <input name="email" type="text" id="email" value="<?php echo $email; ?>" /><br />
  40. <label>Site Internet</label>
  41. <input name="url" type="text" id="url" value="<?php echo $url; ?>" /><br />
  43. <label></label>
  44. <input name="btncoord" type="submit" id="btncoord" value="Valider">
  45. </div>
  46. </div>


Message édité par freed102 le 19-05-2005 à 17:01:23
Reply

Marsh Posté le 19-05-2005 à 21:54:28    

<div style="display:inline;">Blah</div>
 
 
InGuN

Reply

Marsh Posté le 20-05-2005 à 15:12:07    

Hello!
je comprends pas un truc sur ma page  
 
http://www.clonecopy.net/php/ezdocs/
 
dans IE tout est nickel...
mais dans Firefox et les autres mes blocs se chevauchent ! :(
 
pourtant ils sont bien imbriqués dans le code je comprends pas !

Reply

Sujets relatifs:

Leave a Replay

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