kostenloser Webspace werbefrei: lima-city

Navigation mit Div-Containern

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   php-test1

   

   php-test1 hat kostenlosen Webspace.

   16:20, 8.7.2012

   Hallo,
   
   Weis von euch jemand wie man eine Navigation mit Div-Containern macht?
   
   Danke für eure Antworten
   
   Beitrag zuletzt geändert: 8.7.2012 16:26:23 von php-test1

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fuhnefreak

   

   fuhnefreak hat kostenlosen Webspace.

   16:25, 8.7.2012

   Schau dir das hier mal an. Das ist zwar etwas lang, aber dafür wird alles ausführlich beschrieben.
   
   Beitrag zuletzt geändert: 8.7.2012 16:26:01 von fuhnefreak

4. p********a

   16:26, 8.7.2012

   <div id="navigation">
       <div class="Menu_Punkt">Home</div>
       <div class="Menu_Punkt">Musik</div>
       <div class="Menu_Punkt">Bilder</div>
       <div class="Menu_Punkt">Lorem</div>
   </div>

   
   
   Das ganze dann noch je nachdem wie du es haben möchtest mit Links ausstatten und das ganze mit CSS zurechtrücken.
   
   Du kannst auf de.selfhtml.org HTML, CSS lernen.

5. daswing

   Moderator

   daswing hat kostenlosen Webspace.

   18:04, 8.7.2012

   Für Navigationen ist es sinnvoler Listen zu verwenden. Sie haben den Vorteil das sie besser zu erweitern sind, eine bessere Menüstrucktur bieten, mit Mutter und Tochter-Elementen:
   

   <ul>
   <li>
   </li>
   <li>
   </li>
   </ul>

   
   
   Es ist einfacher zu handhaben, deshalb rate ich von Menüs mit DIV-Containern ab.
   
   mfg Stephan

6. websiteswebshops

   websiteswebshops hat kostenlosen Webspace.

   11:45, 10.7.2012

   Unter http://de.selfhtml.org/css/layouts/navigationsleisten.htm findest du eine genaue Anleitung zu den verschiedenen Menü-Darstellungen mit Beispielen, also z.B. entweder Navigationspunkte untereinander (vertikal) oder nebeneinander (horizontal).

7. f***************r

   15:11, 13.7.2012

   websiteswebshops schrieb:
   Unter http://de.selfhtml.org/css/layouts/navigationsleisten.htm findest du eine genaue Anleitung zu den verschiedenen Menü-Darstellungen mit Beispielen, also z.B. entweder Navigationspunkte untereinander (vertikal) oder nebeneinander (horizontal).

   
   
   Selfhtml ist eine gute Seite um in dieses Gebiet einzusteigen. Da wird alles sehr ausführlich beschrieben und es gibt Demos. Ich würde auch zu Listen raten, die du dann je nachdem mit CSS verändern kannst. Da ist allerhand möglich!

8. copynpaste

   

   copynpaste hat kostenlosen Webspace.

   15:28, 13.7.2012

   Kannst du uns bitte sagen, für was du das genau brauchst, bevor hier viele verschiedene Möglichkeiten genannt werden?
   
   Weil ich seh das zz. so:
   
   Div = Box
   A = "nur" ein Link, allerdings kann man diesen mit "display: block" auch einfach zu einer Box machen, der man eine Höhe und Breite geben kann.

9. kgreen

   

   kgreen hat kostenlosen Webspace.

   15:51, 13.7.2012

   php-test1 schrieb:
   Weis von euch jemand wie man eine Navigation mit Div-Containern macht?
   

   
   
   Ja, aber das macht man nicht.
   daswing hat schon die korrekte Antwort gegeben.
   Alle anderen Versuche enden nur mit Ärger, Aufwand und der Erkenntnis, dass man es hätte lieber mit Listen machen sollen.
   
   

   daswing schrieb:
   Für Navigationen ist es sinnvoler Listen zu verwenden. Sie haben den Vorteil das sie besser zu erweitern sind, eine bessere Menüstrucktur bieten, mit Mutter und Tochter-Elementen:
   

   <ul>
   <li>
   </li>
   <li>
   </li>
   </ul>

   
   
   Es ist einfacher zu handhaben, deshalb rate ich von Menüs mit DIV-Containern ab.
   
   mfg Stephan

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?