Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.09.2007 um 20:39 (UTC)    
Titel: Navigationsleisten

Hi,
ich habe mittlerweile ein paar Grundkenntnisse von html und möchte nun mein nächstes Projekt in Angriff nehmen.

Folgende frage:

Kann mir jemand erklären oder eine Anleitung schicken wie man eine Navigation mit html macht?

ich will nämlich zwei Navigationsleisten.
Eine horizontal mit Hauptthemen und eine vertikal mit Unterthemen.

Wäre super wenn ihr mir die nötiegn Begriffe was ich dazu können muss nennt und vielleicht ein how to. Damit ich meine zwei Navigationsleisten machen kann Smile

danke euch,
Grüsse
Beitrag01.09.2007 um 21:59 (UTC)    
Titel:

Hi,

Das geht beim Baukasten nicht Wink

mfg
Sebastian
______________
mfG Sebastian Brandt
[img:36036408c3]http://sebastian-brandt.de.tl/sig.png[/img:36036408c3]
Winteraward für das 1. Quartal 2008! => Jetzt teilnehmen!
Beitrag01.09.2007 um 22:07 (UTC)    
Titel:

Hi,
ich habe mich nun mit der Materie etwas vertraut gemacht und komme nun zu neuen Fragen, bei denen ich eure Hilfe bräuchte Embarassed

geldverdienen000 hat Folgendes geschrieben:
Hi,
Das geht beim Baukasten nicht Wink
mfg
Sebastian


html ist doch im Baukasten erlaubt. Weshalb sollte das nicht gehen?

Ich will wie gesagt zwei Navigationsleisten. Eine horizontale zentrierte mit Hauptthemen und eine vertikale linksbündige mit Unterthemen. Die Navigationsleisten als einzelne stehen und funktionieren, aber ich bekomme sie nicht zusammen hin (also beide Leisten in einem html Dokument), denn dann verwandelt sich die horizontale in eine zweite vertikale ohne das ich das will Sad

Ich gebe euch mal den Code deer einzelnen funktionierenden navis und den code der fertigen nicht funktionierenden navi.

Code:
<!--Die horizontale Navigationsleiste-->

<div align="center"><style type="text/css">
#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}</style>

<div id="navcontainer">
<ul id="navlist">
   <li><a href="url_Home" title="Home">Home</a></li>
   <li><a href="url_Kyokushinkai" title="Kyokushinkai">Kyokushinkai</a></li>
   <li><a href="url_Sapere-Aude" title="Sapere Aude">Sapere Aude</a></li>

   <li><a href="url_Privat" title="Privat">Privat</a></li>
   <li><a href="url_Impressum" title="Impressum">Impressum</a></li>
</ul>
</div></div>
</div>


Code:
<!--Die vertikale Navigationsleiste-->

<br><br><br>
<div align="left"><style type="text/css">
#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}</style>

<div id="navcontainer">
<ul id="navlist">
   <li><a href="url_Menüpunkt1" title="Title_Menüpunkt1">Text_Menüpunkt1</a></li>
   <li><a href="url_Menüpunkt2" title="Title_Menüpunkt2">Text_Menüpunkt2</a></li>
   <li><a href="url_Menüpunkt3" title="Title_Menüpunkt3">Text_Menüpunkt3</a></li>

   <li><a href="url_Menüpunkt4" title="Title_Menüpunkt4">Text_Menüpunkt4</a></li>
   <li><a href="url_Menüpunkt5" title="Title_Menüpunkt5">Text_Menüpunkt5</a></li>
   <li><a href="url_Menüpunkt6" title="Title_Menüpunkt6">Text_Menüpunkt6</a></li>
   <li><a href="url_Menüpunkt7" title="Title_Menüpunkt7">Text_Menüpunkt7</a></li>
</ul>
</div></div>

</div>


Code:
<!--Der gesamte Navigationsblock:-->

<!--Die horizontale Navigationsleiste-->

<div align="center"><style type="text/css">
#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}</style>

<div id="navcontainer">
<ul id="navlist">
   <li><a href="url_Home" title="Home">Home</a></li>
   <li><a href="url_Kyokushinkai" title="Kyokushinkai">Kyokushinkai</a></li>
   <li><a href="url_Sapere-Aude" title="Sapere Aude">Sapere Aude</a></li>

   <li><a href="url_Privat" title="Privat">Privat</a></li>
   <li><a href="url_Impressum" title="Impressum">Impressum</a></li>
</ul>
</div></div>
</div>


<!--Die vertikale Navigationsleiste-->

<br><br><br>
<div align="left"><style type="text/css">
#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}</style>

<div id="navcontainer">
<ul id="navlist">
   <li><a href="url_Menüpunkt1" title="Title_Menüpunkt1">Text_Menüpunkt1</a></li>
   <li><a href="url_Menüpunkt2" title="Title_Menüpunkt2">Text_Menüpunkt2</a></li>
   <li><a href="url_Menüpunkt3" title="Title_Menüpunkt3">Text_Menüpunkt3</a></li>

   <li><a href="url_Menüpunkt4" title="Title_Menüpunkt4">Text_Menüpunkt4</a></li>
   <li><a href="url_Menüpunkt5" title="Title_Menüpunkt5">Text_Menüpunkt5</a></li>
   <li><a href="url_Menüpunkt6" title="Title_Menüpunkt6">Text_Menüpunkt6</a></li>
   <li><a href="url_Menüpunkt7" title="Title_Menüpunkt7">Text_Menüpunkt7</a></li>
</ul>
</div></div>

</div>


danke euch,
greetz,


Zuletzt bearbeitet von fasuhzelkam am 01.09.2007, 23:09, insgesamt einmal bearbeitet
Beitrag01.09.2007 um 22:13 (UTC)    
Titel:

nunja, es geht beim CSS Design Wink
______________
mfG Sebastian Brandt
[img:36036408c3]http://sebastian-brandt.de.tl/sig.png[/img:36036408c3]
Winteraward für das 1. Quartal 2008! => Jetzt teilnehmen!
Beitrag01.09.2007 um 22:18 (UTC)    
Titel:

Es geht bei jedem Design, du brauchst nur die entsprechenden Kenntnisse dazu Wink
______________
LG André

GMMTS.de
Beitrag01.09.2007 um 22:27 (UTC)    
Titel:

oh, jetzt kommts aber Very Happy
Schließ los andybabe Wink
______________
mfG Sebastian Brandt
[img:36036408c3]http://sebastian-brandt.de.tl/sig.png[/img:36036408c3]
Winteraward für das 1. Quartal 2008! => Jetzt teilnehmen!
Beiträge der letzten Zeit anzeigen:   


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