nicht angemeldet
Aufbau meiner Homepage
0 0 0 0
Aufbau meiner Homepage
Hallo,
bevor ich mit meiner Homepage anfange, würde ich mit gerne ein paar Meinungen zu meiner Idee einholen.
Ich möchte die Homepage dreiteilen, also etwa so:
------------------------------------------------------
| |
| link1 link2 link3 |
------------------------------------------------------
| unterlink1 | |
| unterlink2 | |
| unterlink3 | inhalt |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
------------------------------------------------------
den Kopfbereich möchte ich als div gestalten, in welchem auch die links link1, link2, link3 enthalten sind.
bei klick auf einen dieser links, öffnet sich in einem iframe
der körper inkl. linker navigationsleite und inhalt.
bei klick auf den unterlink öffnet sich einanderer inhalt
in dem zweiten iframe "inhalt"
Meine Frage nun: Ist das ein guter Stil, mit zwei IFrames zu arbeiten? kann ich die Grösse des ersten Iframes (in dem die navi und der inhalt sind) an die grösse des inhaltframes anpassen?
Also wenn z.B. ein langer Text im Inhalt steht, möche ich dass der erste frame einen scrollbalken hat und nicht der innere. geht das?
ich wäre für jeden Tip dankbar!
Sonnige Grüsse aus Düsseldorf,
thomas
-
hi,
Meine Frage nun: Ist das ein guter Stil, mit zwei IFrames zu arbeiten? kann ich die Grösse des ersten Iframes (in dem die navi und der inhalt sind) an die grösse des inhaltframes anpassen?
Nein, Frames sind heutzutage generell kein guter Stil mehr.
(Wenn du den Aufwand scheust, auf allen Seiten benötigte Bestandteile wie Navigation etc. in jedes Dokument einzeln einzufügen, hilft ein Blick in die FAQ.)
Also wenn z.B. ein langer Text im Inhalt steht, möche ich dass der erste frame einen scrollbalken hat und nicht der innere. geht das?
Das kannst du auch ohne Frames und mit CSS erreichen, Stichwort overflow.
Es überhaupt erreichen zu wollen, ist aber auch ein Punkt, der nochmals überdacht sein will. Scrollbalken innerhalb des Anzeigebereiches empfinde ich persönlich als äußerst unschön, mir ist es wesentlich lieber, wenn ich das gesamte Dokument scrollen kann. Außerdem wird dadurch idR. der zur Verfügung stehende Platz besser ausgenutzt.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
hi,
Meine Frage nun: Ist das ein guter Stil, mit zwei IFrames zu arbeiten? kann ich die Grösse des ersten Iframes (in dem die navi und der inhalt sind) an die grösse des inhaltframes anpassen?
Nein, Frames sind heutzutage generell kein guter Stil mehr.
(Wenn du den Aufwand scheust, auf allen Seiten benötigte Bestandteile wie Navigation etc. in jedes Dokument einzeln einzufügen, hilft ein Blick in die FAQ.)
nein, ich scheue keinen aufwand, ich möchte die seite in einem guten stil proggen und nicht in eine falsche richtung rennen um dann später zu merken, dass etwas nicht so funzt wie ich mir das dachte (z.b. grösse des ersten iframes vom zweiten aus steuern)
also hätte man dein in jedem dokument den code für die menüleiste links und oben und den content halt entsprechend angepasst....
ist ja nur copy und paste.... selbst wenn sich da mal etwas ändern sollte....
zudem möchte ich auf tabellen verzichten und nur divs nutzen, das ist denke ich mal auch zeitgemäßer, oder?
Also wenn z.B. ein langer Text im Inhalt steht, möche ich dass der erste frame einen scrollbalken hat und nicht der innere. geht das?
Das kannst du auch ohne Frames und mit CSS erreichen, Stichwort overflow.
Es überhaupt erreichen zu wollen, ist aber auch ein Punkt, der nochmals überdacht sein will. Scrollbalken innerhalb des Anzeigebereiches empfinde ich persönlich als äußerst unschön, mir ist es wesentlich lieber, wenn ich das gesamte Dokument scrollen kann. Außerdem wird dadurch idR. der zur Verfügung stehende Platz besser ausgenutzt.gruß,
wahsaga-
hi,
zudem möchte ich auf tabellen verzichten und nur divs nutzen, das ist denke ich mal auch zeitgemäßer, oder?
Eine Div-Suppe ist auch nicht besser als ein Tabellenlayout.
Nutze jeweils das Element, welches die Struktur des jeweiligen Inhaltes am besten ausdrückt - h1 bis h6 für Überschriften, p für Textabsätze, ul/ol für Listen (ja, auch eine Navigation ist eine Liste von Links), etc. pp.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
hi,
zudem möchte ich auf tabellen verzichten und nur divs nutzen, das ist denke ich mal auch zeitgemäßer, oder?
Eine Div-Suppe ist auch nicht besser als ein Tabellenlayout.
Nutze jeweils das Element, welches die Struktur des jeweiligen Inhaltes am besten ausdrückt - h1 bis h6 für Überschriften, p für Textabsätze, ul/ol für Listen (ja, auch eine Navigation ist eine Liste von Links), etc. pp.
gruß,
wahsagaokay, dankeschön.
wenn ich beispielsweise 3 bilder nebeneinander ausrichten möchte (diese bilden das logo) sollte das demnach also so am sinnvollsten sein:
html:
<div id="Header">
<img src="PIX\HeaderLeft.jpg" alt="bla" > <img src="PIX\HeaderCenter.jpg" alt="bla" >
<img src="PIX\HeaderRight.jpg" alt="bla">
</div>css:
#Header
{
width: 100%;
height: 146px;
float: left;
}-
Hallo thomas,
wenn ich beispielsweise 3 bilder nebeneinander ausrichten möchte (diese bilden das logo) sollte das demnach also so am sinnvollsten sein:
html:
<div id="Header">
<img src="PIX\HeaderLeft.jpg" alt="bla" > <img src="PIX\HeaderCenter.jpg" alt="bla" >
<img src="PIX\HeaderRight.jpg" alt="bla">
</div>Bilder sind per Definition Inline-Elemente und reihen sich im Regelfall nebeneinander an. Vergiss nicht die Angaben zu Höhen und Breiten!
css:
#Header
{
width: 100%;
height: 146px;
float: left;
}ist insofern unsinnig, da ein Div ein Blockelement ist und im Grundfall immer 100% des zur Verfügung stehenden Raumes einnimmt. Wenn du das Div mit Inhalt füllst, z.B. Bilder, orientiert sich die Höhe des Div am Inhalt, den Bildern. Damit ist eine Höhenangabe nicht immer nötig. Die Angabe zu float ist auch unsinnig, da neben dem Div (width:100% per default) eh kein Platz mehr ist.
Solltest du auf das umschließende Header-Div verzichten wollen/können, kannst du den Bilder auch die Eigenschaft display:block zu weisen und sie dann floaten.
<body> <img src="headerleft.jpg" width="100" height="164" alt="Text" title="Text" id="headerimgleft" /> <img src="headercenter.jpg" width="100" height="164" alt="Text" title="Text" id="headerimgcenter" /> <img src="headerright.jpg" width="100" height="164" alt="Text" title="Text" id="headerimgright" /> </body>Wobei mir die Benutzung eines geteilten Banners außer für unterschiedliche Verweise nicht ganz einleuchtet.
Mit freundlichen Grüßen,
André -
Nutze jeweils das Element, welches die Struktur des jeweiligen Inhaltes am besten ausdrückt - h1 bis h6 für Überschriften, p für Textabsätze, ul/ol für Listen (ja, auch eine Navigation ist eine Liste von Links), etc. pp.
wenn ich beispielsweise 3 bilder nebeneinander ausrichten möchte (diese bilden das logo) sollte das demnach also so am sinnvollsten sein:
html:
<div id="Header">
<img src="PIX\HeaderLeft.jpg" alt="bla" > <img src="PIX\HeaderCenter.jpg" alt="bla" >
<img src="PIX\HeaderRight.jpg" alt="bla">
</div>Hi Thomas,
Ich denke da die Bilder das Logo (den Header) bilden, wären sie in einer H1 Überschrift besser aufgehoben als in einem <div id="Header"> Wie Wahsaga schon gesagt hat nutzt man Elemente die den Inhalt ausdrücken. Für einen Header wäre das h1. Schau dir doch nochmal das Posting von Wahsaga an.
Tschau, B-ellanna-
Hallo B-ellanna,
Ich denke da die Bilder das Logo (den Header) bilden, wären sie in einer H1 Überschrift besser aufgehoben als in einem <div id="Header"> Wie Wahsaga schon gesagt hat nutzt man Elemente die den Inhalt ausdrücken. Für einen Header wäre das h1. Schau dir doch nochmal das Posting von Wahsaga an.
dem widerspreche ich einfach mal. Klar, eine Überschrift erster Ordnung wäre wünschenswert, nur leider hat für mich eine Grafik nicht den Stellenwert einer Überschrift 1. Ordnung. Wie ich schon mal anführte, braucht man kein eigentliches Blockelement in diesem Fall, sondern kann die Bilder display:block setzen. Die <h1> würde ich für eine textliche Aussage nutzen. Dies freut wahrscheinlich auch die Suchmaschinen. ;-)
Mit freundlichen Grüßen,
André
-
-
-
-
-