Autor
Nachricht
choose-snails
18.06.2009 um 11:20 (UTC) Titel: Cool Menü
Hallo,
Ich habe mir ein COolmenü gemacht aber es ist
falsch positioniert.Kann mir einer helfen?
Es sollte unter dem Header auf der grauen Zeile in einer Reihe sein
ohne das das Link Us dadrunter ist.
http://www.choose-snails.de.tl/Home.htm
Hier der Code:
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Arial
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:960px;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/d/designerbank/button_modern.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000;
}
.menu a:hover
{
background-color: #000000;
background-image: url(http://img.webme.com/pic/d/designerbank/buttonhover_modern.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<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>
<div class="menu">
<li><a href="Home.htm"> Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="Anmeldung.htm"> Anmeldung</a>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="Angebote.htm"> Angebote</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
</ul>
</li>
<li><a href="Gesuche.htm"> Gesuche</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="Haltung-s-Pflege.htm"> Haltung/Pflege</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
</ul>
</li>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="Link-US.htm"> Link US</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
</ul>
</li>
</div>
lg
Zuletzt bearbeitet von choose-snails am 18.06.2009, 13:12, insgesamt 2-mal bearbeitet
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
18.06.2009 um 12:12 (UTC) Titel:
Ich habe dir mal was im Code makiert.
Beim
roten musst du den Wert in
960 Pixel ändern.
Anschließend kannst du dann beim
blauen die Position des Menüs ändern,
dazu musst du einfach die Werte ändern.
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
choose-snails
18.06.2009 um 12:55 (UTC) Titel:
Irgendwie ist es bei mir immer noch so komisch,
also die Position,bekomme es einfach nicht hin.
↑
choose-snails
18.06.2009 um 17:43 (UTC) Titel:
Könnte ich die linke Navi entfernen und dafür den Content
und die Sidebar etwas verbreitern?
lg
↑
choose-snails
19.06.2009 um 09:20 (UTC) Titel:
Habe mittlerweile die linke Navi entfernen können
aber wie bekomme ich den Conten und die Sidebar etwas größer und
weiter nach links wo sonst die Navi war????
Zudem würde ich gerne wissen wie ich das COolmenü auf die Größe
des HEader bekomme?
Dringend!!!!!!!!!!!
lg
↑
ig444
Wohnort: Rüthen
19.06.2009 um 10:26 (UTC) Titel:
Das ist leider kaum möglich im Design IceBlue. Da du aber ein Design von mir benutzt, könnte ich es auf das CSS-Design umcoden, damit es einwandfrei funktioniert.
Mfg ______________ THE JOY OF NOT BEING SOLD ANYTHING
↑
choose-snails
19.06.2009 um 10:50 (UTC) Titel:
Hast Pn..
↑
choose-snails
26.06.2009 um 18:16 (UTC) Titel:
Habe da ein Cool Menü PRoblem; unswar habe ich die Titerl Angebote Und Gesuche richtig eingefügt aber auf meiner Website steht dort immer 404 Error wenn ich die anklicke!
Hier der Code:
Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 242px;
left: 50%;
margin-left:-505px;
width:960px;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://i198.photobucket.com/albums/aa312/radon66/BUTTON/Button70.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000;
}
.menu a:hover
{
background-color: #000000;
background-image: url(http://i198.photobucket.com/albums/aa312/radon66/BUTTON/Button69.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<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>
<div class="menu">
<li><a href="Home.htm"> Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="Anmeldung.htm"> Anmeldung</a>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="Angebote.htm"> Angebote</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
</ul>
</li>
<li><a href="Gesuche.htm"> Gesuche</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="Haltung-s-Pflege.htm"> Haltung/Pflege</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
</ul>
</li>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="Link-US.htm"> Link US</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
</ul>
</li>
</div>
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
26.06.2009 um 19:50 (UTC) Titel:
↑
choose-snails
27.06.2009 um 08:33 (UTC) Titel:
Uuuüps die habe ich ja ausvershen versteckt
↑
choose-snails
27.06.2009 um 11:43 (UTC) Titel:
Zitat: <style type="text/css" media="screen">
<!--
body
{
font-family: Arial
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 242px;
left: 50%;
margin-left:-505px;
width:960px;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://i198.photobucket.com/albums/aa312/radon66/BUTTON/Button70.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000;
}
.menu a:hover
{
background-color: #000000;
background-image: url(http://i198.photobucket.com/albums/aa312/radon66/BUTTON/Button69.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<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>
<div class="menu">
<li><a href="Home.htm"> Home</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="Anmeldung.htm"> Anmeldung</a>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="Angebote.htm"> Angebote</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
</ul>
</li>
<li><a href="Weinbergschnecke.htm"> Weinbergschnecke</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="Schnirkelschnecke.htm">Schnirkelschnecke</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
</ul>
</li>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="Link-US.htm"> Link US</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
</ul>
</li>
</div>
Zuletzt bearbeitet von choose-snails am 27.06.2009, 12:44, insgesamt einmal bearbeitet
↑
choose-snails
27.06.2009 um 17:59 (UTC) Titel:
Niemand
↑