Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.09.2009 um 19:02 (UTC)    
Titel: Allgemein: Eine waagerechte Navigation?



wie soll sowas gehen? oder gibts da ein code dafür?


Zuletzt bearbeitet von habbogedaechtnis am 12.09.2009, 21:16, insgesamt 2-mal bearbeitet
Beitrag11.09.2009 um 19:44 (UTC)    
Titel:

Das ist ein sogenanntes Coomenü (bei mir zurzeit nicht)
das ist meist im Design drinne anstatt der normalen Navigation müsstest du dir also coden bzw. coden lassen.

Gibt glaube auch ein Code um das teil so einzufügen.
Beitrag12.09.2009 um 16:30 (UTC)    
Titel: Hallo

Ich weißt wie das geht!!!
Code:


<style type="text/css" media="screen">

 
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 10;
top: 323px;
left: 50%;
margin-left:-450px;
width: 100%;
}

.menu li
{
width: 150px;
float: left;
}

.menu a
{
border: 0px solid #F2F2F2;
background-color:#000C32;
background-image: url(Hier Button URL);
padding-top: 11px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 27px;
color: #185100;
}

.menu a:hover
{
background-color: #000000;
background-image: url(Hier Hover Button URL);
}

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

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//--> </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 onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" href="javascript:void(0);">TITEL Navi-Button 1</a>
<ul id="smenu1" onmouseout="cache('smenu1');" onmouseover="montre('smenu1');">
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  1</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  2</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);">TITEL NAVI-Button 2</a>
<ul id="smenu2" onmouseout="cache('smenu2');" onmouseover="montre('smenu2');">
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  1</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  2</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">TITEL NAVI-BUTTON 3</a>
<ul id="smenu3" onmouseout="cache('smenu3');" onmouseover="montre('smenu3');">
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  1</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  2</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  3</a></li>
</ul>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);">TITEL NAVI-BUTTON 4</a>
<ul id="smenu4" onmouseout="cache('smenu4');" onmouseover="montre('smenu4');">
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  1</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  2</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);">TITEL NAVI-Button 5</a>
<ul id="smenu5" onmouseout="cache('smenu5');" onmouseover="montre('smenu5');">
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  1</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  2</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  3</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" href="javascript:void(0);">TITEL NAVI-BUTTON 6</a>
<ul id="smenu6" onmouseout="cache('smenu6');" onmouseover="montre('smenu6');">
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  1</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  2</a></li>
    <li><a target="_self" href="Deine Seiten URL"> Seiten-Titel  3</a></li>
</ul>
</li>
</div>
[/u]
Beitrag12.09.2009 um 17:17 (UTC)    
Titel:

Danke für die Hilfe^^

Damit sollte ja alles klar sein oder Question
______________

Du willst auf die Seite von Dj Lesco? Klick hier!
Beitrag12.09.2009 um 20:17 (UTC)    
Titel:

Hi,
hier ist nochmal ein Thread, wo alles beschrieben ist:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593

So musst du zum Beispiel das Menü auch an die passende Stelle positionieren Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag12.09.2009 um 20:23 (UTC)    
Titel: ...

Falls du es auch so haben willst mit 2 Navigationen eine "links" und eine "oben" findest du hier die Beschreibung dazu:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=100354

Dafür benötigst du aber CSS Kentnisse.

lG. Patrick
Beitrag14.09.2009 um 17:03 (UTC)    
Titel:

und für welchen desing ist das gedacht mit der höhe weil habe beige design und dort ist es so weit unten
Beitrag14.09.2009 um 17:52 (UTC)    
Titel:

Für keins,
musst du selber einstellen Wink

Mit diesem Teil des Codes :
Zitat:
list-style-type: none;
padding: 0px;
margin: 0px;
}


div.menu
{
position: absolute;
z-index: 10;
top: 323px;
left: 50%;
margin-left:-450px;
width: 100%;
}


.menu li
{
wid


Zuletzt bearbeitet von homepage-vergleich am 14.09.2009, 18:53, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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