Espace indésirable au dessus d'un Lien
Résolu
Bonjour,
J'ai un petit soucis qui je pense peux être régler en un tour de main par les connaisseurs.
Vous pouvez voir en cliquant sur le lien ci-dessus l'image illustrant mon soucis :
http://sd-4.archive-host.com/membres/up/147289722723184912/Capture.JPG
Je souhaiterai supprimer l'espace au dessus de mon bouton "Contact", et après avoir essayer plusieurs choses j'abandonne.
Je vous copie colle mon code afin que vous puissiez m'aider à trouver d'où viens le soucis :
Je vous remercie d'avance pour votre aide précieuse.
Bonne fin de journée
J'ai un petit soucis qui je pense peux être régler en un tour de main par les connaisseurs.
Vous pouvez voir en cliquant sur le lien ci-dessus l'image illustrant mon soucis :
http://sd-4.archive-host.com/membres/up/147289722723184912/Capture.JPG
Je souhaiterai supprimer l'espace au dessus de mon bouton "Contact", et après avoir essayer plusieurs choses j'abandonne.
Je vous copie colle mon code afin que vous puissiez m'aider à trouver d'où viens le soucis :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
*sas*
<html>
<head>
<style type="text/css">
#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold; width:962px; height:39px; background-image:url(../site/images/navigation.jpg); background-repeat:no-repeat; background-position:right;}
#monmenu ul { padding:0px; margin:0px; text-align:center;}
#monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#monmenu ul.niveau2 {left: 0px; top: 39px;}
#monmenu ul.niveau3 {left: 115px; top: -1px;background-color:#eb5413;}
#monmenu li {list-style-type: none; position: relative; width: 115px; background-color: transparent; padding: 2px; margin: 0px; color:#FFF;}
#monmenu li:hover, #monmenu li.sfhover {background-color:#C00;}
#monmenu li a {text-decoration:none; color:#FFF}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
#monmenu li.plus {border-bottom: 1px solid #B0B0B0; background-color:#eb5413;}
#contacthover { display:block; background-image:url(../site/images/CONTACT.png); background-repeat:no-repeat; background-position:right; height:39px; width:134px;}
#contacthover:hover {background-image: url(../site/images/contacthover.png); background-position:right; background-repeat:no-repeat; height:39px; width:134px;}
</style>
</head>
<body>
<!---Table principale--->
<div id="largeur_de_page_et_bordures" style="margin-bottom:15px;">
<!---Cadre visuel et logo--->
<div id="cadre_visuel" class="conteneurAbsolu" style="position:relative;">
<div id="cadre_logo">*cms_1*</div>
<div id="cadre_texte_logo">*cms_2*</div>
<div style="clear:both;"></div>
</div>
<!---Fin cadre visuel et logo--->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="5"><div class="conteneur">
<!---Navigation MENU--->
<div id="monmenu">
<table style="border-collapse:collapse;" cellpadding="0" cellspacing="0">
<tr>
<td>
<ul class="niveau1">
<li>Gamme MicroTracteur
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li> Accessoires </br> Micro Tracteur
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li>Gamme Motoculture
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li> Accessoires </br> Quad
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li> Transporteurs </br> Utilitaires
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li> Pièces </br> détachées
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li>Gamme Huile/Graisse
<ul class="niveau2">
<li class="plus">
<a href= "http://www.rankspirit.com">
Extras
</a>
<ul class="niveau3">
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
<li>
<a href= "http://www.rankspirit.com">
Gammes
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="niveau1">
<li>
<a href= "http://www.tracteur-occasion.com/boutique/adresse_e_mail.cfm?code_lg=lg_fr&ret=sommaire">
Accédez à votre Compte
</a>
</li>
</ul>
</td>
</tr>
</table>
</div>
<!---Fin Navigation MENU--->
</div></td>
</tr>
<tr>
<td width="10%"><div class="conteneur">*recherche_2*</div></td>
<td width="10%"><div class="conteneur">*marques*</div></td>
<td width="10%"><div class="conteneur">*acces_rapide*</div></td>
<td width="14%"><a id="contacthover" href="http://www.tracteur-occasion.com/boutique/formulaire_perso.cfm?code_lg=lg_fr&num_formulaire=3" style="display:block;"></a></td>
<td width="56%"><div class="conteneur">*votre_selection*</div></td>
</tr>
</table>
<!---Fin nav hori2--->
<!---Table centre (nav,catalogue,promo) comprenant colonne droite et gauche--->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr valign="top">
<!---Centre--->
<td id="cadre_colonne_principale" valign="top" colspan="4">
<div class="conteneur">
*edito*
*cms_22*
*cms_72*
*cms_42*
</div>
</td>
<!---Fin centre--->
</tr>
</table>
<!---Fin table centre (nav,catalogue,promo)--->
<!---Bas de page--->
<div id="cadre_bas_de_page"></div>
<div id="cadre_bas_de_page2"></div>
<!---Fin bas de page--->
<!---Nav bas de page--->
</br>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr valign="top">
<td width="15%"> <div class="conteneur">*deja_vu*</div></td>
<td width="25%"> <div class="conteneur">*cartes*</div></td>
<td width="30%"> <div class="conteneur">*nav_verticale_2*</div></td>
<td width="30%"> <div class="conteneur">*cms_5*</div></td>
</tr>
</table>
<div id="cadre_nav_bas_de_page" class="conteneur">*nav_horizontale_3* *cms_7*</div>
<!---Fin nav bas de page--->
</div>
<!---Fin table principale--->
</body>
</html>
Je vous remercie d'avance pour votre aide précieuse.
Bonne fin de journée
5 réponses
-
tu peux ajouter un valign="top" au niveau du td de contact
soit :
<td width="14%" valign="top"><a id="contacthover" href="http://www.tracteur-occasion.com/boutique/formulaire_perso.cfm?code_lg=lg_fr&num_formulaire=3" style="display:block;"></a></td>
-
salut
on s'en rend pas compte comme ca
en copiant le code, je n'ai pas d'espaces chez moi
tu peux donner un lien vers ta page stp ?
merci !
-
http://www.tracteur-occasion.com/boutique_us/liste_rayons.cfm?code_lg=lg_us
Alors petite précision que j'ai omise, le site est !!!malheureusement!!! crée via Powerboutique, peut-être que cela peu entraîner quelques erreurs.
(D'où le style qui se trouve obligatoirement dans le header, car powerboutique a du mal à intégrer les feuilles de styles externes) -
ca vient de la structure en table, le lien est centré par rapport à la hauteur de la ligne.
Petite bidouille pour rectifier le visuel :
dans la règle #contacthover ajouter margin: 0 0 10px 0;
c'est un peu bricolage mais ca resoudra le probleme le temps de retravailler le menu -
Yes merci pour vos réponses, le valign de Waelb83 marche à merveille.
Merci encore
