Runde hjørner uten bildefiler, problemer med å forstå

[Garanti]

Kom over en ganske fiffig måte for å få runde hjørner på div'er, uten å helt forstå hvordan. Den som klarer å forklare hvordan dette går an, skal få kake! Sjekk her.

 

EDIT: Uuups... Feil link

Endret 10. januar 2008 av garanti

[Kim T]

er det input feltet du mener som er div'en med runde hjørner? I såfall så må jeg nok skuffe deg og si at det har ingenting med runde hjørner på div å gjøre. Den kommer automatisk.

 

Kim...

[RulleRimfrost]

Han lager 5 stk 1px blå "striper" (<b>-elementer) i over og under div'en. Grunnet nifty bruk av marginer vil disse "stripene" bli mindre og mindre bred (økende margin) og det ser ut som runde hjørner. Om du høyrestiller <b>-elementene får du runde hjørner til venstre og firkantige til høyre.

[Garanti]

Ingen kake til deg, påsan

[Kim T]

Det er en måte å gjøre det på, men langt fra noen god måte. Det ser dårlig ut og kodemessig enda verre.

[RulleRimfrost]

Riktig. Det føkker opp koden (om en ikke liker javaimplementeringen), det vil aldri se like pent ut som aa-grafikk, og det belaster klienten mer.

Dessuten ville jeg heller hatt konfekt enn kake

 

PS : det var ikke 5 striper, men 4, der den innerste er 2px høy...

[Garanti]

Aaah, nå forstår jeg. Hva mener du forresten med javaimplementering?

[RulleRimfrost]

Det betyr at i stedet for å dytte inn den uryddige css-koden hver gang hjørner skal rundes, kaller du opp et javascript (som dytter inn den uryddige koden for deg). Da vil koden bli mer leselig for andre mennesker.

[Garanti]

Ah, såklart, begynte å lure på om du mente programmeringsspråket Java...