Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.03.2011 um 21:59 (UTC)    
Titel: cool menü positionieren!!!

hallo zusammen,

wie bekomme ich mein cool menü auf höhe des content kopfes???

hier mein code...was muss ich ändern?

p.s. diese seite ist zur zeit noch eine testseite!!!

Code:
<style type="text/css">
<!--

table.edit_main_table{width: 100% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
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: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}


td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}
td.edit_content{background-image:url(http://img.webme.com/pic/t/tsvschackensleben-fussball/gelb03.jpg);background-color:#c0c0c0;border: 1px solid #c0c0c0;}

td.nav:hover{background-image: url(http://666kb.com/i/br81oxlf1ulyl7jus.png
);background-color:#XXXXXX;width:
185px;height: 27px;border: 1px solid #969696;}

td.nav{background-image: url(http://img.webme.com/pic/d/designcodes/buttonblau1.png);background-color:#XXXXXX;width:
185px;height: 27px;border: 1px solid #969696;}

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/t/tsvschackensleben-fussball/bg_35.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:#ffff3b;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();background-color:#XXXXXX;border: 0px solid #ffffff;}

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: 12px;color: #ffff3b;padding-left:26px;text-align: left;}
td.nav a{font-family: tahoma;font-size: 12px;color: #ffff3b;text-decoration: none}
td.sidebar_heading{font-family: tahoma;font-size: 12px;color: #ffff3b; text-align: center;}

td.edit_content_main div{overflow: hidden!important;}


td.edit_header_full{background-image:url(http://img.webme.com/pic/t/tsvschackensleben-fussball/gelb01_header.jpg);background-color:#XXXXXX;width:
2000; height: 120px;background-repeat: no-repeat;background-position: center top;border: 1px solid #c0c0c0;}

/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
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: 190px;
left: 100px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 120px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000080;
background-image: url(http://img.webme.com/pic/d/designcodes/buttonblau1.png
);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000080; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/d/designcodes/buttonblau1.png
);
color: #ffff3b; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 120px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFF3b; }
//-->
</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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://tsvschackensleben.de.tl/test1.htm">test</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>
</div></style>
[/quote]
Beitrag04.03.2011 um 01:16 (UTC)    
Titel:

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 190px;
left: 100px;
width:850px; }



das ist ein auszug aus deinem quelltext .....da steht es deutlich wo du die werte einstellen musst zum anpassen ....musst ein wenig experimentieren ....um die genaue position zu finden
______________
MfG Grit

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de