>prøv i stedet at vise den genererede
> html-kode (brug vis kilde i browseren). Det er rigeligt med et
> udsnit af koden omkring din menu.
Her er kildekoden:
<td vAlign="top" align="left" width="190" height="309">
<table id="Menu" cellSpacing="0" cellPadding="0" width="100%"
align="left" border="0">
<tr>
<td id="MenuLuft">
<style>
LI
{
MARGIN-TOP: 0px;
DISPLAY: block;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
MARGIN-BOTTOM: 0px;
COLOR: #000000;
MARGIN-RIGHT: 0px;
FONT-FAMILY: Verdana, Arial, Sans-Serif;
FLOAT: left;
WIDTH: 100%;
}
UL
{
border: #DDD9A7 1px solid;/*sætter border på drop-ud menuen*/
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px;
MARGIN-RIGHT: 0px;
COLOR: #000000;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
FONT-FAMILY: Verdana, Arial, Sans-Serif;
DISPLAY: block;
WIDTH: 220px; /*bredden på drop-ud menuen*/
}
invisible
{
MARGIN-TOP: -15px; /*rykker drop-ud menuen op eller ned, jo større
plus ned, jo større minus op*/
MARGIN-LEFT: 130px;/*rykker drop-ud menuen ud til højre*/
POSITION: absolute;
DISPLAY: none;
/*border-style: none;/*fjerner borderfarve på alle fire kanter af
cellen v link TEST*/
}
LI A
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
FONT-FAMILY: Verdana, Arial, Sans-Serif;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
WIDTH: 100%;
COLOR: #000000;
TEXT-DECORATION: none;
DISPLAY: block;
}
submenu
{
PADDING-RIGHT: 5px;
PADDING-LEFT: 20px;/*rykker teksten i drop-ud menuen til højre*/
PADDING-BOTTOM: 2px;
PADDING-TOP: 10px;/*afstanden mellem top og punkter samt mellem menu
punkterne, kan også bruge line-height*/
TEXT-DECORATION: none;
text-align: left;
FONT-FAMILY: Verdana, Arial, Sans-Serif;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #000000;
WIDTH: 100%;
BACKGROUND-COLOR: #F4F2E6; /*baggrundsfarven på den uddroppede
menu*/
DISPLAY: block;
/*Gør dropout menuen gennemsigtig*/
position: relative;
z-index:1000;
filter: alpha(opacity=90);
/*Gør dropout menuen gennemsigtig slut*/
}
LI A:hover
{
COLOR: #000000;
}
A.hassubmenu
{
BACKGROUND-POSITION: 128px 7px;
}
menuclass
{
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
BORDER-LEFT: 0px;
BORDER-BOTTOM: 0px;
FLOAT: right;
MARGIN: 1px 1px 100%;
}
</style>
<NOINDEX>
<table cellSpacing="0" cellPadding="0" width="170" border="0">
<tr>
<td class="over-nav" colSpan="2">
<table width='100%' border='1' bordercolor="green" cellspacing='0'
cellpadding='5'>
<tr>
<td nowrap class="contentTXT">
<A id="SwitchToPresentationUnpublishedAnchor" href="#"
onclick="CMS_preparePostbackUrl; return false" target=_self>
Switch To Edit Site
</A>
<BR>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellSpacing="0" cellPadding="0" width=190>
<tr>
<td align="left" valign="top">
<ul class="menuclass">
<li>
<button class=button><a
id="DropDownMenu1_Repeater1__ctl0_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem1"
href="
http://www.html.dk">MenuItem1
class=usynligt height=2px>
<ul class="invisible">
</ul>
</li>
<li>
<button class=button><a
id="DropDownMenu1_Repeater1__ctl1_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem2"
href=href="
http://www.html.dk">MenuItem2
class=usynligt height=2px>
<ul class="invisible">
<li>
<a
id="LeftDropDownMenu1_Repeater1__ctl1_Repeater2__ctl0_Hyperlink4"
class="submenu"
href="/site/Menu/MenuItem2/MenuItem2_1/Side1.htm">MenuItem2_1</a>
</li>
</ul>
</li>
<li>
<button class=button><a
id="DropDownMenu1_Repeater1__ctl0_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem2"
href="
http://www.html.dk">MenuItem2
class=usynligt height=2px>
<ul class="invisible">
</ul>
</li>
<li>
<button class=button><a
id="DropDownMenu1_Repeater1__ctl1_Hyperlink2"
OnClick="SubMenuLink_OnClick" onmouseover="showSubMenu()"
CommandArgument="MenuItem3"
href=href="
http://www.html.dk">MenuItem3
class=usynligt height=2px>
<ul class="invisible">
<li>
<a
id="LeftDropDownMenu1_Repeater1__ctl1_Repeater2__ctl0_Hyperlink4"
class="submenu"
href="/site/Menu/MenuItem2/MenuItem2_1/Side1.htm">MenuItem3_1</a>
</li>
</ul>
</li>
</ul>
</td>
</tr>
</table>
</NOINDEX>
Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Natasja skrev:
>
> > Værs'go - ved ikke helt om du kan bruge det til noget, da jeg
> > jo gav et html spørgsmål ti lat starte med, og bare ville vide
> > om man kunne lave om på de default settings der er i en
> > button.
>
> Du har sendt kildekoden til en asp.net-fil. Det er svært at tage
> stilling til i denne gruppe - prøv i stedet at vise den genererede
> html-kode (brug vis kilde i browseren). Det er rigeligt med et
> udsnit af koden omkring din menu.
>
> > Mit problem er at jeg ikke kunne få luft imellem hver
> > menu-item (knap) da det er en dynamisk menu.... Og det løser
> > <button>.
>
> Det ser ud til at du har menuen i en <ul>. I så fald kan du vel
> benytte margen/padding på li-elementerne til at regulere luften.
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på
http://usenet.dk/netikette/citatteknik.html
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials