Tråd: Runde hjørner i IE via CSS?

Jeg fant en tutorial på en venns side om hvordan mann får runde hjørner via CSS.

Code:

        -moz-border-radius: 1em 1em 1em 1em;
	border-radius: 1em 1em 1em 1em;

Dette var da altså koden, men den fungerer ikke i IE. Er det noen som vet hvordan jeg kan få dette til å fungere i IE?

Personlig bruker jeg ikke IE, men det er ganske mange her i verden som ikke har oppdaget vår alles kjære Firefox.

Hei Alice,

Den koden du viser der er det såkalte CSS3. Akkuratt den fungerer kun i MOZilla firefox, derav: -moz-

Du finner også en lignende til safari og chrome (webkit browsere), i IE har du desverre ingen slike. Det beste er å lage det i png og legge inn et png-fix script til IE

Okei. Jeg er ikke så veldig inn med hva som fungerer hvor enda. Er fortsatt i lærefasen. Takk for tipset!

Hey ho!

Dette er løsningen for deg, http://net.tutsplus.com/videos/scree...eo-quick-tips/

How to Make Rounded Corners with CSS and JavaScript

Hvis du ikke ønsker dette ville jeg kanskje brukt 4 bilder der hvert bilde er en kant.

Happy Codin'

CSS3 er egentlig genialt, du kan gjøre ekstremt mye med det, alt fra runde hjørner til animasjoner. Bare synd det ikke er støttet fullt ut enda (og kommer nok ikke til å bli det før leeeeenge). (til nå er det vell bare firefox og safari som støtter det, og kanskje google chrome også, som jeg vet om)

IE er på god vei til å støtte de fleste standarder med nummer 8 (ikke CSS3), men langt ifra nok. Og så raskt som de andre oppgraderer nettleserene sine er IE utdatert før de rekker å annonsere en ny versjon.

Har du noen spørsmål om CSS så må du bare spørre, jeg selv har pugget CSS i mangen år og det er mangen andre her inne som er veldig gode på CSS

roaa: Tusen takk for tipset! Jeg tror jeg skal prøve dette før jeg bruker bilder.

Og takk Casper. Jeg kommer til å spørre om jeg trenger mer hjelp. Koding er fasinerende og jeg vil lære alt jeg kan klare å få inn i hodet mitt.

Et lite tips om du skal bruke png bilde, Bruk et bilde av en sirkel, og bruker posisjonering ved hjelp av margin. Del bilde opp i fire, og du har fire runde hjørner. Dette gjør at du får lastet et bilde, istede for fire og innlastingen går kjappere.. Kjapt forklart :P

Trenger nødvendigvis ikke gå raskere Ketil. Du må uansett laste ned like mye data (tenk litt selv hvorfor) den eneste forskjellen er 3 nye bilder. Tror dette tipset kunne vært greit på 90-tallet da .com trenden herja. Nå har vi nok av datakraft så dette spiller ingen rolle. Det beste er faktisk og gjøre som jeg sa, da slipper du bildene

teknikk jeg har brukt endel. Dog uten bilder og fungerer i de fleste browsere. Også IE.

http://www.html.it/articoli/nifty/index.html

Finnes javascript som ikke bloather koden din så altformye, men mener det står en howto med javascript også på den siden.

Bare for og nevne noe (som alle burde ta noe hensyn til).

En nettside skal fungere selv om javascript er slått av. Flere (noen) har deaktivert javascript og da vil alt plutselig se rart ut. Den sikkre løsningen er derfor og bruke 4 bilder og litt css evt 3 bilder (toppen, midten og bunnen).

Selv bruker jeg det sist-nevnte alternativet.