Rapprocher des lignes en css

Marsh Posté le 18-02-2009 à 15:49:11

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

Reply

Marsh Posté le 18-02-2009 à 15:49:11

Reply

Marsh Posté le 18-02-2009 à 15:51:19

T'es archi-débutant, hein

Faut juste enlever les marges par défaut sur les différents éléments (genre sur les p)

Message cité 1 fois

Reply

Marsh Posté le 18-02-2009 à 16:47:26

FlorentG a écrit :

T'es archi-débutant, hein

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?

Reply

Marsh Posté le 18-02-2009 à 17:13:28

Archi-débutant, car c'est un des premiers problèmes qu'on rencontre en CSS 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

Message cité 1 fois

Reply

Marsh Posté le 18-02-2009 à 17:27:45

FlorentG a écrit :

Archi-débutant, car c'est un des premiers problèmes qu'on rencontre en CSS 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 :

p
{
margin: 1px;
}

et ça marche.

Reply

Marsh Posté le 18-02-2009 à 20:31:10

j'ai encore un bug

voilà mon code :

Code :

<div class="moduletable">
<h3>Language Selection</h3>
<div id="jflanguageselection"><label for="jflanguageselection" class="jflanguageselection">Select</label>
<select name="lang" class="jflanguageselection" size="1" onchange="document.location.replace(this.value);">
<option value="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=en" >English (United Kingdom)</option>
<option value="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=fr" selected="selected" >French (Fr)</option>
</select>
</div><noscript><a href="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=en"><span lang="en" xml:lang="en">English (United Kingdom)</span></a> <a href="http://s277132125.onlinehome.fr/elprofessor/index.php?lang=fr"><span lang="fr" xml:lang="fr">French (Fr)</span></a> </noscript>
</div>

et le css:

Code :

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

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.

Reply

Marsh Posté le 18-02-2009 à 22:20:17

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 :

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

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

Reply

Marsh Posté le 18-02-2009 à 22:35:12

ok merci ça marche

Reply

Rapprocher des lignes en css

Sujets relatifs:

Leave a Replay