Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Simples Template gesucht

Hier können Sie Ihre Fragen zum Thema Suchmaschinenoptimierung (SEO) / Positionierung stellen
OnkelHotte
PostRank 6
PostRank 6
Beiträge: 439
Registriert: 29.06.2005, 07:05

Beitrag von OnkelHotte » 29.07.2008, 16:09

Mir würde ein gerüst reichen, ich denke fi-ausbilden aber auch.

ich bekomme nur nicht die navigation nach oben, wenn ich den content schon drin hab. :(

Anzeige von ABAKUS

von Anzeige von ABAKUS »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:
  • einzigartige Texte
  • suchmaschinenoptimierte Inhalte
  • eine sinnvolle Content-Strategie
  • Beratung und Umsetzung
Jetzt anfragen: 0511 / 300325-0

fi-ausbilden
PostRank 8
PostRank 8
Beiträge: 771
Registriert: 15.04.2006, 08:37

Beitrag von fi-ausbilden » 29.07.2008, 17:36

Hm, irgend wie versteht Ihr mich nicht - Yaml ist doch viel zu viel. Ich denke, ich setze mich doch mal hin und suche mit Google...

Danke trotzdem für die Antworten!
Bild

pr_sniper
PostRank 9
PostRank 9
Beiträge: 1766
Registriert: 07.02.2006, 19:21

Beitrag von pr_sniper » 29.07.2008, 17:43

:D es genügen 2 Dateien, z.B. eine HTML mit Kopf, Navi, Inhalt und eine CSS-Datei

...
<link rel="stylesheet" href="layout.css" type="text/css">
</head>

<body>

<center>
<div id="alles">

<div id="oben">
<h1>Überschrift</h1>
<h2>Differenzierung zur Überschrift</h2>
</div>

<div id="inhalt">
... hier den Hauptinhalt / Content ...
</div>

<div id="navi">
... hier die Navigation ...
</div>

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

Die CSS-Datei "layout.css" ausgelagert im gleichen Verzeichnis, enthät dann unter anderem auch die absoluten Positionierung der Container:

...
#alles {width:900px; position:absolute; left: 50%; margin: 0 0 0 -396px; text-align:left;}

#oben {background: #ff0000; width:638px; position:absolute; left:120px; top:10px;}

#navi {background: #ff0000; position:absolute; margin-left:10px; margin-top:10px; padding-top:90px; padding-left:4px; height: 570px; width:116px}

#inhalt {background: #ff0000; position:absolute; left: 118px; top:110px; margin-left:10px; width: 630px;}
...

So kommt alles an den richtigen sichtbaren Platz :D

Und dann einfach spielend lernen und ergänzen (Schriftarten, -farben, Hintergründe ...)