nicht angemeldet
Seitenlayout nur mit CSS !!!
Hallo Allerseits,
wie kann ich mit Hilfe von CSS den Inhalt der Buttons (News, Concerts, Contacts usw ... ) unterhalb des Bandlogos im Hauptteil der Seite, also da wo noch Platz ist, erscheinen lassen? Absolute Position? Layer? Das Hintergrundbild soll bleiben so wie es ist und der aufgerufene Text soll sich dann über das Hintergrundbild legen.
Wie geht das? Hat jemand von euch Beispielcode? Gerne auch per Email damit das Forum hier nicht mit Code zugedröhnt wird!
Wie gesagt, nur mit CSS. Ich will keine Frames oder Tabellen nehmen und PHP steht mir auch nicht zur Verfügung.
URL: http://people.freenet.de/olli666/index.html
Bitte keine weiteren Urteile zum derzeitigen aussehen der HP, ist alles noch Testphase :-)
Für weitere Tips bin ich sehr dankbar.
Gruss Olli
-
Mal so ne Frage dazwischen geschoben:
Warum machst du deine Positionierung der Elemante nicht mit Tabellen, da spart man sich ne menge überflüssigen Code und ist einfacher zu bearbeiten.cu Nash
-
Hallo,
Warum machst du deine Positionierung der Elemante nicht mit Tabellen, da spart man sich ne menge überflüssigen Code und ist einfacher zu bearbeiten.
Ob eine tabelle überflüssigen code spart und einfacher zu bearbeiten ist lasse ich mal dahingestellt.
Ich denke, eine solche anordnung schreit gerade nach einer liste, noch einfacher und logischer.Gruss, Jan aus Dresden
-
Danke an alle für die Tips. Wie gesagt, keine Tabellen und keine Frames. Das will ich nicht. Aber schaun wir mal was sich aus euren Antworten noch machen lässt.
Danek an alle :-)
Gruss Olli
-
Hallo,
deine frage wurde ja noch nicht wirklich beantwortet.
Ich mach es meistens so:<div id="menu">
hier das menu
css: float:left; width:....; und ein wenig margin und padding usw
html: liste
<div/><div id="inhalt">
hier der Inhalt
css: margin:...; padding:...; .....
</div>mit dem ergebnis, links das menu und rechts der inhalt.
Gruss, Jan aus Dresden
-
Gruss, Jan aus Dresden
Thanx Jan ! War wirklich der 1. verwertbare Vorschlag :-))))
Gruss Olli
-
-
-
-
use Mosche;
Mal so ne Frage dazwischen geschoben:
Warum machst du deine Positionierung der Elemante nicht mit Tabellen, da spart man sich ne menge überflüssigen Code und ist einfacher zu bearbeiten.Das spart nicht unbedingt Arbeit. Mit CSS kannst du einen Großteils des Layouts deiner Seiten schreiben, und dann alle Seiten, die dieses CSS benutzen, mit einem Schlag umgestalten (das fängt bei Schriftformatierung an und hört irgendwo nach 'das Element mal nach hier verschieben' auf). Es ist im Nachhinein wesentlich flexibler, auch wenn es mehr Zeit kostet, ein _einzelnes_ Dokument zu gestalten.
Außerdem ist CSS-Design der "letzte Schrei" (und genauso kritisch zu sehen).
Weitere Argumente für und wider CSS/Tabellendesigns kannst du im Archiv finden.
use Tschoe qw(Matti);
--
Anyone who quotes me in their sig is an idiot. -- Rusty Russell.
-
-
Hallo Olli,
wie kann ich mit Hilfe von CSS den Inhalt der Buttons (News, Concerts, Contacts usw ... ) unterhalb des Bandlogos im Hauptteil der Seite, also da wo noch Platz ist, erscheinen lassen? Absolute Position? Layer? Das Hintergrundbild soll bleiben so wie es ist und der aufgerufene Text soll sich dann über das Hintergrundbild legen.
Ähm...
Wieso schreibst du den Text nicht einfach hin?
<a href="news.htm"><img src="news.gif" border="0" /><br />
News</a>Du solltest vielleicht noch darauf achten, dass der Text nicht schwarz erscheint, weil das auf dem gewählten Hintergrund wohl *noch* schlechter zu lesen ist, als andere Farben. Weiß oder sehr helles grau würde wahrscheinlich am besten passen.
Robert
-
Hallo!
Du erlaubst, dass ich ein paar Details kritisiere? :-)
<body background="background.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
Wozu die Attribute?
<div style="position:absolute; top:10px; left:330px;">
<img src="logo.gif" width="320" height="150" alt="news" border="0">
</div>
<div style="position:absolute; top:4.8cm">
<img src="news.gif" width="120" height="25" alt="news" border="0">
</div>Zentimeter ist eine für den Bildschirm nicht geeignete Einheit. Und
warum positionierst du jede Grafik für sich? Das kann man doch viel
eleganter machen, indem man sie zusammenfasst. Nebenbei - die Grafiken
sind sehr unscharf und schlecht zu lesen. Außerdem solltest du sinn-
volle Alt-Texte wählen - nicht immer nur »news«.wie kann ich mit Hilfe von CSS den Inhalt der Buttons (News,
Concerts, Contacts usw ... ) unterhalb des Bandlogos im Hauptteil
der Seite, also da wo noch Platz ist, erscheinen lassen?In die Mitte, mit Textumfluss? Könntest du das genauer beschreiben?
Bitte keine weiteren Urteile zum derzeitigen aussehen der HP, ist
alles noch Testphase :-)Mit Gnade kannst du in diesem Forum nicht rechnen ;-)
emu
[...]-
Hi Emu :-)
http://people.freenet.de/olli666/index.html
Du erlaubst, dass ich ein paar Details kritisiere? :-)Aber selbstverständlich :-))))
Wozu die Attribute?
Kann ich Dir sagen: habs vergessen rauszunehmen :-) ist ja nur mal so hingeklatscht ...
warum positionierst du jede Grafik für sich? Das kann man doch viel
eleganter machen, indem man sie zusammenfasst. Nebenbei - die Grafiken
sind sehr unscharf und schlecht zu lesen. Außerdem solltest du sinn-
volle Alt-Texte wählen - nicht immer nur »news«.siehe eine Antwort vorher ...
In die Mitte, mit Textumfluss? Könntest du das genauer beschreiben?
ganz einfach: der hintergrund bleibt und beim anklicken des Menus erscheinen die Inhalte AUF der freien Fläche unterhalb des Menus. Eben einfach nur Text oder Bilder ... Ich hoffe das war klar :-)
Mit Gnade kannst du in diesem Forum nicht rechnen ;-)
Na ja, bisher waren wirklich nur nette Antworten dabei :-)
Gruss Olli
-