Runde kanter til bilde (CSS)

[Romy]

Hei.

 

Jeg bruker Wordpress (hostet + theme)

Når jeg legger til nytt innlegg, så legger jeg inn et bilde som regel.

 

Jeg vil at det bilde skal få runde kanter automatisk, når den er publisert... Noen som vet om en CSS kode til noe sånt? som jeg kan gi til en .img klasse for eksempel?

[PHPdude]

img {
-moz-border-radius:10px; /* For Gecko-nettlesere */
-webkit-border-radius:10px; /* For WebKit-nettlesere */
border-radius:10px; /* For evt. andre som støtter border-radius */
}

 

Ellers må du over på en mer eller mindre crazy workaround, eller en løsning hvor du endrer bildet på server-siden.

[Romy]

img {
-moz-border-radius:10px; /* For Gecko-nettlesere */
-webkit-border-radius:10px; /* For WebKit-nettlesere */
border-radius:10px; /* For evt. andre som støtter border-radius */
}

 

Dette fungerte ikke.

[plakatmannen]

Det er fordi ikke alle nettlesere støtter runde hjørner enda (CSS3). Det sikreste er å generere bildet på serveren, og få et skript til å lage runde hjørner. Dette kan gjøres med PHP, og det finnes sikkert en eller annen WordPress-plugin som gjør det. Lykke til