Boxen

Hallo liebe bplacer,

heute meine frage ist: wie ich boxen, wie z.B. bei WEB.DE erstelle, sie sollen aber barrierefrei sein, also flexibel sein.

thx gruss tobi

was sind Boxen?

Du meinst wohl eher Tabellen? Und dann einfach eine Spalte bzw mal ne Zeile leer lassen??

hi openworldnews,

also ich denke mal das du die Artikelboxen in der Mitte meinst. Ich würde mir auf jedenfall mal andreas-kalt.de/webdesign/tutorials/ ansehen, denn dort wird auch so etwas behandelt.

Ich hoffe mal ich konnte ein bissle helfen :wink:

Six

naja ich möchte eckige boxen.

dann mach:

<div style="border:thin solid #000000">
Content
</div>

und du hast ne eckige Box, mit Rahmen

danke erstmal phil…
jetzt kommt ne frage: wie kann ich überschriften hervorheben, so dass des folgendermaßen aufgabut ist:

Überschrift
Grafik zur Abtrennung
Inhalt

gehts das?

Was genau meinst du mit hervorheben?

greez,
mmemichi

Ich nehme an, du meinst Überschrift farbig, Text schwarz

[code]<div style=“border: 1px solid #cccccc”;>

Überschrift

Bild zur Abtrennung

Und hier folgt der Text

[/code] oder statt ein Bild, einfach eine Trennlinie ? [code]

Überschrift


Und hier folgt der Text

[/code]

[quote=“openworldnews”]…wie kann ich überschriften hervorheben…
Überschrift
Grafik zur Abtrennung
Inhalt…[/quote]
Das geht ganz einfach, in dem du Rahmen im Überschriften-Style definierst. Natürlich nicht alle vier Seiten, sondern nur einen oder zwei. Zum Beispiel so:

h1 { font-style: normal; border-left: 4px solid border-bottom: 2px solid padding-left: 12px; margin-bottom: 22px; }
Hier hättest du einen 2 Pixel breiten Strich unter der Überschrift und einen 4 Pixel breiten Strich links daneben. Noch 'ne schöne Rahmenfarbe dazu, dann sieht sowas sehr nett aus.

Gruß, g-h-b