Jeg har fundet en løsning ved at ligge menuen ind i en div på 100px som har align center, men nu er der opstået et andet problem som er at undermenuerne (popup/dropdown eller hvad de nu hedder) er også text align center og de skulle gerne være textalign left. Jeg kan ikke helt finde ud af hvordan man laver noget ordenligt stylign på menuen og der er så mange forskellige steder hvor man kan sette baggrundsfarve osv. men ingen steder hvor man laver text align !! Er der eventuelt nogen der har nogle rigtige gode sider som forklare det hele i dybten?
Til Jokkerjensen her er mit markup, håber du kan se hovede og hale i det!!
<html xmlns="
http://www.w3.org/1999/xhtml" >
<head><title>
NextInnovation
</title><style type="text/css">
.nextMenu_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
.nextMenu_1 { color:#DCE6F5;font-family:Verdana;font-size:11px;font-weight:bold;text-decoration:none; }
.nextMenu_2 { color:#DCE6F5;border-width:0px;border-style:None;font-family:Verdana;font-size:11px;font-weight:bold; }
.nextMenu_3 { }
.nextMenu_4 { width:129px;padding:3px 0px 3px 0px; }
.nextMenu_5 { background-color:#006699; }
.nextMenu_6 { }
.nextMenu_7 { width:129px;padding:3px 0px 3px 0px; }
.nextMenu_8 { background-color:#006699; }
.nextMenu_9 { color:#DCE6F5;font-weight:bold; }
.nextMenu_10 { background-color:#006699;border-width:0px;border-style:None; }
.nextMenu_11 { color:#006699;font-weight:normal; }
.nextMenu_12 { background-color:#DCE6F5; }
.nextMenu_13 { color:#006699; }
.nextMenu_14 { background-color:#DCE6F5; }
.nextMenu_15 { color:#006699; }
.nextMenu_16 { background-color:#DCE6F5; }
.nextMenu_17 { color:#006699; }
.nextMenu_18 { background-color:#DCE6F5; }
.nextMenu_19 { color:#DCE6F5; }
.nextMenu_20 { background-color:#006699; }
.nextMenu_21 { color:#006699; }
.nextMenu_22 { color:#006699;background-color:#DCE6F5; }
.nextMenu_23 { color:#006699; }
.nextMenu_24 { color:#006699;background-color:#DCE6F5; }
</style></head>
<body style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">
<form name="form1" method="post" action="default.aspx" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUIODQxMDg1NTIPZBYCAgMPZBYCAgEPPCsADQIADxYCHgtfIURhdGFCb3VuZGdkDBQrAAMFBzA6MCwwOjEUKwACFgYeC05hdmlnYXRlVXJsBQ8vTmV4dFN0YXJ0LmFzcHgeBFRleHQFDk5leHRJbm5vdmF0aW9uHhFTZXBhcmF0b3JJbWFnZVVybAUwdXBsb2FkXE5leHRHcmFwaGljc1xMYXlvdXRJbWFnZXNcTWVudURpdmlkZXIuZ2lmFCsAAwUHMDowLDA6MRQrAAIWBB8BBRwvTmV4dFN0YXJ0L05leHRTdGFydFN1Yi5hc3B4HwIFBUZpcm1hZBQrAAIWBB8BBRYvTmV4dFN0YXJ0L1Zpc2lvbi5hc3B4HwIFBlZpc2lvbmQUKwACFgYfAQUOL1Byb2R1Y3RzLmFzcHgfAgUJUHJvZHVrdGVyHwMFMHVwbG9hZFxOZXh0R3JhcGhpY3NcTGF5b3V0SW1hZ2VzXE1lbnVEaXZpZGVyLmdpZhQrAAIFAzA6MBQrAAIWBB8BBRcvUHJvZHVjdHMvRG9jdW1lbnQuYXNweB8CBQhEb2N1bWVudBQrAAIFAzA6MBQrAAIWBB8BBRwvUHJvZHVjdHMvRG9jdW1lbnQvdGVzdC5hc3B4HwIFBHRlc3RkZGRR9epBwMq7MHUqx6+DyjVTM7GogQ==" />
</div>
<script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>
<script src="/WebResource.axd?d=-wL-3GhlHSMQbEZe1SBxVw2&t=632887471771406250" type="text/javascript"></script>
<script src="/WebResource.axd?d=1M0iNdux1LfWz1mitO1UEg2&t=632887471771406250" type="text/javascript"></script>
<div style="WIDTH: 100%; HEIGHT: 100%; TEXT-ALIGN: center">
<table style="WIDTH: 1000px; BORDER-COLLAPSE: collapse; HEIGHT: 609px">
<tbody>
<tr>
<td style="HEIGHT: 19px; text-align:left; background-color:#006699">
<div style="text-align:center; width:100px" >
<a href="#nextMenu_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=bdiZqof_1ChyzxqFTYLFug2&t=632887471771406250" width="0" height="0" style="border-width:0px;" /></a><table id="nextMenu" class="nextMenu_5 nextMenu_2" cellpadding="0" cellspacing="0" border="0">
<tr>
<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="nextMenun0"><table class="nextMenu_4 nextMenu_10" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="nextMenu_1 nextMenu_3 nextMenu_9" href="/NextStart.aspx">NextInnovation</a></td><td style="width:0;"><img src="/WebResource.axd?d=wU06A-iWVwX6mHIu16UOOz3PqBIdqxyIXHfU6euXO_w1&t=632887471771406250" alt="Expand NextInnovation" style="border-style:none;vertical-align:middle;" /></td>
</tr>
</table></td><td><img src="upload\NextGraphics\LayoutImages\MenuDivider.gif" alt="" /></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="nextMenun1"><table class="nextMenu_4 nextMenu_10" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="nextMenu_1 nextMenu_3 nextMenu_9" href="/Products.aspx">Produkter</a></td><td style="width:0;"><img src="/WebResource.axd?d=wU06A-iWVwX6mHIu16UOOz3PqBIdqxyIXHfU6euXO_w1&t=632887471771406250" alt="Expand Produkter" style="border-style:none;vertical-align:middle;" /></td>
</tr>
</table></td><td><img src="upload\NextGraphics\LayoutImages\MenuDivider.gif" alt="" /></td>
</tr>
</table><div id="nextMenun0Items" class="nextMenu_0 nextMenu_8">
<table border="0" cellpadding="0" cellspacing="0">
<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="nextMenun2">
<td><table class="nextMenu_7 nextMenu_12" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;width:100%;"><a class="nextMenu_1 nextMenu_6 nextMenu_11" href="/NextStart/NextStartSub.aspx">Firma</a></td>
</tr>
</table></td>
</tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="nextMenun3">
<td><table class="nextMenu_7 nextMenu_12" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;width:100%;"><a class="nextMenu_1 nextMenu_6 nextMenu_11" href="/NextStart/Vision.aspx">Vision</a></td>
</tr>
</table></td>
</tr>
</table><div class="nextMenu_7 nextMenu_12 nextMenu_0" id="nextMenun0ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
<img src="/WebResource.axd?d=Q90HAU45DXHmEypbv6pT-mcCoLx24JnO2LUxIUjfXcA1&t=632887471771406250" alt="Scroll up" />
</div><div class="nextMenu_7 nextMenu_12 nextMenu_0" id="nextMenun0ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
<img src="/WebResource.axd?d=CAm-xMiDP5hOqPLnTrhg7E7i79hJU6W2LonrPgld3Cs1&t=632887471771406250" alt="Scroll down" />
</div>
</div><div id="nextMenun1Items" class="nextMenu_0 nextMenu_8">
<table border="0" cellpadding="0" cellspacing="0">
<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="nextMenun4">
<td><table class="nextMenu_7 nextMenu_12" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;width:100%;"><a class="nextMenu_1 nextMenu_6 nextMenu_11" href="/Products/Document.aspx">Document</a></td><td style="width:0;"><img src="/WebResource.axd?d=wU06A-iWVwX6mHIu16UOOz3PqBIdqxyIXHfU6euXO_w1&t=632887471771406250" alt="Expand Document" style="border-style:none;vertical-align:middle;" /></td>
</tr>
</table></td>
</tr>
</table><div class="nextMenu_7 nextMenu_12 nextMenu_0" id="nextMenun1ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
<img src="/WebResource.axd?d=Q90HAU45DXHmEypbv6pT-mcCoLx24JnO2LUxIUjfXcA1&t=632887471771406250" alt="Scroll up" />
</div><div class="nextMenu_7 nextMenu_12 nextMenu_0" id="nextMenun1ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
<img src="/WebResource.axd?d=CAm-xMiDP5hOqPLnTrhg7E7i79hJU6W2LonrPgld3Cs1&t=632887471771406250" alt="Scroll down" />
</div>
</div><div id="nextMenun4Items" class="nextMenu_0 nextMenu_8">
<table border="0" cellpadding="0" cellspacing="0">
<tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="nextMenun5">
<td><table class="nextMenu_7" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;width:100%;"><a class="nextMenu_1 nextMenu_6" href="/Products/Document/test.aspx">test</a></td>
</tr>
</table></td>
</tr>
</table><div class="nextMenu_7 nextMenu_0" id="nextMenun4ItemsUp" onmouseover="PopOut_Up(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
<img src="/WebResource.axd?d=Q90HAU45DXHmEypbv6pT-mcCoLx24JnO2LUxIUjfXcA1&t=632887471771406250" alt="Scroll up" />
</div><div class="nextMenu_7 nextMenu_0" id="nextMenun4ItemsDn" onmouseover="PopOut_Down(this)" onmouseout="PopOut_Stop(this)" style="text-align:center;">
<img src="/WebResource.axd?d=CAm-xMiDP5hOqPLnTrhg7E7i79hJU6W2LonrPgld3Cs1&t=632887471771406250" alt="Scroll down" />
</div>
</div><a id="nextMenu_SkipLink"></a>
</div>
</td>
</tr>
<tr>
<td style="HEIGHT: 573px">
</td>
</tr>
<tr>
<td style="HEIGHT: 17px; BACKGROUND-COLOR: #006699">
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
<!--
var nextMenu_Data = new Object();
nextMenu_Data.disappearAfter = 500;
nextMenu_Data.horizontalOffset = 0;
nextMenu_Data.verticalOffset = 0;
nextMenu_Data.hoverClass = 'nextMenu_24';
nextMenu_Data.hoverHyperLinkClass = 'nextMenu_23';
nextMenu_Data.staticHoverClass = 'nextMenu_22';
nextMenu_Data.staticHoverHyperLinkClass = 'nextMenu_21';
// -->
</script>
</form>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
