> Tous les forums > Forum des Webmasters
 Espacement non voulu dans menu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
fleuretta
  Posté le 23/03/2009 @ 14:04 
Aller en bas de la page 
Astucienne

J'ai un problème sous IE7 et IE6 pour mon menu de gauche. Il se met toujours un espacement de 1px entre chaque ligne du menu.

Dans ma css c'est ainsi: (l'image a 27px de haut)


ul#menuag
{

padding: 0 0 0 0 ;
margin: 0 0 0 0;
list-style-type:none;
width:170px;
}


ul#menuag li
{

padding: 0 0 0 0;
margin: 0 0 0 0;
list-style-type:none;
text-align:left;
}


ul#menuag li a {
background-image:url(../annuaire/imagetest/menu_gauche_blanc14.gif);
background-repeat:no-repeat;
background-position:left top;
height:27px;
background-color:transparent;
display:block;
text-indent:20px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:left;
color:#147d03;
border-bottom:none;
border-top:none;

}

ul#menuag li a:hover
{
color:#b76206;
text-indent:25px;
font-weight:normal;

}


ul#menuag li.fin{

background-image:url(../annuaire/imagetest/menu_gauche_blanc14_fin.gif);
background-position:top;
height:33px;
margin-bottom:15px;
background-repeat:no-repeat;
background-color:transparent;
width:170px;}

J'ai essayé aussi en mettant l'image en repeat avec une image de 5 px. De cette façon je n'ai plus ce problème sauf que sous IE6 j'ai entre chaque sous-menu un espace énorme que j'ai essayé de corriger de bien des façons mais sans résultat.

Avez-vous une solution pour moi?

Merci

Publicité
fleuretta
 Posté le 23/03/2009 à 17:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

J'ai résolu mon problème.

J'ai mis l'image en repeat, j'ai enlevé le background-position, j'ai ajouté un margin-top:-1px; et un margin-bottom:-1px; et maintenant plus de problème.

Je ne sais pas si c'est correct question code mais ça marche!

elle
 Posté le 23/03/2009 à 17:46 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Dans ta partie HTML, c'est comment?

fleuretta
 Posté le 23/03/2009 à 17:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Comme ça (je mets ici que le début du menu de gauche)



<div id="main1">

<div id="coteg">
<div class="cadremenug">
<h4><img src="../annuaire/imagetest/lescuisiniers14.gif" alt="Les cuisiniers..." /></h4>
<ul id="menuag">
<li><a class="anng" href="index.php#fourchettedor">Fourchette d'Or<img src="image/fourchette5.gif" style="position:absolute;"><span>Les cuisiniers Fourchette d'Or de mon annuaire.</span></a></li>
<li><a class="anng" href="cuisinierdujour.php">De la journée<span style="margin-top:10px;">Découvrez 30 sites différents à tous les jours.</span></a></li>
<li><a class="anng" href="cuisinierdujour.php#visites">Les visités<span>Les derniers sites visités par les cuisiniers-internautes.</span></a></li>
<li><a class="anng" href="index.php#miseajour">Les mises à jour<span>Pour connaître les nouveautés et les ajouts de l'annuaire au jour le jour...</span></a></li>
<li class="fin"></li>
</ul>


<h4><img src="../annuaire/imagetest/lesmenus14.gif" alt="Les menus..." /></h4>
<ul id="menuag">
<li><a class="anng" href="index.php#menusemaine">Menu de la semaine<span>Un menu différent chaque semaine choisit dans Les suggestions des chefs.</span></a></li>
<li><a class="anng" href="menussemaines-precedentes.php">Menus précédents<span>Retrouvez les menus des semaines précédentes</span></a></li>
<li class="fin"></li>
</ul>



<a class="anng2" style="margin-left:-158px;" href=""><h4><img src="../annuaire/imagetest/toque_dor14.gif" alt="Toque d'Or" /></h4><span>Ils aiment cuisiner et vous offrent de beaux menus dans Les Suggestions des chefs.</span></a>
<ul id="menuag">
<li><a href="redir.php?site=593" target="_blank">La Bonne Bouffe</a></li>
<li><a href="redir.php?site=1123" target="_blank">La table Lorraine</a></li>
<li><a href="redir.php?site=1087" target="_blank">Cuisinenligne</a></li>
<li><a href="redir.php?site=1289" target="_blank">Cuisine facile 66</a></li>
<li><a href="redir.php?site=1339" target="_blank">Le Chef? C'est vous!</a></li>
<li><a href="redir.php?site=1433" target="_blank">La bouilloire bavarde</a></li>
<li><a href="redir.php?site=1042" target="_blank">Recettes by Hanane</a></li>
<li><a href="redir.php?site=601" target="_blank">Micapatissier</a></li>
<li><a href="redir.php?site=1297" target="_blank">La cuisine de Fabrice</a></li>
<li><a href="redir.php?site=1358" target="_blank">Les récits et recettes</a></li>
<li><a href="redir.php?site=1648" target="_blank">Ma cuisine,mes livres...</a></li>
<li><a href="redir.php?site=1588" target="_blank">Un p'tit tour dans...</a></li>
<li><a href="redir.php?site=1584" target="_blank">Croquant, fondant...</a></li>
<li><a href="redir.php?site=907" target="_blank">Couzina diel Nadia</a></li>
<li><a href="redir.php?site=1641" target="_blank">Poétiquement gourmande</a></li>
<li><a href="redir.php?site=1681" target="_blank">Actiomedia</a></li>
<li class="fin"></li>
</ul>



<h4 style="height:75px;"><img src="../annuaire/imagetest/les_suggestions_chefs14.gif" /></h4>
<ul id="menuag">
<li><a class="anng" href="sans_assiettes.php">Les recettes<span>Toutes les recettes des Suggestions des chefs classées de l'amuse-gueule au dessert</span></a></li>
<li class="fin"></li>
</ul>

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
12 piles rechargeables AmazonBasics AAA 800 mAh à 10,49 €
10,49 € 14,84 € -29% @Amazon

Amazon fait une promotion sur le lot de 12 piles rechargeables AAA de sa marque AmazonBasics à 10,49 € seulement. Ces piles ont une capacité de 800 mAh et sont livrés préchargées. 


Voir le bon plan
Coffret de douilles et embouts Mannesmann (130 pièces) à 22,99 €
22,99 € 57,99 € -60% @Amazon

Amazon fait une promotion sur le coffret de douilles et embouts Mannesmann (130 pièces) qui passe à 22,99 € au lieu de 47,99 €.


Voir le bon plan
Portable 15.6 pouces Lenovo Legion 5i (FHD 165Hz IPS, Core i5-12500H, 16 Go DDR5, SSD NVMe Gen4 512 Go, GeForce RTX 3060, Windows 11) à 999 €
999 € 1499 € -33% @Lenovo

Lenovo fait une promotion sur le PC portable Lenovo Legion 5i Gen7 qui passe à 999 € au lieu de 1499 €. Ce PC portable très bien équipé possède un écran 15.6 pouces LED Full HD IPS 165 Hz, un processeur Intel Core i5-12500H, 16 Go de RAM DDR5-4800, un SSD de 512 Go NVMe PCIe 4 et une carte graphique GeForce RTX 3060 6 Go 140W dédiée. Le tout tourne sous Windows 11.

Une belle config adaptée à tous les usages avancés.


Voir le bon plan
Tour PC Lenovo IdeaCentre G5 (Core i5-11400F, 16 Go RAM, SSD 512 Go, GeForce RTX 3060 12Go) à 699,99 €
699,99 € 929,99 € -25% @Cdiscount

CDiscount fait une promotion sur la tour PC IdeaCentre G5 à 699,99 € avec le code STAR50LEN alors qu'on la trouve habituellement à 929 €. Cette tour très bien équipée possède un processeur Intel Core i5-11400F, 16 Go de RAM DDR4 3200 MHz (extensible à 32 Go), un SSD NVMe M.2 de 512 Go et une carte graphique GeForce RTX 3060 12 Go. Un clavier et une souris sont également fournis.

Une bonne affaire pour un PC qui sera à l'aise dans toutes les situations et tous les jeux.


Voir le bon plan
Prise connectée Wi-Fi TP-Link Tapo P110 avec suivi de la consommation à 11,90 €
11,90 € 14,90 € -20% @Amazon

Amazon fait une promotion sur la prise connectée Wi-Fi TP-Link Tapo P110 qui passe à 11,90 € alors qu'on la trouve habituellement à partir de 14,90 €.

Cette prise peut être contrôlée à distance en utilisant l'app gratuite Tapo sur votre smartphone (iOS ou Android). Vous pouvez créer des planifications horaires pour allumer ou éteindre automatiquement et quand vous le souhaitez, l'appareil qui y est branché.

Vous pourrez même contrôler la prise via des commandes vocales avec Alexa ou Google Assistant. Cette version offre le suivi de la consommation.  Pratique pour trouver les appareils énergivores.


Voir le bon plan
PC Portable 16 pouces HP Victus (FHD, Ryzen 5 5600H, 16Go/512Go, RTX 3060 6 Go, Win11) à 899,99 €
899,99 € 1099 € -18% @RueDuCommerce

RueDuCommerce fait une promotion sur le PC Portable 16 pouces HP Victus 16-e0019nf qui passe à 899,99 €. On le trouve habituellement à 1099 €.

Il comporte un écran IPS Full HD de 16 pouces, un processeur AMD Ryzen 5 5600H (6 coeurs), 16 Go de RAM, un SSD de 512 Go, une carte graphique dédiée GeForce RTX 3060 6 Go, un clavier rétro éclairé, une batterie charge rapide (autonomie 10h). Il possède aussi le WiFi 6, le bluetooth 5.2, 2 ports USB 3.1 type C, un port USB 3.2 Gen 2, un port HDMI 2.1 et un port Ethernet.

Le tout tourne sous Windows 11. Une bonne affaire pour un portable polyvalent : bureautique, Internet, multimédia et jeux.


Voir le bon plan

Sujets relatifs
Target dans menu déroulant "option value=...." html
Modification dans le menu
Menu de largeur fixe avec espacement régulier
ajouter un son sur une image dans un menu
Conditions dans un menu déroulant
création d'un menu dans Dreamweaver - PB d'include
Mise en evidence dans le menu du lien actif de...
Appeler un fichier menu dans toutes mes pages
images dans le menu
Plusieurs menu dans une même page
Plus de sujets relatifs à Espacement non voulu dans menu
 > Tous les forums > Forum Forum des Webmasters