Runde hjørner med ren css

Her er en som også ønsker runde hjørne, måske kan du bruge det som bliver fortalt :)
http://www.eksperten.dk/spm/830939

Jeg ville nu helst undgå at skulle bruge grafik

Noget som det her .... http://webdesign101.dk/css/roundcorners/  ???

ja, bortset fra at det er ret besværligt/tidskrævende (efter min mening) at gøre ved f.eks. en område på 30 * 60 pixels.

Jeg kan godt lide princippet i denne metode:

http://www.cssplay.co.uk/boxes/curves.html

Men jeg kan ikke finde ud af at tilpasse den til en tabel, så tabellen er omgivet af en kant hele vejen rundt på f.eks. 30 pixels.

Jeg ønsker nemlig så vidt muligt at undgå position:absolute.

Nu er cssplay-koden jo ikke lavet i ren CSS, som du ønsker, men benytter sig netop af HTML-elementer, hvilket man heller ikke kommer uden om, hvis man ikke laver det med grafik eller bruger java script:

<em id="ctl"><b>&bull;</b></em>
<em id="cbl"><b>&bull;</b></em>
<em id="ctr"><b>&bull;</b></em>
<em id="cbr"><b>&bull;</b></em>

Der må også gernes bruges HTML-elementer.....

Men hvordan kan man lave det rundt om en tabel?

Ok.....

Så skal div-elementet vel bare være en table.

Ikke at jeg har testet det, men kan ikke se, hvorfor det ikke skulle virke.

Det virker. Hvordan kan jeg lave det sådan at det ikke kan markeres? (Kan det laves uden JavaScript)

Nej. Men hvad gør det også? Det får du nok ingen klager over. :)

Alle browserne reagerer jo forskelligt på markering.

Perfektionist her :D

:P Selv hvis det lykkedes dig at få det lavet, ville du få noget halvrodet JavaScript ud af det, som ikke virkede i alle browsere.

Tænkte også lidt på en af pseudo-medlemmerne mun kunne klare det?

-- det er nu meget simpelt at lave runde hjørner, du skal bare bruge css 5, som bliver lanceret i beta-version i foråret 2011, i Internet Explorer 11, som kommer i efteråret 2013, mååske kunne du tænke dig at bruge det almindelige hack, som har virket siden 1994, men det inkluderer jo tabeller, som bliver forældede i efteråret 2035, hvor man endelig får en ordentlig model for at placere tabulære data i den fuldstændige idiotiske kontekst uden tabulering ...

-- måske blev sarkasmen lidt overdrevet, men i FireFox har det været muligt i flere år, og der findes noget af det i forslaget til css3, men en fuld implementering passer nok meget godt med mine 'sjove' dateringer !-)

roenving > Hvordan ser syntaksen til firefox så ud?

Kig f.eks. på: http://blooberry.com/indexdot/css/supportkey/extensions.htm

-moz-border-radius:3px;

Hvorfor er det ikke standard?! Det ville jo være meget mere lige til... :D

Smid et svar hvis du ønsker point w13

Ok.

Tak for points!

Jeg takker for hjælpen

<ole>

"Hvorfor er det ikke standard?!" >> Formodentlig fordi vi stadig kæmper os vej ud af den oprindelige mening med HTML. Husk på, det egentlig blot er et tabel- og paragrafværk til opstilling af videnskabelige måledata. Visuelt design og HTML er i udgangspunktet komplet inkompatible størrelser  ;o)

Helt til CSS 5.0 behøver vi dog ikke at vente. I CSS 3.0 bliver det (formodentlig) muligt at sætte border-radius, border-image samt anvende flere, z-indekserede baggrundsbilleder i samme element.

Hvad det så betyder for tidshorisonten, tør jeg dog slet ikke spå om - men der kan sagtens gå 2-3 år endnu, før W3C bliver færdige med standarden ... og så skal den selvfølgelig også 'lige' slå igennem i browserne  :oP

/mvh
</bole>

2011-2013 er nok slet ikke så dårlige bud  ;o)

> "Hvorfor er det ikke standard?!" >> Formodentlig fordi vi stadig kæmper os vej ud
> af den oprindelige mening med HTML. Husk på, det egentlig blot er et tabel- og
> paragrafværk til opstilling af videnskabelige måledata. Visuelt design og HTML er i
> udgangspunktet komplet inkompatible størrelser  ;o)

Sådan havde jeg nu ikke tænkt på det :D


> 2011-2013 er nok slet ikke så dårlige bud

Desværre kan jeg ikke vente helt så længe :D