Espace indésirable au dessus d'un Lien

Résolu

Asphel -
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

Afficher la suite

A voir également:

Espace indésirable au dessus d'un Lien
Espace insécable - Guide
Créer un lien pour partager des photos - Guide
Lien url - Guide
Espace de stockage gmail plein - Guide
Verificateur de lien - Guide

5 réponses

Réponse 1 / 5

Profil bloqué

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>

Réponse 2 / 5

Profil bloqué

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 !

Réponse 3 / 5

Asphel

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)

Réponse 4 / 5

inspiring Messages postés 1813 Date d'inscription Statut Membre Dernière intervention 265

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

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

Posez votre question

Réponse 5 / 5

Asphel

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

Discussions similaires

Copier un lien instagram

Retrouver liens copiés sur le téléphone

Rajout de lien sur plusieurs pages

copie d'un lien dans le navigateur internet

Votre réponse

Discussions similaires