Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS 2 spalten layout und php

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • d3x
    hat ein Thema erstellt CSS 2 spalten layout und php.

    CSS 2 spalten layout und php

    Hallo zusammen,
    nach einem gefühlten jahrzehnt des tabelaren stumpfsinns
    hab ich mir nun auch endlich css zu gemüte geführt.
    Mein Problem ist, das ich schon jahre nicht mehr vernünftig
    mit php gearbeitet habe und wenn dann nur 2 spalten layouts.
    Ich will nun die include anweisungen für mein 3 spalten layout
    (siehe: www.reneboehres.de/new ) umsetzen.
    Natürlich soll wenn jemand in der horizontalen leiste (oben)
    jemand was klickt sich die links auf der linken seite entsprechend verändern.
    ich kann mich schwach errinern das man das mit & in der url
    umsetzt aber habe keine ahnung mehr wie das code mäßig funktioniert.
    Nach dem klick oben auf den hauptlink soll im content eigentlich erstmal
    eine allgemeine seite angezeigt werden und nach dem klick links
    entsprechend der unterbereich.

    Hier mal der Html/css code da gibts bestimmt auch verbesserungen zu erledigen:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    
    <style type="text/css">
    /* Globale Einstellungen */
    
    * { margin: 0px; padding: 0px; border: 0px; }
    html { height:100.5%; font-size:62,5%; }
    body {
    	font-family:Verdana, Geneva, sans-serif;
    	font-weight:normal;
    	font-size:1em;
    	line-height:1.8em;
    	color:#000000;
    
    /* div Container Einstellungen */
    }
    
    div#page_wrapper {
    	border:#2aa295 1px solid;
    	width:800px;
    	margin: 10px 10px 10px 10px;
    
    }
    div#header {
    	background:#2aa295;
    }
    div#logo {
    	height:116px;
    	background:#2aa295 url(img/logo.jpg) no-repeat;
    }
    div#main_navigation {	
    	background:#2aa295;
    	height:2em;
    	
    }
    
    div#sub_navigation {
    	float:left;
    	width:auto;
    	padding:5px 5px 5px 5px;
    	text-align:left;
    	vertical-align:top;
    	overflow:auto;
    }
    div#content {
    	margin: 0px 0px 0px 201px;
    	padding: 5px 0px 5px 0px;
    	border-left:#2aa295 1px solid;
    }
    
    div#footer {
    	background:#2aa295;
    	height:2em;
    	text-align:right;
    }
    
    
    /* Diverse einzel Einstellungen */
    div#main_navigation ul { margin-left:10px; color:#FFFFFF; font-size:1em;  }
    div#main_navigation ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; }
    div#main_navigation ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
    div#main_navigation li { margin-right: 14px; display: inline; list-style-type:none; }
    
    div#sub_navigation ul { margin-left:5px; margin-top: 10px; color:#000000; }
    div#sub_navigation ul a,a:visited,a:active,a:focus { color:#000000; text-decoration:none; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation ul a:hover { color:#000000; text-decoration:underline; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation li { margin-right: 10px; list-style-type:none; }
    
    
    
    
    div#footer ul { color:#FFFFFF; }
    div#footer ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none; font-size:1em; font-weight:lighter; }
    div#footer ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
    div#footer li { display: inline; margin-right: 10px; list-style-type:none; }
    </style>
    </head>
    
    <body id="home">
    <div id="page_wrapper">
     <div id="header"></div>
     <div id="logo"></div>
     <div id="main_navigation">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
      <div id="content_wrapper">
       <div id="sub_navigation">
       <ul>
        <li class="wir"><a href="#">Wir über uns</a></li>
        <li class="vorort"><a href="#">Über unseren Service</a></li>
        <li class="Shop"><a href="#">Anfahrtsrechner</a></li>
        <li class="faq"><a href="#">Fragen? (FAQ)</a></li>
        <li class="termine"><a href="#">Termine</a></li>
        <li class="preise"><a href="#">Preise</a></li>
        <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
       
       
       </div>
       <div id="content">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       
       </div>
      </div>
     <div id="footer">
     <ul>
      <li class="navhome"><a href="#">Impressum</a></li>
      <li class="vorort"><a href="#">AGB</a></li>
     </ul>
     </div>
    </div>
    </body>
    </html>
    Bei 2 spalten layouts hab ich bisher zb mit sachen wie:

    PHP-Code:
    <?php
    if(isset($_GET['section'])){
     
    $content $_GET['section'].'.php';
     if(
    file_exists($content)){
      require_once(
    $content);
     }else{
       echo 
    "Die Datei konnte nicht gefunden werden";
     }
    }else{
    $_GET['section'] = "produkte.php";
    require_once(
    $_GET['section']);
    }
    ?>
    gearbeitet was man aber hier ja nicht verwenden kann,
    da auf der linken unternavigation immer einer andere site geladen werden muss...

    vielen dank im vorraus

    EDIT:
    Der titel sollte natürlich 3 spalten layout heißen sry ^^

  • d3x
    antwortet
    das ist der komplette code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    
    <style type="text/css">
    /* Globale Einstellungen */
    
    * { margin: 0px; padding: 0px; border: 0px; }
    html { height:100.5%; font-size:62,5%; }
    body {
    	font-family:Verdana, Geneva, sans-serif;
    	font-weight:normal;
    	font-size:1em;
    	line-height:1.8em;
    	color:#000000;
    
    /* div Container Einstellungen */
    }
    
    div#page_wrapper {
    	border:#2aa295 1px solid;
    	width:800px;
    	margin: 10px 10px 10px 10px;
    
    }
    div#header {
    	background:#2aa295;
    }
    div#logo {
    	height:150px;
    	background:#2aa295 url(img/logo.jpg) no-repeat;
    }
    
    div#sub_navigation {
    	float:left;
    	width:auto;
    	padding:5px 5px 5px 5px;
    	text-align:left;
    	vertical-align:top;
    	overflow:auto;
    }
    div#content {
    	margin: 0px 0px 0px 201px;
    	padding: 5px 0px 5px 0px;
    	border-left:#2aa295 1px solid;
    }
    
    div#footer {
    	background:#2aa295;
    	height:2em;
    	text-align:right;
    }
    
    
    /* Diverse einzel Einstellungen */
    div#logo ul { margin-left:10px; color:#FFFFFF; font-size:1em; vertical-align:baseline;  }
    div#logo ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; vertical-align:baseline; }
    div#logo ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; vertical-align:baseline; }
    div#logo li { margin-right: 14px; display: inline; list-style-type:none; vertical-align:baseline; }
    
    div#sub_navigation ul { margin-left:5px; margin-top: 10px; color:#000000; }
    div#sub_navigation ul a,a:visited,a:active,a:focus { color:#000000; text-decoration:none; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation ul a:hover { color:#000000; text-decoration:underline; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation li { margin-right: 10px; list-style-type:none; }
    
    
    
    
    div#footer ul { color:#FFFFFF; }
    div#footer ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none; font-size:1em; font-weight:lighter; }
    div#footer ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
    div#footer li { display: inline; margin-right: 10px; list-style-type:none; }
    </style>
    </head>
    
    <body>
    <div id="page_wrapper">
     <div id="header"></div>
     <div id="logo">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
      <div id="content_wrapper">
       <div id="sub_navigation">
       <ul>
        <li class="wir"><a href="#">Wir über uns</a></li>
        <li class="vorort"><a href="#">Über unseren Service</a></li>
        <li class="Shop"><a href="#">Anfahrtsrechner</a></li>
        <li class="faq"><a href="#">Fragen? (FAQ)</a></li>
        <li class="termine"><a href="#">Termine</a></li>
        <li class="preise"><a href="#">Preise</a></li>
        <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
       
       
       </div>
       <div id="content">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       
       </div>
      </div>
     <div id="footer">
     <ul>
      <li class="navhome"><a href="#">Impressum</a></li>
      <li class="vorort"><a href="#">AGB</a></li>
     </ul>
     </div>
    </div>
    </body>
    </html>
    hatte ich schon gepostet

    Einen Kommentar schreiben:


  • BlackScorp
    antwortet
    Zitat von d3x Beitrag anzeigen
    edit:
    iwie geht beides nicht *grml*
    lade es mal hoch damit wir sehen können was du falsch gemacht hast, weil geht beides nicht... damit kann man nichts anfangen

    Einen Kommentar schreiben:


  • d3x
    antwortet
    cool danke das ist genau die elegante lösung wie ich sie gesucht habe

    aber wieso macht der mir den text net nach unten im container logo?
    ich kann es ja leider nicht für den ganzen container machen den sonst verschiebt er mir das logo nach unten denk ich?!?
    (*ausprobier*)

    edit:
    iwie geht beides nicht *grml*

    Einen Kommentar schreiben:


  • BlackScorp
    antwortet
    also ich könnte dir noch ein vorschlag machen, das ganze mit jQUery und tabs umzusetzen

    jQuery UI - Tabs Demos & Documentation

    jedes tab hat seinen eigenen kontent.(navi + text) aber ist halt JS.

    oder kannst mit folgender abfrage , datein includen

    PHP-Code:
    if(isset($_GET['site'])){
    if(
    file_exists('pfad/zur/seiten/'.$_GET['site'].'.php')){
    include 
    'pfad/zur/seiten/'.$_GET['site'].'.php';
    }

    if(isset(
    $_GET['sub'])){
    if(
    file_exists('pfad/zur/seiten/'.$_GET['site'].'_'.$_GET['sub'].'.php')){
    include 
    'pfad/zur/seiten/'.$_GET['site'].'_'.$_GET['sub'].'.php';
    }
    }

    danach erstellst du dir php datein wie home_termine.php oder home.php oder shop.php oder shop_artikel.php und erstellst folgende links:

    <a href="?index.php?site=home&sub=artikel">Artikel</a>

    Einen Kommentar schreiben:


  • d3x
    antwortet
    Zitat von Asipak Beitrag anzeigen
    Ich frage mich, was du jetzt eigentlich wissen möchtest. Ist es das: Daten via URL ?

    Der Code sieht, soweit ich das jetzt nach kurzem Überfliegen beurteilen kann, ganz gut aus.
    Allerdings tauchen noch ein paar kleinere Fehler auf: Dem <body>-Tag brauchst du für CSS-Zwecke eigentlich keine ID zuweisen. Dieses Tag ist sowieso eindeutig.
    Ein weiterer Fehler:
    Code:
    <div id="main_navigation">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
    Der umschließende <div> - Container ist überflüssig. Die Eigenschaften kannst du auch direkt der Liste zuweisen. Achtung: Div-Suppe!

    Dein Logo oder deinen Header würde ich eventuell als Überschrift erster Ebene (<h1>) auszeichnen .

    ich hab jetzt mal die extra box für die navigation rausgemacht und die links in
    den logo container gepackt...
    aber wie bekomme ich jetzt die schrift auf den unteren rand?
    mit vertical align gehts iwie nicht ?!
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    
    <style type="text/css">
    /* Globale Einstellungen */
    
    * { margin: 0px; padding: 0px; border: 0px; }
    html { height:100.5%; font-size:62,5%; }
    body {
    	font-family:Verdana, Geneva, sans-serif;
    	font-weight:normal;
    	font-size:1em;
    	line-height:1.8em;
    	color:#000000;
    
    /* div Container Einstellungen */
    }
    
    div#page_wrapper {
    	border:#2aa295 1px solid;
    	width:800px;
    	margin: 10px 10px 10px 10px;
    
    }
    div#header {
    	background:#2aa295;
    }
    div#logo {
    	height:150px;
    	background:#2aa295 url(img/logo.jpg) no-repeat;
    }
    
    div#sub_navigation {
    	float:left;
    	width:auto;
    	padding:5px 5px 5px 5px;
    	text-align:left;
    	vertical-align:top;
    	overflow:auto;
    }
    div#content {
    	margin: 0px 0px 0px 201px;
    	padding: 5px 0px 5px 0px;
    	border-left:#2aa295 1px solid;
    }
    
    div#footer {
    	background:#2aa295;
    	height:2em;
    	text-align:right;
    }
    
    
    /* Diverse einzel Einstellungen */
    div#logo ul { margin-left:10px; color:#FFFFFF; font-size:1em; vertical-align:baseline;  }
    div#logo ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; vertical-align:baseline; }
    div#logo ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; vertical-align:baseline; }
    div#logo li { margin-right: 14px; display: inline; list-style-type:none; vertical-align:baseline; }
    
    div#sub_navigation ul { margin-left:5px; margin-top: 10px; color:#000000; }
    div#sub_navigation ul a,a:visited,a:active,a:focus { color:#000000; text-decoration:none; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation ul a:hover { color:#000000; text-decoration:underline; font-size:0.9em; font-weight:lighter; }
    div#sub_navigation li { margin-right: 10px; list-style-type:none; }
    
    
    
    
    div#footer ul { color:#FFFFFF; }
    div#footer ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none; font-size:1em; font-weight:lighter; }
    div#footer ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; }
    div#footer li { display: inline; margin-right: 10px; list-style-type:none; }
    </style>
    </head>
    
    <body>
    <div id="page_wrapper">
     <div id="header"></div>
     <div id="logo">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
      <div id="content_wrapper">
       <div id="sub_navigation">
       <ul>
        <li class="wir"><a href="#">Wir über uns</a></li>
        <li class="vorort"><a href="#">Über unseren Service</a></li>
        <li class="Shop"><a href="#">Anfahrtsrechner</a></li>
        <li class="faq"><a href="#">Fragen? (FAQ)</a></li>
        <li class="termine"><a href="#">Termine</a></li>
        <li class="preise"><a href="#">Preise</a></li>
        <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
       
       
       </div>
       <div id="content">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
       
       </div>
      </div>
     <div id="footer">
     <ul>
      <li class="navhome"><a href="#">Impressum</a></li>
      <li class="vorort"><a href="#">AGB</a></li>
     </ul>
     </div>
    </div>
    </body>
    </html>

    Code:
    div#logo ul { margin-left:10px; color:#FFFFFF; font-size:1em; vertical-align:bottom;  }
    div#logo ul a,a:visited,a:active,a:focus { color:#FFFFFF;  text-decoration:none;  font-size:1em; font-weight:lighter; vertical-align:bottom; }
    div#logo ul a:hover { color:#FFFFFF;  text-decoration:underline; font-size:1em; font-weight:lighter; vertical-align:bottom; }
    div#logo li { margin-right: 14px; display: inline; list-style-type:none; vertical-align:bottom; }

    Einen Kommentar schreiben:


  • d3x
    antwortet
    hmm schon aber die seite rechts bleibt immer gleich

    ich will es so machen das (im beispiel bei dir)
    wenn ich oben auf herzlichen willkommen klicke
    kommen rechts die links abcdef

    klicke ich auf "über mich"
    kommen rechts die punkte "zyx"


    sry ich bin halt software und hardware freak
    aber programmieren hab ich immer nur nebenbei gemacht so wie ich es
    gebraucht habe *ggg*

    will ja quasi eine "schöne" lösung machen in der ich nicht 100 if abfragen machen muss

    Einen Kommentar schreiben:


  • BlackScorp
    antwortet
    Zitat von d3x Beitrag anzeigen
    if(array = home AND termine) { öffne links seite "home" rechts seite termine }
    if(array = shop AND artikel) { öffne links "shop" und rechts artikel seite" }
    ich hoffe das ist verständlich ^^
    wozu so umständlich? du kannst doch gleich deine links fest belegen
    PHP-Code:
    <span>Home
    <ul>
    <
    li><a href="?site=termine">Termine</a></li>
    <
    li><a href="?site=irgendwasanderes">Was anderes</a></li>
    </
    ul>
    </
    span>
    <
    spanShop
    <ul>
    <
    li><a href="?site=artikel">Artikel</a></li>
    <
    li><a href="?site=nochwasanderes">Noch Was anderes</a></li>
    </
    ul>
    </
    span
    und somit musst du nicht prüfen, wieviele werte über URL angenommen sind usw. einfach direkt verlinken...

    schau mal wie ich es gemacht habe

    http://kunsttherapie.q12.eu/?site=wahrnehmung

    achte da auf die links

    Einen Kommentar schreiben:


  • d3x
    antwortet
    naja im prinzip weiss ich wie man sachen über php und get included

    es geht darum:
    es ist ja keine einfache navigation sondern 2 navigationsmenüs mit 1 content seite

    klicke ich in der "main" navigation auf "home" soll in der sub navi
    seite "ab" erscheinen und im content seite 01

    klicke ich dann in der sub navigation auf einen weiteren punkt soll seite 02
    im content angezeigt werden

    clicke ich in der main navigation auf "shop"
    sollen sich in der sub navigation die seite "cd" erscheinen und im content ne weitere seite.

    haupt und nebennavigation


    wie zb auf www.alternate.de

    du klickst oben auf hardware und links erscheint die hardware sub navi
    klickst du oben auf software erscheint die software sub navi

    Einen Kommentar schreiben:


  • Asipak
    antwortet
    Ich frage mich, was du jetzt eigentlich wissen möchtest. Ist es das: http://selfphp.de/praxisbuch/praxisbuch.php?group=33 ?

    Der Code sieht, soweit ich das jetzt nach kurzem Überfliegen beurteilen kann, ganz gut aus.
    Allerdings tauchen noch ein paar kleinere Fehler auf: Dem <body>-Tag brauchst du für CSS-Zwecke eigentlich keine ID zuweisen. Dieses Tag ist sowieso eindeutig.
    Ein weiterer Fehler:
    Code:
    <div id="main_navigation">
     <ul>
      <li class="navhome"><a href="#">Startseite</a></li>
      <li class="vorort"><a href="#">Vor Ort Service</a></li>
      <li class="Shop"><a href="#">Shop</a></li>
      <li class="hosting"><a href="#">Webhosting</a></li>
      <li class="termine"><a href="#">Termine</a></li>
      <li class="preise"><a href="#">Preise</a></li>
      <li class="Kontakt"><a href="#">Kontakt</a></li>
     </ul>
     </div>
    Der umschließende <div> - Container ist überflüssig. Die Eigenschaften kannst du auch direkt der Liste zuweisen. Achtung: Div-Suppe!

    Dein Logo oder deinen Header würde ich eventuell als Überschrift erster Ebene (<h1>) auszeichnen .

    Einen Kommentar schreiben:

Lädt...
X