border-style und runde Punkte

Schreiberling · #1 (**permalink**) 15.02.2008, 20:32

wenn ich border-style:dotted verwende, bekomme ich Quadrate. Meiner Recherche zufolge gibt es keinen border-style für runde Punkte. Wie könnte man sowas konstruieren? Z. B. eine kleine Punktgraphik als Rand nehmen?

Geronimo · #2 (**permalink**) 15.02.2008, 21:01

Zitat:

Zitat von Schreiberling

Meiner Recherche zufolge gibt es keinen border-style für runde Punkte. Wie könnte man sowas konstruieren?

Mit einem oder mehreren Hintergrundbildern.

Schreiberling · #3 (**permalink**) 15.02.2008, 21:20

Aber wie plaziere ich die Punkte auf den Rahmen?

Geronimo · #4 (**permalink**) 15.02.2008, 21:23

Gar nicht. Wenn du einem Element ein Hintergrundbild zuweist benötigst du keinen Rahmen mehr. Da du jedem Element aber nur ein Hintergrundbild zuweisen kannst musst du notfalls mehrere Elemente ineinander verschachteln. Aber warum nimmst du nicht einfach die normalen Punkte?

Schreiberling · #5 (**permalink**) 15.02.2008, 21:40

Ich arbeite mit Floats (oder divs):

Code:

div.column
{
padding: 0px;
width:160px;
border-right: dotted #533700;
float:left;
}

Geronimo · #6 (**permalink**) 15.02.2008, 21:44

Dann erstell' doch einfach ein 160 Pixel breites und ein paar Pixel hohes Bild, mal' ein paar Punkte drauf und binde es als Hintergrundbild ein.

Schreiberling · #7 (**permalink**) 15.02.2008, 22:15

Das würde totale Inflexibilität bedeuten! Besser wäre es, einen Punkt zu erstellen und den dann zu wiederholen. Aber ich will die Punkte sowohl horizontal als auch vertikal haben, eben wie normale Ränder eben auch!

heiko_rs · #8 (**permalink**) 15.02.2008, 22:21

Das entscheidende Stichwort "Verschachtelung" fiel bereits. Kann auch so aussehen: Das umgebende div erzeugt die vert. Fortsetzung, und die horiz. wird durch das erste und letzte Element innerhalb des divs erzeugt. Bei fester Breite wären das 2 Grafiken mit insgesamt nur 3 Punkten

Geronimo · #9 (**permalink**) 15.02.2008, 22:22

Zitat:

Zitat von Schreiberling

Das würde totale Inflexibilität bedeuten! Besser wäre es, einen Punkt zu erstellen und den dann zu wiederholen.

Es hat dich dazu veranlasst selbst über das Problem nachzudenken.

Zitat:

Zitat von Schreiberling

Aber ich will die Punkte sowohl horizontal als auch vertikal haben, eben wie normale Ränder eben auch!

Dann führt wohl kein Weg daran vorbei mehrere Elemente ohne inhaltliche Bedeutung ineinander zu verschachteln und ihnen die dafür benötigten Hintergrundbilder zuzuweisen.

Schreiberling · #10 (**permalink**) 15.02.2008, 22:29

Zitat:

Zitat von designfanatiker

Es hat dich dazu veranlasst selbst über das Problem nachzudenken.

Ich hatte auf eine elegante Lösung gehofft und die plumpen Lösungen, die nur auf einen Fall anwendbar sind, automatisch ausgeklammert.

Zitat:

Zitat von designfanatiker

Dann führt wohl kein Weg daran vorbei mehrere Elemente ohne inhaltliche Bedeutung ineinander zu verschachteln und ihnen die dafür benötigten Hintergrundbilder zuzuweisen.

Klingt immer noch kompliziert... Ich hätte mir gewünscht, dem Browser zu sagen, dass er einfach die Ränder mit einer Grafik vollpflastert. CSS und XHTML erlauben doch schon tausende Feinheiten, warum nicht auch noch die?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Dynamische Größen	Killhunter	CSS	0	14.05.2011 16:56
z-index hoch, dennoch grafik nicht ganz oben	bergg	CSS	6	27.10.2010 16:02
rätselhafter Leerraum zwischen Content und Footer im IE	jhonnybravo	CSS	5	04.03.2010 11:47
Problem mit CSS Style	flo007	CSS	3	25.01.2009 17:08
zefix IHateBill, <tr> Hintergrundfarbe	Scheppertreiber	CSS	17	30.05.2008 12:49