Ik zit met het volgende probleem.

In een cel van een tabel (die ronde hoeken heeft) wil ik de MOS-verwachting laden. Op zich werkt het allemaal prima, alleen de ronde hoek wordt verminkt doordat de afbeelding over de border valt.

Is hier hier ook een oplossing voor zonder de afbeelding af te ronden?
Want hetzelfde probleem heb ik ook met de buienradar die ik niet kan afronden.

Of moet ik geen tabel gebruiken en alles opbouwen met CSS?


Gr. Geert

   border-radius: 0px 5px 5px 5px;

   -moz-border-radius-bottomleft: 5px;

   -moz-border-radius-bottomright: 5px;

   -moz-border-radius-topright: 5px;

   -webkit-border-bottom-left-radius: 5px;

   -webkit-border-bottom-right-radius: 5px;

   -webkit-border-top-right-radius: 5px;

Klopt Ron, zo maak je ronde hoeken en dat lukt allemaal prima.
Ik gebruik nu een tabel + CSS.

Maar als je nu een image of een link laad dan wordt de hoek verminkt. Bij een image kun je dan eventueel de hoeken afronden met bv photoshop, maar bij een link (buienradar) gaat dat niet.

Misschien lukt het met DIV's wel?

AenG schrijft:

Klopt Ron, zo maak je ronde hoeken en dat lukt allemaal prima.
Ik gebruik nu een tabel + CSS.

Maar als je nu een image of een link laad dan wordt de hoek verminkt. Bij een image kun je dan eventueel de hoeken afronden met bv photoshop, maar bij een link (buienradar) gaat dat niet.

Misschien lukt het met DIV's wel?

Hoi Geert,

Je kunt natuurlijk ook cellspacing gebruiken.
Als je bv de cell 2px spacing geeft is verminkt de img de border niet.
Maar de img in die cell heeft dan geen ronde hoeken natuurlijk.

Gr Ron.

tjabine schrijft:

AenG schrijft:

Klopt Ron, zo maak je ronde hoeken en dat lukt allemaal prima.
Ik gebruik nu een tabel + CSS.

Maar als je nu een image of een link laad dan wordt de hoek verminkt. Bij een image kun je dan eventueel de hoeken afronden met bv photoshop, maar bij een link (buienradar) gaat dat niet.

Misschien lukt het met DIV's wel?

Hoi Geert,

Je kunt natuurlijk ook cellspacing gebruiken.
Als je bv de cell 2px spacing geeft is verminkt de img de border niet.
Maar de img in die cell heeft dan geen ronde hoeken natuurlijk.

Gr Ron.

Ik heb met PADDING een rand van 2px gemaakt, maar dan krijg je een witte rand en heeft het plaatje geen ronde hoek.

Ik wil eigelijk dat de border over de afbeelding valt zodat je de scherpe hoek van de afbeelding niet meer ziet.

-moz-border-radius: 5px;  
    -webkit-border-radius: 5px;