Espace indésirable au dessus d'un Lien

Résolu/Fermé
Asphel - 21 févr. 2013 à 16:45
 Asphel - 21 févr. 2013 à 17:24
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 :
<!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&#232;ces </br> d&#233;tach&#233;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&#233;dez  	&#224 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

A voir également:

5 réponses

Profil bloqué
21 févr. 2013 à 17:19
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>
1
Profil bloqué
21 févr. 2013 à 16:59
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 !
0
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)
0
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 265
21 févr. 2013 à 17:17
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Yes merci pour vos réponses, le valign de Waelb83 marche à merveille.
Merci encore
0