Runde hjørner i tabel vha. billede

Jeg forstår ikke helt hvad du mener med at lægge billedet ovenpå?

Men jeg kan da godt skære det op for dig og lægge rammen i en tabel, hvis det er det du ønsker?

http://www.nicolin.dk/div/border/border.htm

Jeg kan kun bruge billedet som det er, da jeg ikke kan uploade til den server, det skal ligger på. Jeg er nødt til at bruge billedet som det er, der hvor det ligger, og så på en eller anden måde bruge top, bund og sider til at give tabellen borders som billedet. Jeg tror måske det er noget med at lave nogle divs og definere z-index og positionering, men ved ikke lige hvordan... Som dette http://www.redmelon.net/tstme/4corners/ men uden at bruge fire udskårne hjørner. Jeg ville gerne nøjes med at bruge ét billede, der så placeres i hvert hjørne.
Giver det mening?

Men det er ellers fint det du har lavet. :)

Jeg kan ikke helt se hvor du vil hen. Hvis du vil bruge den firkant som den er nu, kan der da ikke blive plads til at putte noget i?

Og det eksempel du har postet er i princippet det samme som mit - hjørnerne er billeder for sig, sat op med CSS.

???

Det skal netop være som det du har lavet, men kun ved at bruge et enkelt billede... :)

Nå, men så skal du vel først og fremmest vide hvilken størrelse du skal bruge billedet i (din ramme), og så lægger du den i et layer, og indhold i et layer ovenpå. Er det sådan du vil?

Ja, det tror jeg nok. :)

Du kan da ikke have et billede, som laver et rundt hjørne i 4 forskellige retninger ?-)

-- jeg har godt nok set eksempler, hvor eet billede brugtes til flere baggrunde, men da man ikke med css kan dreje images, vil det bare være spild af båndbredde at loade et fuldt image mange gange i stedet for at have 4 gange et lille hjørne !o]

Det jeg var ude efter viste sig at være noget i retning af dette:

<style type="text/css" media="screen,print">
    .teaser {
        width:186px;
        padding:0 0 14px 0;
        margin:10px auto;
        background:url(img/norm-bg.gif) bottom left no-repeat;
    }
    .teaser h3 {
        margin:0;
        padding:1px;
        background:url(img/norm-bg.gif) top left no-repeat;
    }
    .content {
        margin:0;
        padding:1px;
        border:1px solid #9AA1D1;
        border-width:0 1px;
        background:#fff;
    }
    </style>

<div class="teaser">
    <h3>CSS Teaser Box</h3>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer ut urna. Nam metus tortor, scelerisque vulputate, fermentum nec, malesuada a, nisl. Fusce in est at lacus mattis luctus. Integer metus lorem, ornare sit amet, sodales vel, egestas vitae, tellus. Pellentesque pulvinar lectus et justo.</p>
</div>