Ergebnis 1 bis 4 von 4

Thema: Navigationsleiste

  1. #1
    micki
    Gast

    Standard Navigationsleiste

    ich habe ein großes Problem: Ich habe mit css eine schöne Navigationsleiste gemacht, wenn ich sie allerdings mit einem Untermenü versehen will, oder sie dynamisch machen will, klappt das nicht. Könnt ihr mir helfen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Da meine Glaskugel letzte Woche von ner russischen Wahrssagerin geklaut wurde, kann ich mir leider nicht deinen code angucken und somit auch nicht zu Lösung des Problems beitragen.
    Es sei denn du trägst mir den code irgendiwe anderes zu.

  3. #3
    micki
    Gast

    Standard

    Sorry, hab ich vergessen





    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="de">
    <head>
    <meta http-equiv="content-type" content="text/html;
    charset=ISO-8859-1">
    <title>Navigationsleiste</title>
    <style type="text/css">
    body {
    background-color:
    background-image: hintergrund_m.gif;
    background-repeat:repeat-y;
    }

    #navigation {
    position:absolute;
    top:50px;
    left:0px;
    width:165px;
    }

    a.navi, a.navi_first, a.navi_self {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    font-family:Verdana;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    letter-spacing:0.1em;
    padding:16px;
    text-align:center;
    }

    a.navi_first {
    border-top:1px solid black;
    }

    a.navi:link, a.navi_first:link,
    a.navi:visited, a.navi_first:visited {
    background-color:red;
    color:white;
    }

    a.navi_self:link, a.navi_self:visited {
    background-color:red;
    color:white;
    }

    a.navi:hover, a.navi_first:hover, a.navi_self:hover,
    a.navi:active, a.navi_first:active, a.navi_self:active {
    background-color:gray;
    color:black;
    }
    </style>
    </head>
    <body>
    <div id="navigation">
    <a class="navi_self navi_first" href="start.php">
    STARTSEITE
    </a>
    <a class="navi" href="news.php" title="News">
    NEWS
    </a>
    <a class="navi" href="teams.php" title="Teams">
    AKTIVE
    </a>
    <a class="navi" href="alte_herren.php" title="Alte Herren">
    ALTE HERREN
    </a>
    <a class="navi" href="jugend.php" title="Jugend">
    JUGEND
    </a>
    <a class="navi" href="verein.php" title="Verein">
    VEREIN
    </a>
    <a class="navi" href="kontakt.php" title="Kontakt">
    KONTAKT
    </a>
    <a class="navi" href="impressum.php" title="Impressum">
    IMPRESSUM
    </a>

    </div>
    </body>
    </html>

    </body>
    </html>

  4. #4
    Teeny
    Registriert seit
    09.12.2006
    Ort
    Freiburg
    Beiträge
    38
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich möchte, dass die "Untermenüs" so rauskommen, wie hier an dem Beispiel von selfhtml.
    Ich bin leider blutiger Anfänger und weiß deshalb nicht, wie ich das bei meiner Navigationsleiste machen kan. HILFE!!






    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Dynamisch Navigationsleisten einblenden</title>
    <style type="text/css">
    body, p a {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: black; background-color: #ffffe0;
    }

    div#Rahmen {
    width: 47.1em;
    padding: 0.8em;
    border: 1px solid black;
    background-color: silver;
    }
    * html div#Rahmen { /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
    }
    div#Rahmen div {
    clear: left;
    }
    ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
    }

    ul#Navigation li {
    list-style: none;
    float: left; /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.4em; padding: 0;
    }
    * html ul#Navigation li { /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
    }

    ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none; /* Unternavigation ausblenden */
    }
    * html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
    }
    ul#Navigation li:hover ul {
    display: block; /* Unternavigation in modernen Browsern einblenden */
    }
    ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
    }

    ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
    }
    * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em; /* Breite nach altem MS-Boxmodell f&uuml;r IE 5.x */
    w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
    }
    ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
    }
    li a#aktuell { /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
    }
    ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
    }

    </style>
    </head>
    <body>
    <h1 id="Beispiel">Dynamisch Navigationsleisten einblenden</h1>

    <div id="Rahmen"><ul id="Navigation">[*]Seite 1
    [*]Seite 2
    <ul>[*]Seite 2a[*]Seite 2b[/list]

    [*]Seite 3
    [*]Seite 4
    <ul>[*]Seite 4a[*]<span>aktuelle Seite</span>[*]Seite 4c
    [/list]

    [*]Seite 5[/list]<div></div></div>



    zur&uuml;ck</p>
    </body>
    </html>

Ähnliche Themen

  1. Navigationsleiste, etc.
    Von Monamo im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 07.09.2006, 12:02
  2. Navigationsleiste
    Von devilduck im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.05.2006, 12:32
  3. Navigationsleiste
    Von Marcelund im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 08.02.2006, 14:16
  4. Navigationsleiste
    Von Ragon016 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.08.2005, 13:29
  5. Navigationsleiste
    Von takke im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 04.02.2005, 11:52

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •