Okay....unten mein Code....
Wie gesagt, es wäre super schön, wenn die Breite der Navi genauso breit ist wie der linke Button des Cool-Menues und die rechte Box genauso breit wie der letzte Button des Coolmenue. So das es optisch genau in einer Flucht verläuft.
Der Content müsste dann natürlich dementsprechend verbreitert werden. Wäre wirklich super wenn Du das hinbekommen könntest.
Im Voraus auf jeden Fall schon mal herzlichen Dank für Deine Mühe !!!
Hier mein Code:
<center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}
td.edit_content{background-image:url(http://img.webme.com/pic/d/designcodes/content2.png);background-color:#c0c0c0;border: 1px solid #c0c0c0;}
td.nav:hover{background-image: url(http://s3.directupload.net/images/090809/mq9l7kma.jpg);background-color:#XXXXXX;width:
164px;height: 24px;border: 1px solid #969696;position: absolute;top:350px }
td.nav{background-image: url(http://s3.directupload.net/images/090809/qbxeqs4h.jpg);background-color:#XXXXXX;width:
164px;height: 24px;border: 1px solid #969696;position: absolute;top:350px }
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}
td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
body {background-image:url(http://img.webme.com/pic/d/designcodes/bodygraumarmor.jpg);background-color:#XXXXXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}
td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/d/designcodes/shouty2.png);
background-repeat:repeat;
background-color:#XXXXXX;font-family: tahoma;font-size: 12px;
color:#000000;border: 1px solid #c0c0c0;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}
td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}
td.edit_navi_headbg{background-image: url(http://img.webme.com/pic/d/designcodes/contenttop.png);
width: 15%;background-position:top right;background-repeat:repeat-x;}
td.nav_heading{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}
td.edit_rb_footer{background-image:url();height: 20px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}
td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);height: 24px;background-color:#XXXXXX;border: 1px solid #c0c0c0;}
td.nav_heading{font-family: tahoma;font-size: 11px;color: #000000;padding-left:26px;text-align: left;}
td.nav a{font-family: tahoma;font-size: 11px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: tahoma;font-size: 11px;color: #000000; text-align: center;}
td.edit_content a{
color:#000000;
font-size: 12px;
text-decoration: none;}
td.edit_content a:hover {
color: #ffffff;
font-size: 12px;
text-decoration: none;}
td.edit_header_full{background-image:url(http://s7.directupload.net/images/090807/5lvasqoj.jpg);background-color:#XXXXXX;width:
1000; height: 132px;border: 1px solid #000000;}
-->
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px; }
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 265px;
left: 10px;
width:990px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 164px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 1px solid #000000;
background-color: #000000;
background-image: url(http://s3.directupload.net/images/090809/qbxeqs4h.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 20px;
color: #00CCFF; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://s3.directupload.net/images/090809/mq9l7kma.jpg);
color: #000000; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 160px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>
<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="http://loewentermine.de.tl/Startseite.htm";"javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.2</a></li>
</ul>
</li>
</div>