Mehrfarbige dotted border?!

Computer: Software & Programmierung HTML & CSS
#1

hiho… ich hätte gern bei meiner gepunkteten border mehrere farben im wechsel, zb: rot-grün-blau-schwarz-rot-grün-blau-schwarz-rot …usw

geht das umzusetzen??

mfg
julian

#2

hiho… ich hätte gern bei meiner gepunkteten border mehrere
farben im wechsel, zb:
rot-grün-blau-schwarz-rot-grün-blau-schwarz-rot …usw

geht das umzusetzen??

Leider noch nicht wirklich einfach. Das kommt erst mit CSS3 mit border-image (kann’s kaum erwarten), bis dahin ist ziemlich übles Basteln angesagt. Eine Möglichkeit wäre z.B. mit den üblichen Tabellen-Rahmen, aber dann überwiegt irgendwie der Aufwand den Nutzen bei weitem (9 Zellen für einen Inhalt) und außerdem werden ziemlich viele Leute über dein schlechtes HTML schimpfen :wink:

#3

Hi Julian,

ich hätte gern bei meiner gepunkteten border mehrere
farben im wechsel…
geht das umzusetzen??

Ja, das geht mit etwas CSS und einer Hintergrundgrafik. Allerdings lassen sich diese Borders nicht STRG+Mausrad vergrößern.

Lade Dir dazu diese 2 gifs in einen Ordner:

http://img5.picsplace.to/img.php?file=img5/4/funky.gif
http://img5.picsplace.to/img.php?file=img5/4/funky2.gif

Und erstelle im selben Ordner eine html-Datei mit folgendem Inhalt:

 Funky Borders
p.funky {
 background:url(funky.gif) top left;
 padding:1px;
}
p.funky2 {
 background:url(funky2.gif) top left;
 padding:2px;
}
p span.outer {
 display:block;
 background:white;
}
 Text. 
 Text.

Funktioniert auf allen Browsern und IE.

Schönen Gruß,
Rudy