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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rapprocher des lignes en css

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Rapprocher des lignes en css

n°1852621
hppp
Serveur@home
Posté le 18-02-2009 à 15:49:11  profilanswer
 

Salut a tous
 
Je voudrais rapprocher des lignes en css car je les trouve trop éloignées.
regarder sur le menu connexion : http://s277132125.onlinehome.fr/elprofessor/index.php
Je voudrais qu'il soit comme la : http://www.17pouces.net/index.php
 
Merci


Message édité par hppp le 18-02-2009 à 15:49:24
mood
Publicité
Posté le 18-02-2009 à 15:49:11  profilanswer
 

n°1852625
FlorentG
Posté le 18-02-2009 à 15:51:19  profilanswer
 

T'es archi-débutant, hein :D
 
Faut juste enlever les marges par défaut sur les différents éléments (genre sur les p)

n°1852676
hppp
Serveur@home
Posté le 18-02-2009 à 16:47:26  profilanswer
 

FlorentG a écrit :

T'es archi-débutant, hein :D
 
Faut juste enlever les marges par défaut sur les différents éléments (genre sur les p)


Pourquoi archi-débutant?  :??:  
 
quels marges par défaut? le contenu est généré par joomla et je peut pas le toucher.
Je pense que je peut faire ça en css?

n°1852700
FlorentG
Posté le 18-02-2009 à 17:13:28  profilanswer
 

Archi-débutant, car c'est un des premiers problèmes qu'on rencontre en CSS :D Les styles par défaut.
 
Chaque navigateur a un style CSS par défaut. Genre les <p> et <h1> ont des marges. Suffit de les enlever dans le CSS et c'est bon

n°1852710
hppp
Serveur@home
Posté le 18-02-2009 à 17:27:45  profilanswer
 

FlorentG a écrit :

Archi-débutant, car c'est un des premiers problèmes qu'on rencontre en CSS :D Les styles par défaut.
 
Chaque navigateur a un style CSS par défaut. Genre les <p> et <h1> ont des marges. Suffit de les enlever dans le CSS et c'est bon


Ouais mais là c'est la premier fois que je rencontre ce problème.
bon j'ai fait un  
 

Code :
  1. p
  2. {
  3. margin: 1px;
  4. }


 
et ça marche.

n°1852768
hppp
Serveur@home
Posté le 18-02-2009 à 20:31:10  profilanswer
 

j'ai encore un bug
 
voilà mon code :
 

Code :
  1. <div class="moduletable">
  2.     <h3>Language Selection</h3>
  3.     <div id="jflanguageselection"><label for="jflanguageselection" class="jflanguageselection">Select</label>
  4. <select name="lang"  class="jflanguageselection" size="1" onchange="document.location.replace(this.value);">
  5. <option value="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=en"   >English (United Kingdom)</option>
  6. <option value="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=fr"   selected="selected" >French (Fr)</option>
  7. </select>
  8. </div><noscript><a href="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=en"><span lang="en" xml:lang="en">English (United Kingdom)</span></a>&nbsp;<a href="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=fr"><span lang="fr" xml:lang="fr">French (Fr)</span></a>&nbsp;</noscript><!--Joom!fish V2.0.2 ()-->
  9. <!-- &copy; 2003-2009 Think Network, released under the GPL. -->
  10. <!-- More information: at http://www.joomfish.net -->
  11.  </div>


 
et le css:
 

Code :
  1. #menu_droite .moduletable_menu,#menu_droite .moduletable
  2. {
  3.     width: 230px;
  4.     padding: 5px;
  5. margin: auto;
  6. margin-bottom: 10px;
  7. color: #000000;
  8. font-family: Tahoma,verdana,arial;
  9. font-size: 13px;
  10. border: 2px solid #E4E4E4;
  11. background-image: url("../images/bandeau2.jpg" );
  12. clear: both;
  13. }


 
et regardez le résultat  de Langage Sélection : http://s277132125.onlinehome.fr/el [...] hp?lang=fr
 
Je n'arrive pas à résoudre mon problème.

n°1852787
David Bori​ng
Posté le 18-02-2009 à 22:20:17  profilanswer
 

Tu as un flottant (#jflanguageselection) dans un div sans solution pour rétablir le flux
Tu peux rajouter une ligne à ta feuille de style (la première)
La deuxième (zoom:1) c'est pour donner un "haslayout" à IE6 (mais avec ta bordure, cela devrait fonctionner sans)

Code :
  1. #menu_droite .moduletable_menu,#menu_droite .moduletable
  2. {
  3. overflow:hidden;
  4. zoom:1
  5.     width: 230px;
  6.     padding: 5px;
  7. margin: auto;
  8. margin-bottom: 10px;
  9. color: #000000;
  10. font-family: Tahoma,verdana,arial;
  11. font-size: 13px;
  12. border: 2px solid #E4E4E4;
  13. background-image: url("../images/bandeau2.jpg" );
  14. clear: both;
  15. }
  16. }


http://www.alsacreations.com/astuc [...] rnbsp.html
http://www.alsacreations.com/artic [...] lorer.html

n°1852792
hppp
Serveur@home
Posté le 18-02-2009 à 22:35:12  profilanswer
 

ok merci ça marche


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

  Rapprocher des lignes en css

 

Sujets relatifs
Supprimer des lignes sous Excel[MySQL] Requete pour récupérer les lignes de fin de mois
Cherche menu sur deux lignesAlterner couleur de lignes d'un tableau
Afficher les lignes ne contenant pas de chiffresJLabel sur plusieurs lignes
[Maven] Compter nbre de lignes de codes.extraire 4 lignes d'un site
Numéro de lignes - Galère [résolu]Comment mettre à jour plusieurs lignes d'une table avec widgets invisi
Plus de sujets relatifs à : Rapprocher des lignes en css


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