Pagina 1 van 3
Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 08:47
door 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
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 16:42
door 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.
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 16:58
door 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.
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 17:03
door 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;
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 17:07
door 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?
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 17:55
door 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.
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 18:12
door 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.
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 18:15
door 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.
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 18:19
door 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
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.
Re:Ronde hoeken van tabel worden verminkt.
Geplaatst: 03 mar 2012, 18:21
door hanszzz
Beetje offtopic maar euh
Soms is vierkant beter :woohoo:
Grt en suc6 verder hoor
