Text in Box einfügen
-
Hallo zusammen,
leider hab ich keinen Hinweis zu meinem Problem gefunden, deswegen poste ich hier mal meine Frage:
Ich möchte gerne so etwas realisieren, wie es z.b. auf der Website http://www.metacolor.de/ zu sehen ist, dass ich also meinen Text in so einer Box stehen habe. Wie erreiche ich das denn? Mit Tabelle anlegen und dann die einzelnen Elemente einfügen hab ich schon probiert -> erfolglos.
Ich kann das Problem irgendwie nicht ordentlich ausdrücken. Bitte eventuell nochmal nachfragen.
Vielen Dank für eure Hilfe
-
Ja aber natürlich geht das mit ner Tabelle
Is nur halt was arbeit.. Schau dir den Quelltext mal ano_O Oh mein gott ohne einrückung.. sowas hab ich ja ger _
naja auf jedenfall schon mit tabelle...
Speicher das Dokument mal und lass dir den Rahmen der Tabelle und spalten anzeigen...
Dazu fügst du einfach den text im head ein.
<style type="text/css"> table,td{ border:1px black solid; } </style>
Dann siehste mal wie so eine tabelle aufgebaut is
wobei das jetzt nicht umbedingt ein muster beispiel is *g*edit: ups angewohnheit < immer mit < zu schreiben.... habs geändert *g*
@unix-tom: so gehts natürlich auch - aber nur in "neueren" browsern..
-
-
die benutzen da tabellen als Layoutmittel das sollte man nicht tun
schau mal in die FAQ
-
Danke, war sehr interessant.
Kann ich eigentlich meinen "Web"Text irgendwie über ein Bild laufen lassen. Ich hab mir nämlich so eine Box gezeichnet, da wollte ich meine Navigation usw. reinbasteln. Ursprünglich wollte ich diese Box zerschneiden und dann mit einer Tabelle zusammensetzen, bin jetzt aber einsichtig geworden Trotzdem bleibt aber mein Anliegen. Wenn jemand einen Tipp für mich hätte, wäre das toll.
-
klar du kannst das Bild als hintergrund der Box machen und dann den text drüberschreiben
MFG eiskalt
[edit] http://de.selfhtml.org/navigation/css.htm#hintergrund [/edit]
-
Hmm. leider klappt das noch immer nicht. momentan ist es so, dass mein Text hinter dem Bild verschwindet.
<body style="background-image:url(struct.jpg)"> <div style="position:absolute; top:20px; left:0px;"> <img src="platte.gif" border="0"></div> <p style="margin-top:11 cm;margin-left:120px;">Dieser Textabsatz dient jetzt nur mal als ein Beispiel</p>
Was mach ich denn falsch?
Danke für eure Hilfe
-
Wenn du den Text nicht im selben div hast, dann musst du über z-index festlegen, wo sich ein Element auf der z-Achse befinden soll:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index