Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.05.2009 um 13:06 (UTC)    
Titel: Zusätzliche Buttons!!

hallo ich habe die linke navigation durch ein coolmenü oben ersetzt
nur will ich jetzt genau unterm ersten button vom coolmenü weitere buttons
nach unten fortsetzen natürlich die selben button
http://access2world.de.tl/home.htm
und noch was, wie man sieht geht der hintergrund oben bei der werbung vorbei!! ich hätte das gern dass es schwarz angeglichen ist
hab das schon probiert in dem ich eine schwarze leiste auf den hintergrund platziert habe aber wenn man runter scrollt wandert die mit nach unten!!!
hätte mir gedacht das per scrollbalken zu lösen sprich das die buttons fix bleiben und der mittlenteil scrollbar sind wi8e mach ich das???
Code:
<style type="text/css">
<!--
div.header{position:absolute;left:50%;top:30px;margin-left:-510px;}
-->
</style>

<div class="header">
<img height="110" width="1020" src="http://img.webme.com/pic/a/access2world/bannercolour6.jpg" alt="" />
</div>
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: "=30px;
overflow: auto;
padding: 5px;
margin: 5px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 5px;padding-top: 6px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-440px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 108px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/a/access2world/schwarzerbuttonneu.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #00CCFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/a/access2world/bluedown.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #00CCFF;
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8
{
font-size: 11px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #00CCFF;
}
//-->

</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://access2world.de.tl/home.htm">HOME</a> </li>
</ul>
</li>

<li><a href="http://access2world.de.tl/login.htm">LOGIN</a> </li>
</ul>
</li>

<li><a href="http://access2world.de.tl/iphone 3g.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">iPhone 3G</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://access2world.de.tl/Software%20Tut.htm">Software Tut</a></li>
<li><a href="http://access2world.de.tl/Hardware%20Tut.htm">Hardware Tut</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"></a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt1.1.htm"></a></li>
<li><a href="http://Menupunkt1.2.htm"></a></li>
<li><a href="http://Menupunkt1.3.htm"></a></li>
</ul>
</li>

</ul>
</li>

<li><a href="http://access2world.de.tl/Anmeldung.htm">Anmeldung</a></li>
</ul>
</li>

<li><a href="http://access2world.de.tl/Umfrage.htm">Umfrage</a></li>
</ul>
</li>

<li><a href="http://www.onlinewebservice6.de/gastbuch.php?id=147110">Gästebuch</a> </li>
</ul>
</li>

<li><a href="http://access2world.de.tl/Kontakt.htm">Kontakt</a></li>
</ul>
</li>

<style>
td.nav{visibility:hidden;}
<style type="text/css">
<!--
<style type="text/css">
<!--
td{color:#ffffff;}
a{color:#ffffff;font-size:10px;}
a:visited{font-size:11px;}
a:hover{font-size:13px;}
body{background-attachment:fixed;background-image:url(http://img.webme.com/pic/a/access2world/hintergrund.jpg);}
td.nav{background-image:url();}
td.nav:hover{background-image:url();}
td.nav_heading{background-image:url();}
td.nav a{color:#FFFFFF;}
td.edit_below_nav{visibility:hidden;}
td.edit_header_full{background-image:url();}
td.headline2{background-image:url();}
td.headline{background-image:url();}
td.edit_content{background-image:url();}
div{color:#FFFFFF;width:100%;}
td.edit_content_top{background-image:url();}
td.edit_content_bottom{background-image:url();}
td.edit_content_bottom2{background-image:url();}
td.edit_rechts_sbg{background-image:url();}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_cbg{background-image:url();}
td.edit_rb_footer{background-image:url();}
td.shouty{background-image:url();background-color:transparent;}
td.shouty2{background-image:url();background-color:transparent;}
td.shouty3{background-image:url();background-color:transparent;}
td.shouty4{background-image:url();background-color:transparent;}
td.shouty5{background-image:url();background-color:transparent;}
td.edit_rechts_bottom{background-image:url();}
td.sidebar_heading{background-image:url();}
-->
</style>
<style type="text/css">

<!--

table.edit_main_table{width: 100% !important;}

td.edit_main_tr{width: 0% !important;}

table.edit_second_table{width: 0% !important;}

td.edit_header_full{width: 0% !important;background-position:center;background-repeat:no-repeat; }

td.edit_header_full table{width: 0% !important;}

table.edit_third_table{width: 0% !important;}

td.edit_navi_headbg{width: 0% !important;}

table.edit_rechts_tabelle{width: 0% !important;}

td.edit_rechts_bottom{width: 0% !important;}

td.edit_rechts_cbg{width:0%;}

-->

</style>


Mfg


Zuletzt bearbeitet von access2world am 22.05.2009, 17:12, insgesamt 3-mal bearbeitet
Beitrag23.05.2009 um 12:30 (UTC)    
Titel:

habe die buttons jetzt links hinzufügen können aber jetzt kann ich
im mittleren bereich nichts mehr anklicken alles was auf höhe der buttons ist ist nicht anklickbar
hier das menü
Code:

<div class="menu">
<li><a href="http://access2world.de.tl/home.htm" onmouseover="montre('smenu');" onmouseout="montre('smenu');">HOME</a>
<ul id="smenu" onmouseover="montre('smenu');" onmouseout="montre('smenu');">
<li><a href="http://access2world.de.tl/login.htm">LOGIN</a></li>
<li><a href="http://access2world.de.tl/Anmeldung.htm">Anmeldung</a></li>
<li><a href="http://access2world.de.tl/Umfrage.htm">Umfrage</a></li>
<li><a href="http://www.onlinewebservice6.de/gastbuch.php?id=147110">Gästebuch</a></li>
<li><a href="http://access2world.de.tl/Kontakt.htm">Kontakt</a></li>
</ul>
</li>
<li><a href="http://access2world.de.tl/iphone 3g.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">iPhone 3G</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://access2world.de.tl/Software%20Tut.htm">Software Tut</a></li>
<li><a href="http://access2world.de.tl/Hardware%20Tut.htm">Hardware Tut</a></li>
</ul>
</li>
<li><a href="LINK der seite" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Button</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="LINK der seite"></a></li>
<li><a href="LINK der seite"></a></li>
</ul>
</li>
<li><a href="LINK der seite" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Button</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="LINK der seite"></a></li>
<li><a href="LINK der seite"></a></li>
</ul>
</li>
<li><a href="LINK der seite" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Button</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="LINK der seite"></a></li>
<li><a href="LINK der seite"></a></li>
</ul>
</li>
<li><a href="LINK der seite" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Button</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="LINK der seite"></a></li>
<li><a href="LINK der seite"></a></li>
</ul>
</li>
<li><a href="LINK der seite" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Button</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="LINK der seite"></a></li>
<li><a href="LINK der seite"></a></li>
</ul>
</li>
<li><a href="javascript:history.go(0)" onmouseover="montre('smenu');" onmouseout="montre('smenu');">Aktualisieren</a>
<ul id="smenu" onmouseover="montre('smenu');" onmouseout="montre('smenu');">
<li><a href="">Besucher</a></li>
</ul>
</li>
<style type="text/css">
<!--

oder welche andere möglichkeit gibts noch die senkrechten buttons hinzuzufügen??
Beiträge der letzten Zeit anzeigen:   


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