Ergebnis 1 bis 3 von 3

Thema: Horizontale Navigations in der Mitte

  1. #1
    HTML Newbie
    Registriert seit
    27.12.2013
    Ort
    Katlenburg-Lindau
    Beiträge
    2
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Horizontale Navigations in der Mitte

    Hallo liebe Foris,

    jetzt bin ich schon so lange dabei und habe mich lange alleine durchgekämpft, zumindestens was php-Boards angeht, aber nun brauch ich doch einmal Hilfe. Ich habe auf meinen Board www.achtziger-forum.de eine aufklappbare Navigation im overall_header.html eingebaut. Seit einigen Stunden versuche ich diese Navi in die Mitte zu setzen. Trotz googlen ist mir es einfach nicht gelungen den Code so umzubauen und erbitte daher Hilfe für Dummies.

    Folgenden Code habe ich mir rausgesucht und meinen Bedürfnissen zusammengebastelt:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
        <html lang="de">
          <head>
            <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
            <meta http-equiv="Content-Style-Type" content="text/css">
            <style type="text/css">
            * { margin: 0; padding: 0; }
            #menu ul { float: left; width: 150px; list-style-type: none; } /*--definiert die Blocküberschriften--*/
            #menu h3 { font-size: 1em; text-align: center; color: #000; border: 2px solid #000000; background: #ff8000; }
            #menu a { text-decoration: none; display: block; border: 1px solid #ffa500; text-align: center; background: #ececec; color: #000000; }
            #menu a:hover { color: #fcc824; background: #ff8000; }
            #menu li { position: relative; }
            #menu ul ul { position: absolute; z-index: 2; display: none; }
            #menu ul li:hover ul { display: block; }
            * html #menu ul li{ float: left; width: 100%; }
            *+ html #menu ul li { float: left; width: 100%; }
            *html body { behavior: url(csshover3-source.htc); font-size: 100%; }
            *html #menu ul li a { height: 1%; }
            #menu a.direkt:link { font-size: 1em; font-weight: bold; text-align: center; color: #000; border: 2px solid #003366; background: #ff8000; }
            #menu a.direkt:hover { color: #ff9224; background: #003366; border: 2px solid #ffd17c; }
            </style>
          </head>
          <body>
                 
    <div id="menu">
          
              <ul>
               
                <li>
                
           <h3>Das Board</h3>
                <ul>
                  <li>
                  <a href="http://www.achtziger-forum.de">Portal</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/index.php">Forum</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/chat/" target="_blank">Chat</a>
                  </li>
    <li>
                  <a href="http://www.achtziger-forum.de/faq.php">FAQ</a>
                  </li>
                </ul>
                </li>
              </ul>
    
    
    
    <ul>
               
                <li>
                <h3>Mitglied</h3>
                <ul>
                  <li>
                  <a href="http://www.achtziger-forum.de/memberlist.php">Mitglieder</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/geomap.php">Mitgliederkarte</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/ucp.php">Persönlicher-Bereich</a>
                  </li>
                </ul>
                </li>
              </ul>
    
    <ul>
               
                <li>
                <h3>Funktionen</h3>
                <ul>
                  <li>
                  <a href="http://www.achtziger-forum.de/search.php">Suche</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/calendar.php">Kalender</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/dm_music_charts.php?mode=list">Fan-Musik-Charts</a>
                  </li>
                </ul>
                </li>
              </ul>
    
    
    <ul>
               
                <li>
                <h3>Spielen</h3>
                <ul>
                  <li>
                  <a href="http://www.achtziger-forum.de/arcade.php">Spielhalle</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/arcade.php?mode=challenge">Wettbewerb</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/sudoku/sudoku.php">Sudoku</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/hangman.php">Galgenmännchen</a>
                  </li>
                  <li>
                  <a href="http://www.achtziger-forum.de/superkniffel.php">Superkniffel</a>
                  </li>
                </ul>
                </li>
              </ul>
    
    
            </div>
          </body>
    
        </html>
    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
    Bandit
    Gast

    Standard AW: Horizontale Navigations in der Mitte

    Verpasse dem div mit der id menu mal eine Breite und setze margin auf 0 auto

  3. Folgende User finden die Antwort von Bandit gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    27.12.2013
    Ort
    Katlenburg-Lindau
    Beiträge
    2
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Horizontale Navigations in der Mitte

    Na das war ja einfach Ja, es funktioniert. Wieder ein bisschen was dazu gelernt ! Recht lieben Dank @Bandit

Ähnliche Themen

  1. Navigations-Bar
    Von Huyen-Joy im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 11.07.2012, 12:22
  2. Navigations Hintergrundbild
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.04.2009, 16:12
  3. PHP-Navigations Frage
    Von sweet77 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 25.01.2009, 20:47
  4. Navigations Leiste wie ?
    Von kintaro im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 18.10.2007, 22:47
  5. Navigations Menü
    Von Newbee im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 10.09.2004, 14:24

Stichworte

Berechtigungen

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