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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS : deux menus horizontaux sur la même ligne

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS : deux menus horizontaux sur la même ligne

n°1088022
freed102
Arayashiki
Posté le 18-05-2005 à 15:43:05  profilanswer
 

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 !

mood
Publicité
Posté le 18-05-2005 à 15:43:05  profilanswer
 

n°1088041
freed102
Arayashiki
Posté le 18-05-2005 à 15:51:47  profilanswer
 
n°1088055
freed102
Arayashiki
Posté le 18-05-2005 à 15:56:37  profilanswer
 

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

n°1088074
sanpellegr​ino
Posté le 18-05-2005 à 16:01:49  profilanswer
 

: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
n°1088081
freed102
Arayashiki
Posté le 18-05-2005 à 16:04:16  profilanswer
 

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 !

n°1088143
nvictor
Posté le 18-05-2005 à 16:46:31  profilanswer
 

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

n°1088192
freed102
Arayashiki
Posté le 18-05-2005 à 17:12:14  profilanswer
 

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

n°1088235
jus_de_rai​sin
Grape Juice
Posté le 18-05-2005 à 17:40:52  profilanswer
 

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

n°1089007
nvictor
Posté le 19-05-2005 à 12:45:51  profilanswer
 

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

n°1089011
freed102
Arayashiki
Posté le 19-05-2005 à 12:49:48  profilanswer
 

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
mood
Publicité
Posté le 19-05-2005 à 12:49:48  profilanswer
 

n°1089441
freed102
Arayashiki
Posté le 19-05-2005 à 16:21:53  profilanswer
 

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 ?

n°1089443
freed102
Arayashiki
Posté le 19-05-2005 à 16:22:45  profilanswer
 

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

n°1089472
sanpellegr​ino
Posté le 19-05-2005 à 16:28:47  profilanswer
 

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
n°1089578
freed102
Arayashiki
Posté le 19-05-2005 à 16:48:14  profilanswer
 

oui ok mais en width je mets quoi ???

n°1089595
sanpellegr​ino
Posté le 19-05-2005 à 16:52:27  profilanswer
 

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


---------------
Got spyware ? | HFR HijackThis Tutorial
n°1089610
freed102
Arayashiki
Posté le 19-05-2005 à 16:57:13  profilanswer
 

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
n°1090049
InGuN
Posté le 19-05-2005 à 21:54:28  profilanswer
 

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

n°1090803
freed102
Arayashiki
Posté le 20-05-2005 à 15:12:07  profilanswer
 

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 !


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

  CSS : deux menus horizontaux sur la même ligne

 

Sujets relatifs
[CSS] Comment définit la position d'une puce ?Problème CSS et arborescence
CSS XHTML balise object dans MozillaQuel logiciel pour la création de menus pour page web
pb mise en ligne site internetFaire un cadre autour d'une image en CSS
CSS : 4 colonnes, 2 tailles fixes, 2 redimensionnables dans une DIV.[Css] Mise en forme Complexe de blocks
php en ligne de commande sous linuxIndice de ligne dans une requête SQL
Plus de sujets relatifs à : CSS : deux menus horizontaux sur la même ligne

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.095 secondes

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