TD med afrundede hjørner

Jeg er enig. Man kan ikke umiddelbart lave runde hjørner i et element uden enten at bruge billeder som hjørner, eller gøre brug af flere elementer nestet og stylet så de hjørnerne ser runde ud.

det kan oz laves i css:
http://www.webreference.com/programming/css_borders/

mm12010: ja, men så er man også inde på noget med DIV - som i mit pkt. 2, ikke???
Eller har jeg misforstået?

Det jeg søger er om man kan have en :

<TD class=rounded>

<STYLE>

.rounded {
og her står så noget CSS-fnidder, der kan løse opgaven
}

</STYLE>

et entydigt svar vil jeg ikke forsøge at komme med, men jeg vil give dig ret i, at i praksis vil man næppe forsøge sig med den løsning du skitserer ovenfor - se evt: http://www.webdesign101.dk/showcase/roundcorners/nifty.html

<ole>

Runde hjørner kan kun laves med grafik - med den undtagelse, at Mozilla har en proprietær metode, der kan. Men det hjælper jo ikke stort  :)

/mvh
</bole>

- og så kan man naturligvis tegne små ænder, røgede ål og runde hjørner, som webreference viser bag det ovenstående link ... men det er der ingen ved sine fulde fem, der kunne finde på  :)

yay - SVG, Scalable Vector Graphics

sample: http://www.croczilla.com/svg/samples/rect2/rect2.svg

flere samples: http://www.croczilla.com/svg/samples/

SVG kræver special-plugin, så det er vel heller ikke en løsning. VML kan bruges i IE, men kun der.

Konklusionen er stadig: Runde hjørner kan kun laves med grafik  ;o)

Godt, olebole .. jeg har fuld tiltro til dig og din HTML/CSS-kunnen, så med dit udsagn i ryggen vil jeg fortsætte med at påstå hårdnakket, at det ikke kan lade sig gøre - måske skulle jeg vædde en kasse øl med mine stædige kollegaer :o)

Smider du et svar?

"ikke kan lade sig gøre" er jo så meget sagt. Der er som sagt DHTML-libraries, som man kan lade tegne småbitte (1*1px) elementer, der placerer sig, så de danner et rundt hjørne. Et eksempel på det:
    http://html.it/articoli/esempi/articoli_pro/nifty2/nifty10js.html
- og mere om library'et og dets brug:
    http://www.html.it/articoli/niftycube/index.html
Det ser jo okay ud, men efter min - og mange andres - mening er det vildt overkill at bruge hundrede- eller tusindvis af ekstra elementer for at lave runde hjørner.
Så taler vi ikke om de ekstra JS- og CSS-filer, brugeren skal downloade for at få lov til at se runde hjørner - eller at JS'en ikke er skrevet objekt-orienteret, hvilket betyder, man har en masse 'ukendte' funktioner/variabler rodende rundt i det globale scope.

Så er der Mozilla's proprietære løsning:

.rundtPaaGulvet {
    width: 200px;
    height: 200px;
    background: red;
    -moz-border-radius: 20px;
}

- og elementet:
    <div class="rundtPaaGulvet">En tekst</div>

Til sidst kan man bruge VML i IE (i andre browsere med plugin) og SVG i Mozilla (med plugin i andre browsere).

Når CSS3 bliver en realitet, er der endelig en standardiseret mulighed for at lave runde hjørner, men der kan gå adskillige år, før CSS3 er implementeret i browserne - foreløbig er standarden ikke færdig fra W3C endnu.

Så er det hele vist præciseret, så du ikke får sagt noget forkert - og giver mig skylden  ;D

- og for at moderere mig selv lidt:
    Konklusionen er stadig: Runde hjørner _bør_ kun laves med grafik  ;o)

OK :o)

Takker  :)