2010-10-25 6 views
0

Bonjour,problème d'espacement des marges

J'utilise le code suivant de css play. ceci affiche un menu.

.preload16 {background: url(m_admin/m_admin_2.gif);} 
.preload16a {background: url(m_admin/m_admin_2a.gif);} 
.m_admin {padding:0 0em 0 1em; margin:0; list-style:none; height:43px; position:relative; 
     background:transparent url(../images/menu2/m_admin_back.gif) repeat-x left top ; font-size:11px;width:650px} 
.m_admin li {float:left; height:43px;} 
.m_admin li a {display:block; float:left; height:40px; line-height:35px; color:#888; text-decoration:none; 
      font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; 
      cursor:pointer; background:url(../images/menu2/m_admin_0a.gif) no-repeat;margin-top:0em;} 
.m_admin li a b {float:left; display:block; padding:0 60px 0 0; background:url(../images/menu2/m_admin_0.gif) 
        no-repeat right top;margin-top:0em;} 
.m_admin li.current a {color:#000; background:url(../images/menu2/m_admin_2a.gif) no-repeat;} 
.m_admin li.current a b {color:#000; background:url(../images/menu2/m_admin_2.gif) no-repeat right top;} 
.m_admin li a:hover {color:#000; background: url(../images/menu2/m_admin_2a.gif) no-repeat;} 
.m_admin li a:hover b {color:#000; background:url(../images/menu2/m_admin_2.gif) no-repeat right top;} 
.m_admin li.current a:hover {color:#000; cursor:default;} 

Je veux que le menu dans une ligne de table ... donc utilisé le code suivant ..

<table border="1" cellpadding="0" cellspacing="0"> 
    <tr><td>123</td></tr> 
    <tr> 
     <td> 
      <ul class="m_admin"> 
       <li class="current"><a href="#nogo"><b>Double ones</b></a></li> 
       <li><a href="#nogo"><b>Edit page</b></a></li> 
       <li><a href="#nogo"><b>Search</b></a></li> 
      </ul> 
     </td> 
    </tr> 
    <tr><td>123</td></tr> 
</table> 

Maintenant, dans la rangée du milieu, en plus du menu qui devient displyed..there est un peu d'espace à gauche..il y a une marge inférieure..je besoin du menu devrait FIT exactement dans la rangée ..je n'ai aucune idée, comment ajuster cela avec marge .. s'il vous plaît aidez-moi ...

+0

Je n'ai aucune idée de ce que vous demandez, s'il vous plaît reformuler clairement. La colonne du milieu est exactement la hauteur que vous avez spécifiée - 43px –

+0

http://www.shouldiusetablesforlayout.com/ – MatTheCat

+0

@Eran: - Si je l'ai utilisé dans un tableau, dans la rangée du milieu il y a de l'espace au-dessous des menus. Eventhough je réduis la hauteur de cette rangée de 43 à 38, un peu d'espace est laissé .. je ne veux pas d'espace .. menu devrait exactement S'ajuster dans mon 2 rang .. merci pour votre aide. – satya

Répondre

1

Êtes-vous en regardant quelque chose comme ça - http://www.jsfiddle.net/DPjnL/

Si oui, je viens de supprimer tous les attributs height et line-height de votre CSS. Vous pouvez trouver le code html/css ci-joint dans le lien

+0

Merci beaucoup. Cela m'a beaucoup aidé. C'est ce que je cherche. Pour ajuster la hauteur des menus, j'ai gardé la hauteur de ligne et enlevé toutes les autres hauteurs. – satya

Questions connexes