The menu menu in Google display.


The following code:
<div style="padding-top: 10px; position:relative; z-index:3;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td style="width: 80px;">
<asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE" DynamicHorizontalOffset="2"
Font-Names="Trebuchet MS" Font-Size="1.0em" ForeColor="#333333" Orientation="Horizontal"
StaticSubMenuIndent="10px" StaticEnableDefaultPopOutImage="false" OnMenuItemClick="Menu1_MenuItemClick"
OnClientClick="document.getElementById('DivLoading').style.display = 'block';" >
<StaticSelectedStyle CssClass="kk2" />
<StaticHoverStyle BackColor="#507CD1" />
<StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" CssClass="kksss" />
<DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
<DynamicMenuStyle BackColor="White" />
<DynamicSelectedStyle BackColor="#507CD1" />
<DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" BorderColor="#D2D2D2"
BorderStyle="Dotted" BorderWidth="1px" />
<StaticHoverStyle BackColor="#284E98" ForeColor="White" />
</asp:Menu>
</td>
<td align="left" style="padding-left: 10px;">
</td>
</tr>
</table>
</div>
The CSS code is as follows:
.kksss{ text-decoration:none; color: #333; width:30px; height:20px; line-height:18px; display:block; background-image: url(../images/botton1.gif);text-align: center; font-family: "Times New Roman";
font-size: 9pt;
line-height: 15pt;
}
.kk2{ background:url(../images/botton2.gif); color:#FFF; text-align: center; font-family: "Times New Roman" ;
font-size: 9pt;
line-height: 15pt;
}

Started by Pete at November 17, 2016 - 12:00 AM

Online ah, first aid!

Posted by Pete at November 25, 2016 - 12:36 AM

Normal should look something like this

Posted by Pete at December 02, 2016 - 1:30 AM

You have two cells · should not achieve the effect you!
Suggest to the landlord to UL Li, table out!

Posted by Susan at December 09, 2016 - 1:51 AM

The IE and Firefox are normal, it shows in Google.

Posted by Pete at December 16, 2016 - 1:58 AM

You use the developer tools to check the source code, compile it out. Have a look how is HTML?

Posted by Susan at December 21, 2016 - 2:38 AM

Is a A label cell
<td style="white-space:nowrap;">
<a class="Menu1_1 kksss Menu1_3" style="border-style:none;font-size:1em;" href="javascript:__doPostBack('Menu1','Integrated ') "> comprehensive;</a>
</td>

Posted by Pete at December 23, 2016 - 3:22 AM

You will not be the width of the cell is too small, not crowded, ran to go below

Posted by Susan at January 01, 2017 - 3:57 AM