Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage PHP balise

balise

21 réponses
Avatar
AlainL
Bonjour,
Dans un menu déroulant j'utilise la balise <li>
L'intervalle entre les lignes me convient...
mais l'un des titres/liens (le 2e ci-dessous) occupe trois lignes ce qui
induit un certain cafouillage !

<li><a href="salle_polyvalente.php" title="salle polyvalente">Salle
polyvalente</a></li>

<li><a href="economie.php" title="entreprises, artisans">Acteurs
économiques et associatifs</a></li>

<li><a href="environnement1.php" title="assainissement, aménagement"
>Environnement</a></li>

Est-il possible de réduire l'intervalle entre les lignes utilisées dans
un <li>

Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Merci

alainL
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3
Avatar
Sergio
Le 30/11/2018 à 14:59, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Bonjour,
Dans un menu déroulant j'utilise la balise <li>
L'intervalle entre les lignes me convient...
mais l'un des titres/liens (le 2e ci-dessous) occupe trois lignes ce qui
induit un certain cafouillage !
<li><a href="salle_polyvalente.php" title="salle polyvalente">Salle
polyvalente</a></li>
<li><a href="economie.php" title="entreprises, artisans">Acteurs
économiques et associatifs</a></li>
<li><a href="environnement1.php" title="assainissement, aménagement"
Environnement</a></li>

Est-il possible de réduire l'intervalle entre les lignes utilisées dans
un <li>
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Dans le CSS de la balise <li> ajouter :
margin-top: 10px;
line-height: 15px;

Plutôt agir sur la largeur du conteneur, la classe "niveau1".
Sinon, critique au niveau sémantiques : pas besoin de mettre de majuscule à "Èlus" dans "Les Élus". (je crois que "Les Élus" s'applique uniquement aux saints du paradis...).
--
Serge http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Nicolas George
Duzz' , dans le message
, a écrit :
Et sinon, quelque chose d'utile à ajouter ?

À l'adresse de quelqu'un qui réagit ainsi ? Non, aucune chance.
Avatar
Duzz'
Le 30/11/2018 à 19:05, Nicolas George a écrit :
Duzz' , dans le message
, a écrit :
Et sinon, quelque chose d'utile à ajouter ?

À l'adresse de quelqu'un qui réagit ainsi ? Non, aucune chance.

C'est bien ce que je pensais, juste du caquetage sans le moindre intérêt,
comme d'hab'.
Avatar
AlainL
Le 30/11/2018 à 18:06, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Il y a un problème de CSS sur cette page qui m'affiche trois ascenseurs à
droite ... ;)
Probablement des "overflow: auto;" en trop quelque part.

Bon, j'ai ramené mes élus chez les mortels, pas de parti-pris politique!
Pour les ascenseurs, j'en ai encore 2 alors que je n'ai qu'un seul
overflow....
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url("Images/fond_degrade.gif");
background-repeat: repeat-y;
color : #000000;
}
#contenu {
height: 100%;
margin-left: 20%;
/* overflow: auto; */
color: #000000;
}
Avatar
AlainL
Le 30/11/2018 à 18:06, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Il y a un problème de CSS sur cette page qui m'affiche trois ascenseurs à
droite ... ;)
Probablement des "overflow: auto;" en trop quelque part.

Merci.
J'ai donc ramené mes élus chez les mortels :-)
Par contre, même en ne gardant qu'un seul overflow, j'ai deux ascenseurs
(et là, j'ai vidé le cache avant de tester) Chrome et Ffx idem.
--------- la css------------
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url("Images/fond_degrade.gif");
background-repeat: repeat-y;
color : #000000;
}
#contenu {
height: 100%;
margin-left: 20%;
/* overflow: auto; */
color: #000000;
}
Avatar
Pierre Maurette
AlainL :
Le 30/11/2018 à 18:06, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Il y a un problème de CSS sur cette page qui m'affiche trois ascenseurs à
droite ... ;)
Probablement des "overflow: auto;" en trop quelque part.

Merci.
J'ai donc ramené mes élus chez les mortels :-)
Par contre, même en ne gardant qu'un seul overflow, j'ai deux ascenseurs (et
là, j'ai vidé le cache avant de tester) Chrome et Ffx idem.
--------- la css------------
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url("Images/fond_degrade.gif");
background-repeat: repeat-y;
color : #000000;
}
#contenu {
height: 100%;
margin-left: 20%;
/* overflow: auto; */
color: #000000;
}

