Przekątna DIV

[Lenad]

Witam chciałbym zrobić linie przekątną div'a która była by przerywana. Jak taki efekt uzyskać? Pozdrawiam

[Kartofelek]

przynajmniej 2 metody
1) tworzysz 2 divy. Zewnętrzny z overflow:hidden, width, height, wewnętrzny ma height:0; border-bottom:1px dashed #000; width:150%;
wewnętrzny obracasz transformacjami css3 rotate http://css3please.com/
2) Tworzysz canvas o szerokości diva. W nim rysujesz przerywaną linię http://stackoverflow.com/questions/4576724/dotted-stroke-in-canvas

[hieroshima]

kurcze, własnie chciałem napisać, że się nie da , a zapomniałem o transformacji i canvasie

[atp]

...albo narysuj sobie dużego gif'a z przerywaną przekątną linią i dawaj go w background z position "center center" - wtedy nawet w IE zadziała

[Kartofelek]

Jak się nie da. Widziałem skrypty, które rysowały kreski tworząc 1px divy Może to nieco obciążająca metoda, ale da radę.
Ale tak naprawdę wykorzystał bym jakiś plugin do canvasów i po prostu na nim narysował. Po to go stworzono by po nim rysować. A dla IE są szczepionki.

[atp]

(...) plugin do canvasów i po prostu na nim narysował. Po to go stworzono by po nim rysować. A dla IE są szczepionki.

Ja osobiście staram się unikać takich rozwiązań - jeżeli byłoby można to zrobić gif'em w tle to tak bym właśnie zrobił ponieważ wszystkie 'szczepionki', pluginy i inne sprawy to dodatkowe obciążenie dla procesora itp. a jak ktoś jedzie na starszym laptopie i dodatkowo przegląda strony przy użyciu IE to już kiszka ... no chyba że robisz to sobie prywatnie to zawsze możesz olać pewien segment rynku i w przyszłości nam wszystkim to wyjdzie na dobre