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:
Bei 2 spalten layouts hab ich bisher zb mit sachen wie:
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 ^^
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>
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']);
}
?>
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 ^^
Kommentar