Untermenüs anlegen

Tim.Bonsels · 23. Februar 2011

Hallo,

ich habe meine Homepage nun geschrieben. Bin mit dem Ergebnis auch sehr zufrieden aber ich würde gerne noch wenn man auf ein Thema klickt das sich dann in der Navigationsleiste dann 2 weitere Unterthemen öffnen. Ich habe schon alles mögliche ausprobiert bekomme es aber einfach nicht hin. Kann mir jemand sagen wie ich dies anstellen muss? So sieht es bisher aus:

Code

<head>
 <title> Startseite von Tim-Bonsels.de </title>
</head>




<body>




<img src="E:\initialien.png" border="0" width="130" height="80"/><font size=10>&emsp;&ensp;Meine Page</font>




<div style="width: 1000px; height: 300px; border-top: solid 2px #c0c0c0;
 float: left">




<style type="text/css"> 
 #navi {  
 background-color:silver;   
 float:left;
 </style>  
<div id="navi">   
  <ul>
    <li><a href="Startseite.htm">Wilkommen</a></li>
    <li><a href="hobbies.htm">Meine Hobbies</a></li>
    <li><a href="Steckbrief.htm">Steckbrief</a></li>
  </ul> 
</div>




<div style="width: 50px; height: 300px; border-left: solid 2px #c0c0c0;
 float: left"></div>







<div id="inhalt">  
<h1>Willkommen</h1>
<p><span mce_style="font-size: larger"><b>Ihr seid hier auf der Seite von Tim Bonsels gelandet.</b></span></p>
<p><span mce_style="font-size: larger"><b>Ich wünsche Euch viel Spaß auf meiner Homepage. Wenn ihr schon hier seid, dann schreibt doch etwas ins Gästebuch, welches noch im Bau ist ; ). Ich hoffe, dass Euch meine Hp gefällt.</b></span><b><br />
</b></p>
<p><span mce_style="font-size: larger"><b>Sie ist momentan noch im Ausbau. Ich wünsche trotzdem viel Spaß beim Durchstöbern meiner Hp. </b></span></p> 




</body>




</html>

Alles anzeigen

Ich möchte das sich bei "Meine Hobbies" 2 Unterthemen in der Navigationsleiste öffnen einmal Fotografie und Modellbau. Wie muss ich das anstellen?

Gruß Tim

CyberGirl · 23. Februar 2011

Hallo Tim,

solche Menüs legt man in der Regel mit verschachtelten Listen an. Wie es genau geht kannst Du hier sehen:
http://www.ohne-css.gehts-gar.net/0067.php

LG

Tim.Bonsels · 23. Februar 2011

Hallo,

ich habe es nun so gemacht:

Code

<style type="text/css"> 
 #navi {  
 background-color:silver;   
 float:left;
 </style>  
<div id="navi">   
  <ul>
    <li><a href="Startseite.htm">Wilkommen</a></li>
        <li>Hobbies
        <ul>
            <li><a href="#"> Modellbau</a></li>
        </ul>  
    </li>      
    <li><a href="Steckbrief.htm">Steckbrief</a></li>
    <li><a href="Baubericht.htm">Bauberichte</a></li>
  </ul> 
</div>

Alles anzeigen

Es funktioniert aber nicht was habe ich falsch gemacht?

Gruß Tim

CyberGirl · 23. Februar 2011

Hallo Tim,

soweit passt es - zumindest vom HTML her. Jetzt mußt Du noch das CSS dazu erstellen.

LG

Tim.Bonsels · 23. Februar 2011

Hallo,

was muss ich denn da noch einfügen?

Gruß Tim

Sarkkan · 23. Februar 2011

Öhm.. hast du dir die Seite, die Cyber gesendet hat den mal angesehen?

Naja.. hier in dem Forum gab es vor kurzem schon mal ein ähnliches Thema, welches du hier findest. Ansonsten kannst du dir auch mal den Code von meiner Beispielseite ansehen
Versuch einfach mal daraus für dich heraus zu bekommen, womit du es am besten hin bekommst, dass sollte dir eigentlich die besten Lern Erfolge bescheren

Tim.Bonsels · 24. Februar 2011

Hallo,

ja habe ich ich verstehe aber nicht wie ich das CSS da einbauen muss.

Gruß Tim

Sören · 24. Februar 2011

Dann arbeite erstmal den CSS-Teil vom HTML-Seminar durch

Truck007 · 24. Februar 2011

benötigt mann da nicht PHP?
mit ner if bedingung:
wenn du das angeklikt hast ofnet sich noch dazu das neue unterverzeichniss:

PHP

<ul>
    <li><a href="Startseite.htm">Wilkommen</a></li>
        <li><a href=".../index.php?id=1">Hobbies<a/>
<?php
$id = $_Get['id'];




if($id == 1)
{
?>




    <ul>
            <li><a href="#"> Modellbau</a></li>
        </ul>  
    </li>      
    <li><a href="Steckbrief.htm">Steckbrief</a></li>
    <li><a href="Baubericht.htm">Bauberichte</a></li>







<?php
}




?>
      </ul>

Alles anzeigen

oder so was ähnliches

Sarkkan · 24. Februar 2011

Nein, dass benötigt er hier nicht
Er will denke ich seine Seite Statisch haben^^ Er will wirklich einfach nur diese Unterpunkte Manuell schaffen

Tim.Bonsels · 25. Februar 2011

Hallo,

jetzt verstehe ich es gar nicht mehr. Ich will einfach nur das sich beim ancklicken von einem Menü Punkt 2 weitere Menü Punkte öffnen.

Gruß Tim

Sarkkan · 25. Februar 2011

Soll das beim neuladen der Seite passieren, oder beim anklicken?
Das ist entscheidend, ob das nun per normal HTML, oder JavaScript passieren soll^^

Aber egal wie es passieren soll:
Du musst dich mit HTML und CSS mindestens gut auskennen!

Tim.Bonsels · 25. Februar 2011

Hallo,

Die Seite kann neu laden. Das ist egal. Mit Html kenne ich mich ja aus nur nicht mit CSS. Muss ich dann noch einmal in ruhe den CSS Kurs durchlesen.

Gruß Tim

Truck007 · 26. Februar 2011

eigentlich brauchst du nur den Grundaufbau wissen (von Css) aber wenn de den dann kannst (is nicht viel ) würde ich dir empfehlen auch die paar cods noch anzuschauen .
wiegesagt is nicht viel Arbeit

also so wolltest du es nicht:

Code

<ul>
  <li>Suchmaschinen
    <ul>
      <li>Google</li>
      <li>AltaVista</li>
      <li>Fireball</li>
    </ul>
  </li>
  <li>Verzeichnisse
    <ul>
      <li>Yahoo</li>
      <li>Web.de</li>
      <li>Dino-Online</li>
    </ul>
  </li>
  <li>Was anderes</li>
  <li>Noch was anderes</li>
</ul>

Alles anzeigen

Untermenüs anlegen

Jetzt mitmachen!

Teilen