• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

allgemeiner Seitenaufbau

H

h0ppel

Neues Mitglied
Hallo,

ich wollte seit Jahren mal wieder anfangen mir ne kleine Webseite zu erstellen, bin aber stellenweise ein bissle ratlos :). Geht hier erstmal weniger um die Befehle als um den allgemeinen Seitenaufbau. Als ich mich zum letzten mal mit html etc beschäftigt hatte war alles noch durch tabellen gegliedert..

Habe mir jetzt schonmal so ein kleines grundgerüst besorgt, mit menü etc, frage mich jetzt aber, wenn ich auf einen menülink klicke, ich dieses Grundgerüst immer in der neuen .html datei übernehmen muss. und dann immer einfach nur in den content teil was anderes schreibe? kommt mir irgendwie so unelegant vor, vorallem wenn sich was ändert muss ich das ja in allen datein tun!?!?

mfg
 
Was du beschreibst ist eben der Unterschied zwischen der veralteten Frametechnik und dem zeitgemäßten CSS-Layout.
Mit HTML/CSS musst du grundsätzlich immer jede Seite komplett coden.

Mit PHP kannst du jedoch Fixbestandteile wir Menü oder Footer usw. includen und zentral in je einer Datei verwalten.

Vielleicht hilft dir ja dies weiter: Umstieg von Frames auf CSS
 
vllt kann mir dann bitte mal jemand helfen.. mache meinen Code mit Phase 5 und im integriereten Editor sieht meine seite super aus, aber wenn ich sie in mozilla öffne ist alles total verschoben?!
habe beides validieren lassen und nix dabei rausgekommen

html code
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="hoppel">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div class="outer-container">
<div class="inner-container">

<div class="header">
</div>

<div class="navigation">


                        <div class="moduletable_menu">
                           <h3>Menü</h3>
                           <ul class="menu">
                           <li class="item1"><a href="index.html"><span>Startseite</span></a></li>
                           <li class="item2"><a href="ich.html"><span>Über mich</span></a></li>
                           <li class="item3"><a href="filme.html"><span>Filme</span></a></li>
                           <li class="item4"><a href="serien.html"><span>Serien</span></a></li>
                           <li class="item5"><a href="projekte.html"><span>Projekte</span></a></li>
                           </ul>
                        </div>

                        <div class="moduletable">
                            <h3>Sonstiges</h3>
                            <ul class="menu">
                            <li class="item6"><a href="gbuch.html"><span>Gästebuch</span></a></li>
                            <li class="item7"><a href="kontakt.html"><span>Kontakt</span></a></li>
                            </ul>
                        </div>

</div>

<div class="content">
<p>bla</p>

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

css
Code: 
.inner-container {
border : 1px solid #000000;
background : #fff;
font-size : 1.2em;
margin : 0 auto;
padding : 10px;
width : 970px;
margin-top : 8px;
}
.outer-container {
padding-bottom : 14px;
}
.header {
border : 1px solid #000000;
height : 100px;
margin-bottom : 5px;
background-image : url(header.jpg);
}
.content {
border : 1px solid #000000;
float : right;
height : 600px;
background-color : #fffafa;
margin-top : 8px;
padding : 20px 20px 20px 20px;
font-size : 17px;
text-align : left;
color : #778899;
}
.navigation {
border : 1px solid #000000;
float : left;
width : 20%;
height : 640px;
margin-top : 8px;
background-color : #3399ff;
}

.menu {
color : #3366ff;
font-size : 15px;
text-align : center;
}
h1 {
color : #ff7f50;
font-size : 25px;
text-align : left;
}
p {
margin-right : 20px;
padding-left : 10px;
}
#picture {
margin-right : 20px;
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben