Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 16

Thema: Menü

  1. #1
    HTML Newbie
    Registriert seit
    01.06.2010
    Ort
    Waldkirchen
    Alter
    26
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Menü

    Hallo, hab folgendes Problem möchte ein Menü erstellen wie auf dieser Seite
    http://www.webmasterpro.de/coding/ar...erstellen.html (Grafik) hab die Grafik mal angehängt. Ich habe keinen Überblick mehr wie ich eigentlich vorgehen muss.

    Hier mal der Code:

    index.html

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
          <head>
              <title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
              <link href="./design.css" type="text/css" rel="stylesheet" />
          </head>
          <body>
    
              <div id="eins">  <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b>  </div>
    
              <div id="zwei"></div>
              <div id="drei"> <a href="index.html">Startseite  </a>        </div>
              <div id="vier"> <a href="simulation.html">Simulationsanfrage </a> </div>
              <div id="fünf"> <a href="planung.html">BHKW-Planung </a> </div>
              <div id="sechs"> <a href="abrechnung.html">BHKW-Abrechnung </a> </div>
              <div id="sieben"> <a href="aktuelles.html">Aktuelles </a> </div>
              <div id="acht"> <a href="info.html">Info </a> </div>
              <div id="neun"> <a href="agb.html"> AGB </a> </div>
              <div id="zehn"> <a href="impressum"> Impressum </a> </div>
    
          </body>
      </html>
    CSS Datei:

    Code:
    div#eins {
      background-color:orange;
      text-align:center;
      margin-top:3px;  
      font-size:14pt;
      border-style:double;
      line-height:3cm;
      color:white;
      font-family:Arial; 
      padding-top: 2%;
    } 
    
    div#zwei {
      background-color:#178ACC;
      border-style: none; 
      padding-top:12pt;
      
      
    }
    
    div#drei {
    
            text-align: left;
            background: url ("menü_1.2.gif")A:hover;
            
            }
            
    div#vier {
            text-align:left;
            color:black;
            font-family: Arial;
            line-height: 20pt;
            }
            
    div#fünf {
    
             text-align:left;
             color:black;
             font-family: Arial;
             line-height: 20pt;
             
    }
    
    div#sechs {
    
              text-align:left;
              color:black;
              font-family: Arial;
              line-height: 20pt;
              
              }
              
    div#sieben {
               text-align:left;
               color:black;
               font-family: Arial;
               line-height: 20pt;
               }
    div#acht {
             text-align:left;
             color:black;
             font-family: Arial;
             line-height: 20 pt;
    }
    
    div#neun {
             text-align:left;
             color:black;
             font-family:Arial;
             line-height: 20pt;
             
             }
             
    div#zehn {
             text-align:left;
             color:black;
             font-family:Arial;
             line-height: 20pt;
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Menü

    Öhm hast du dir den Text dort schon mal durchgelesen?
    Dort steht das doch eh schritt für schritt.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    HTML Newbie
    Registriert seit
    01.06.2010
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Menü

    Wie Dodo schon gesagt hat würde ich mir an deiner Stelle das Tutorial auch nochmal von vorn ganz durchlesen. Wenn du darin schon irgendwelche Sachen nicht verstehst - versuch die zu verstehen und nicht einfach nur dass es funktioniert.
    Ich habe nach der Anleitung auch schonmal was zusammen gestöpselt und es geht einwandfrei.

    Gruß Miki
    ________
    lederhose-dirndl-trachtenmode.de

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    01.06.2010
    Ort
    Waldkirchen
    Alter
    26
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Menü

    Kann da auch mit DIV gearbeitet werden??

  5. #5
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Menü

    Stichwort Semantik!

    Ein Menü ist eine Liste aus Links
    Und keine Anhäufung aus Containern mit Links.

    Da kannst du auch gleich eine Webseite mit einer Tabelle machen. HTML bietet so viele schöne Element. Verwende sie
    Something big is coming. And there will be pirates and ninjas and unicorns...

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    01.06.2010
    Ort
    Waldkirchen
    Alter
    26
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Menü

    Hab es jetzt mal versucht, die Seite bleibt aber immer noch gleich, obwohl jetzt dass Menü angezeigt werden müsste.

    Mein Code:

    Index.html

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
          <head>
              <title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
              <link href="./design.css" type="text/css" rel="stylesheet" />
          </head>
          <body>
    
              <div id="eins">  <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b>  </div>
    
               <ul id="navigation">
              <div id="zwei"></div>
              <div id="drei"> <li> <a href="index.html">Startseite  </a> </li>       </div>
              <div id="vier"> <li> <a href="simulation.html">Simulationsanfrage </li> </a> </div>
              <div id="fünf"> <li> <a href="planung.html">BHKW-Planung </a> </li> </div>
              <div id="sechs"> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> </div>
              <div id="sieben"> <li> <a href="aktuelles.html">Aktuelles </a> </li> </div>
              <div id="acht"> <li> <a href="info.html">Info </a> </li> </div>
              <div id="neun"> <li> <a href="agb.html"> AGB </a> </li> </div>
              <div id="zehn"> <li> <a href="impressum"> Impressum </a> </li> </div>
              </ul>
    
          </body>
      </html>

    CSS Datei

    Code:
    div#eins {
      background-color:orange;
      text-align:center;
      margin-top:3px;  
      font-size:14pt;
      border-style:double;
      line-height:3cm;
      color:white;
      font-family:Arial; 
      padding-top: 2%;
    } 
    
    div#zwei {
      background-color:#178ACC;
      border-style: none; 
      padding-top:12pt;
      
      
    }
    
    div#drei {
    
            text-align: left;
            background: url ("./images/menü_1.2.gif")A:hover;
            
            }
            
    div#vier {
            text-align:left;
            color:black;
            font-family: Arial;
            line-height: 20pt;
            }
            
    div#fünf {
    
             text-align:left;
             color:black;
             font-family: Arial;
             line-height: 20pt;
             
    }
    
    div#sechs {
    
              text-align:left;
              color:black;
              font-family: Arial;
              line-height: 20pt;
              
              }
              
    div#sieben {
               text-align:left;
               color:black;
               font-family: Arial;
               line-height: 20pt;
               }
    div#acht {
             text-align:left;
             color:black;
             font-family: Arial;
             line-height: 20 pt;
    }
    
    div#neun {
             text-align:left;
             color:black;
             font-family:Arial;
             line-height: 20pt;
             
             }
             
    div#zehn {
             text-align:left;
             color:black;
             font-family:Arial;
             line-height: 20pt;
             
             }
             
    ul#navigation li {
        width: 250px;
        height: 20px;
    }
    
    ul#navigation li a:link {
        background: url("menü_1.2.gif") no-repeat top;
    }
    
    ul#navigation li a:hover {
        background: url("menü_1.2.gif") no-repeat bottom;
    }
    Oder bin ich falsch vorgegangen?

  7. #7
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Menü

    Autsch...
    Lass deine Seite mal validieren
    Something big is coming. And there will be pirates and ninjas and unicorns...

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    01.06.2010
    Ort
    Waldkirchen
    Alter
    26
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Menü

    Autsch...
    Lass deine Seite mal validieren
    Ok, hab ich gemacht dass Menü wird angezeigt, es werden zwar alle Elemente angezeigt, aber sobald man darauf klickt werden es wieder normale Links? Screenshot ist dabei. Habe einen grafischen Hintergrund gemacht, aber dass funktioniert auch nicht, hab den Code sogar überprüft, keinen Fehler.
    Hier mal zur Testurl: www.bhkwpartner.de/test/index.html

    index.html

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
          <head>
              <title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
              <link href="./design.css" type="text/css" rel="stylesheet" />
          </head>
          <body>
    
              
              <div id="eins">  <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b>  </div>
              <ul id="navigation">
              <li> <a href="index.html">Startseite</a> </li>       
              <li> <a href="simulation.html">Simulationsanfrage </a> </li>
              <li> <a href="planung.html">BHKW-Planung </a> </li> 
              <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
              <li> <a href="aktuelles.html">Aktuelles </a> </li> 
              <li> <a href="info.html">Info </a> </li> 
              <li> <a href="agb.html"> AGB </a> </li> 
              <li> <a href="impressum"> Impressum </a> </li> 
              </ul>
          </body>
    
      </html>
    CSS Datei

    Code:
    div#eins {
      background-color:orange;
      text-align:center;
      margin-top:3px;  
      font-size:14pt;
      border-style:double;
      line-height:3cm;
      color:white;
      font-family:Arial; 
      padding-top: 2%;
    } 
        
                      
    ul#navigation {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }
    
        ul#navigation li {
            padding: 0px;
            margin: 5px;
            width: 20%;
        }
    
        ul#navigation li a:link {
            display: block;
            border: 1px solid #000;
            background:url ("/menu.png") no-repeat top;
            padding: 10px;
            color: #000;
            font-family: Arial, Helvetica, sans-serif;
            text-decoration: none;
            font-weight: bold;
        }
    
        ul#navigation li a:hover {
            display: block;
            border: 1px solid #54993f;
            background: url ("/menu.png")no-repeat bottom;
            color: #fff;
        }
    Angehängte Grafiken Angehängte Grafiken

  9. #9
    Macrosdesign
    Gast

    Standard AW: Menü

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
          <head>
              <title>
                BHKWPartner - das optimale BHKW von Ihrem Installateur!
              </title>
              <link href="./design.css" type="text/css" rel="stylesheet" />
          </head>
          <body>
    
              <div id="header">
                  <h1>
                    BHKWPartner Das richtige Aggregat vom richtigen Installateuer!
                  </h1>
             </div>
              <ul id="navigation">
                <li> <a href="index.html">Startseite</a> </li>       
                <li> <a href="simulation.html">Simulationsanfrage </a> </li>
                <li> <a href="planung.html">BHKW-Planung </a> </li> 
                <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
                <li> <a href="aktuelles.html">Aktuelles </a> </li> 
                <li> <a href="info.html">Info </a> </li> 
                <li> <a href="agb.html"> AGB </a> </li> 
                <li> <a href="impressum"> Impressum </a> </li> 
              </ul>
          </body>
    
      </html>
    Code:
    * { 
      margin:0;
      padding:0;
      border:0;
      list-style:none;
      text-decoration:none;
      font-family: Arial, Helvetica, sans-serif;
    }
    
    div#header {
      background-color:orange;
      text-align:center;
      margin-top:3px;  
      border-style:double;
      line-height:3cm;
      padding-top: 2%;
    } 
        div#header h1 {
           font-size:14pt;
           color:#fff;
        }
    
        ul#navigation li {
            margin: 5px;
            width: 20%;
        }
    
        ul#navigation li a {
            display: block;
            border: 1px solid #000;
            background:url ("images/menu.png") no-repeat top;
            padding: 10px;
            color: #000;
            font-weight: bold;
        }
    
        ul#navigation li a:hover {
            display: block;
            border: 1px solid #54993f;
            background: url ("images/menu.png")no-repeat bottom;
            color: #fff;
        }
    .:.:.:.
    Geändert von Macrosdesign (02.06.2010 um 16:38 Uhr)

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    01.06.2010
    Ort
    Waldkirchen
    Alter
    26
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Menü

    ...
    Und was soll dass bitte bedeuten?

Ähnliche Themen

  1. menü mit div
    Von makroy im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 13.08.2008, 23:28
  2. HP Menü
    Von Fozzy im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 07.01.2008, 20:15
  3. menü
    Von viper3000 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 13.01.2007, 16:29
  4. menü.dat
    Von Lion im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 30.09.2004, 16:40
  5. menü
    Von gamecracker im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 25
    Letzter Beitrag: 17.07.2004, 22:57

Stichworte

Berechtigungen

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