[AenG]

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

[Meteotines]

Hoi Geert,

Je had ook kunnen zoeken bij Google op: ronde hoeken tabel
Het 2e gevonden resultaat is deze:
http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners-nl.htm

Succes ermee,

Tines.

[AenG]

Natuurlijk ben ik eerst via google gaan zoeken en ook bij deze oplossingen terecht gekomen. Het nadeel is dat je images op de hoeken moet gaan plaatsen en dat vind ik nogal omslachtig.

Ik zocht eigenlijk een simpelere oplossing.

[tjabine]

AenG schrijft:

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

Ik denk dat je inderdaad beter alles met css kunt doen.
Als je dan ergens afronding wil hoef je alleen maar de class te geven.

Gr Ron.

Code: Selecteer alles

   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;

[AenG]

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?

[tjabine]

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.

[AenG]

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.

[AenG]

En dit is zonder padding.

Ik zie op de meeste websites dat men het maar zo laat, maar ik stoor mij daar aan. Dat hoekje valt mij gelijk op, vooral als het plaatje wat groter is.

[tjabine]

AenG schrijft:

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.

Geert dan moet je de img een style meegeven van

Code: Selecteer alles

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

Zie voorbeeld rechts boven van buienradar op mijn home page.
Alleen probleem is hier dat html5 nog niet in alle browsers werkt op dit moment.
IE9 firefox en Opera geen probleem maar de rest??

Gr Ron.

[hanszzz]

Beetje offtopic maar euh

Soms is vierkant beter :woohoo:

Grt en suc6 verder hoor