Passez le "overflow: auto;" sous body (sans html).
--
Pierre Maurette
Avatar
AlainL
Le 30/11/2018 à 20:49, Pierre Maurette a écrit :
AlainL :
Le 30/11/2018 à 18:06, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Il y a un problème de CSS sur cette page qui m'affiche trois
ascenseurs à
droite ... ;)
Probablement des "overflow: auto;" en trop quelque part.

Merci.
J'ai donc ramené mes élus chez les mortels :-)
Par contre, même en ne gardant qu'un seul overflow, j'ai deux
ascenseurs (et là, j'ai vidé le cache avant de tester) Chrome et Ffx
idem.
--------- la css------------
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url("Images/fond_degrade.gif");
background-repeat: repeat-y;
color : #000000;
}
#contenu {
height: 100%;
margin-left: 20%;
/* overflow: auto; */
color: #000000;
}

Passez le "overflow: auto;" sous body (sans html).

Merci. Il n'y a plus qu'un ascenseur... mais le menu suit le mouvement
et je voudrais qu'il reste en place.
J'ai essayé un seul overflow auto sous #contenu mais, si le menu reste
en place, je retrouve encore deux ascenseurs...
Avatar
Pierre Maurette
AlainL :
Le 30/11/2018 à 20:49, Pierre Maurette a écrit :
AlainL :
Le 30/11/2018 à 18:06, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Il y a un problème de CSS sur cette page qui m'affiche trois ascenseurs à
droite ... ;)
Probablement des "overflow: auto;" en trop quelque part.

Merci.
J'ai donc ramené mes élus chez les mortels :-)
Par contre, même en ne gardant qu'un seul overflow, j'ai deux ascenseurs
(et là, j'ai vidé le cache avant de tester) Chrome et Ffx idem.
--------- la css------------
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url("Images/fond_degrade.gif");
background-repeat: repeat-y;
color : #000000;
}
#contenu {
height: 100%;
margin-left: 20%;
/* overflow: auto; */
color: #000000;
}

Passez le "overflow: auto;" sous body (sans html).

Merci. Il n'y a plus qu'un ascenseur... mais le menu suit le mouvement et je
voudrais qu'il reste en place.
J'ai essayé un seul overflow auto sous #contenu mais, si le menu reste en
place, je retrouve encore deux ascenseurs...

#menu {
position: fixed;
etc.
--
Pierre Maurette
Avatar
AlainL
Le 01/12/2018 à 06:13, Pierre Maurette a écrit :
AlainL :
Le 30/11/2018 à 20:49, Pierre Maurette a écrit :
AlainL :
Le 30/11/2018 à 18:06, Duzz' a écrit :
Le 30/11/2018 à 14:35, AlainL a écrit :
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/

Il y a un problème de CSS sur cette page qui m'affiche trois
ascenseurs à
droite ... ;)
Probablement des "overflow: auto;" en trop quelque part.

Merci.
J'ai donc ramené mes élus chez les mortels :-)
Par contre, même en ne gardant qu'un seul overflow, j'ai deux
ascenseurs (et là, j'ai vidé le cache avant de tester) Chrome et Ffx
idem.
--------- la css------------
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image: url("Images/fond_degrade.gif");
background-repeat: repeat-y;
color : #000000;
}
#contenu {
height: 100%;
margin-left: 20%;
/* overflow: auto; */
color: #000000;
}

Passez le "overflow: auto;" sous body (sans html).

Merci. Il n'y a plus qu'un ascenseur... mais le menu suit le mouvement
et je voudrais qu'il reste en place.
J'ai essayé un seul overflow auto sous #contenu mais, si le menu reste
en place, je retrouve encore deux ascenseurs...

#menu {
   position: fixed;
   etc.

Ça marche. Merci et bonne journée.
alainL
Avatar
jessicabrown
Le vendredi 30 Novembre 2018 à 14:35 par AlainL :
Bonjour,
Dans un menu déroulant j'utilise la balise <li>
L'intervalle entre les lignes me convient...
mais l'un des titres/liens (le 2e ci-dessous) occupe trois lignes ce qui
induit un certain cafouillage !
<li><a href="salle_polyvalente.php" title="salle
polyvalente">Salle
polyvalente</a></li>
<li><a href="economie.php" title="entreprises,
artisans">Acteurs
économiques et associatifs</a></li>
<li><a href="environnement1.php" title="assainissement,
aménagement"
>Environnement</a></li>
Est-il possible de réduire l'intervalle entre les lignes
utilisées dans
un <li>
Le menu, appelé par <include>, apparaît sur la page
http://www.alos-sibas-abense.com/
Merci
alainL
Its nice question about tag <a href="https://www.google.com/">Tag</a>
1 2 3