Tabellen met ronde randen

Beetje vreemde naam (want je maakt ze niet rond ;), en het ook niet direct met php te maken, maar verder wel handig voor beginnende webdesigners :)

Ja, k had de titel alsvolgt moeten noemen: tabellen met afronding

Ja dat is beter :)

Je kan dit beter met CSS en html elementen (p, h1, h1, h3 ul, li...) doen...

dit is een leuk verhaal hierover:
http://www.hotdesign.com/seybold/

ik vind dit onnodig voor ervaren html kenners maar handig voor de beginnende.
in mijn tijd moest ik alles zelf vinden XD

Olaf, omfg wat een bla bla bla tutorial is dat, ze kunnen misschien mooie tabellen maken maar snelle overizchtelijke tutorials niet :p

DaeDaluz,

Dit artikel heeft het wel over hoe je "echte" websites maakt...

(is trouwens niet als tutorial bedoeld maar meer om te prikkelen een websites anders te bouwen)

dat oke

maarr


dat volg ik niet

Websites die ook in Firefox werken, geen tabellen met spacer-images, kortom websites die structureel zijn niet de websites die door creamweaver, frontpage en golive uitgespuugd worden.

dit kan ook in CSS :/ dit is HTML op de verkeerde manier gebruiken.. tabellen zijn voor tabel data!

Juist.
Onzin tut.

Owkee...hoe doe je dat dan in CSS (tutorial op csshulp.nl? :P)? Lijkt mij een mooie kans om mijn grafische kwaliteiten wat te verbeteren. Ben altijd al benieuwd geweest naar hoe dat grafische wordt aangekleed, maar nooit echt zin gehad om engelse tutorials te gaan lezen over CSS :)

Kasper, zie het als een uitdaging hiermee zelf aan de slag te gaan...
;-)

je kan ook leren uit bestaande websites:
http://cssvault.com/
via deze website heb je toegang tot extra veel websites opgemaakt met CSS.

Werken deze CSS functies ook in firefox en andere browsers? Hoor vaak van andere mensen namelijk dat veel CSS functies niet werken in andere browsers.

In princiepe alles
Alleen slecht gescripte CSS code niet ^^

Jeroen,

de standaard is zeker niet IE...in het algemeen test je de sites in Mozilla en dan zijn deze ook goed in IE (behalve de CSS die IE verkeerd begrijpt) maar als je de site in IE gaat testen, dan is het dat niet altijd goed (voor alle browsers)

Ik maak er dan ook de gewoonte van om mijn site zowel in IE als in Firefox te testen. Ik heb al gemerkt dat bijvoorbeeld fieldset e.d. niet goed werkt in Firefox. Daarom vroeg ik mij af of er nog meer zaken zijn die niet goed werken.

De manier die ik hier in de tutorial uitgelegd heb gekregen heb ik btw ook maar op school geleerd dus ik weet zelf geen alternatief. Daarvoor heb ik te weinig CSS gebruikt.

Op school moesten we destijds in een half jaar in ASP mbv een Acces Database een Veiling en Webwinkel maken met beheer van orders e.d. dus daar heb ik ook nooit de tijd voor gehad. Ronde tabellen hebben we toen dus ook op deze manier gemaakt.

Kan iemand me uitleggen hoe je zoiets met CSS dan wel kunt maken?

Ik had het al een keer zien staan, maar ik vond het niet boeie, nu valt me oog er weer op, dus ik moet het volgende kwijt:Er is al een aantal keer CSS gevallen hiero, zeker makkelijk om te gebruiken voor een tabel, maar dan is er nog iets wat niet kopt...

Goed, mijn rekenkundige brein ziet het volgende in een regel van de tabel:
20px+90%+20px -> Samen moet het 100% zijn, of volgens de breedte van de tabel 300px.
Als de middelste kolom 90% is, zijn de andere twee bij elkaar 10%, als 40 px (twee kolommen bij elkaar) 10 % is, dan is 100% 400 px. En de tabel is maar 300px?
Als je het in procenten gaat berekenen is 90% van 300px een totaal van 270px. Dan is 40px een goede 13,3 procent. Totaal? 13,3%+90% = 103,3%.

Het boeit niet hoor, maar het stoort me wel.. :)

Elwin

Woow daar moet je zin in hebben ^^

dat is het probleem met tabllen zij worden gewoon niet goed gebruikt...
wat vindt je van een tabelbreedte van 300 en de (2)kolommen van 20 ?

Wat het probleem is met fieldset??

Als ik een fieldset object gebruik binnen een tabel, dan vallen deze in IE binnen de tabel en in firefox daarbuiten.
Misschien vraag je je af waarom ik in vredesnaam een fieldset in een tabel wil gebruiken. Misschien om zo de lay-out te kunnen verdelen, omdat ik frames niet lekker vind werken.

gebruik het fieldset waarvoor het bedoeld is, namelijk voor form elements. Dat IE sommige slechte code goed weerkgeeft betekend niet dat deze code goed is. Gewoon altijd testen via w3. Als dan code in Firefox niet goed is dan mag je oordelen dat firefox iets niet goed weergeeft.

Mmhh...die tabellen...Ik ben juist doordrongen van het feit dat tegenwoordig alles met CSS opgelost dient te worden, met name tabellen.

Ik ben ook druk bezig om mijn site om te toveren naar een tabel-loze website...Of moet ik me niet zo gek laten maken en tabellen laten voor wat ze zijn ?

Erick,
tabellen mag je wel blijven gebruiken maar dan wel voor de juiste doeleinden (de naam zegt het al). Je kan ook een tabel met CSS opmaken in plaats van al de verschillende table-tags.

Ik sluit me helemaal aan bij veel andere opmerkingen.
HTML voor structuur, CSS voor opmaak en PHP voor server-side code (php ontbreekt hier, dus de tutorial was sowieso al offtopic). Om het nog maar eens te benadrukken; tabellen zijn om gestructureerd data weer te geven en niet om kolommen o.i.d. te maken, gebruik daarvoor een div tag en geef met CSS de afmetingen en positie aan. Dat is bovendien makkelijker en overzichtelijker. Als internet explorer nu ook even fixed positioning gaat ondersteunen dan is helemaal elke frameset overbodig.

em, de tutorials zijn volgens het formulier wat ik gebruikte ingedeeld in categori?en. Ik heb deze bij html gezet.

er staat wel : PHP tutorial toevoegen

Een website opbouwen met tabellen is prima! het kan soms 10x sneller zijn in de opbouw van de site. Zeker als je net begint is het makkelijker. Uit eindelijk is het bouwen van een website met css beter. toch wordt css vaak veelvuldig verkeerd gebruikt door webmasters, en kost het weer extra dataverkeer etc... wees realistisch en bekijk of je website css behoeft of dat tabellen jou ding zijn. Er is geen beter of slechter!

Kijk, een website maken in tabellen is goed, dat doe ik zelf ook. Maar maak de ronde randjes enzovoort gewoon met plaatjes! Dat scheelt veel gescript enzo, misschien een tip. misschien niet ;)

http://www.vanderklugt.speedxs.nl/rondehoeken/ronde_hoeken.html dat zijn echte ronden randen met css!! Alleen werkt het niet met Internet Explorer(weer een reden om Firefox te gebruiken)

Maar je vergeet dat een goede website het op beide goed moet doen. Dus uiteindelijk moeten we wachten op IE7 in de hoop dat de CSS ondersteuning beter is. :S :S

Je kan het ook gewoon doen met CSS en plaatjes. Zie b.v. MijnProject en de css hiervan. Bas heeft er nog wel een foutje inzitten, hij moet nog een spatie plaatsen tussen de divjes, alhoewel dat geen ramp is

of nog beter alleen met css:

http://pro.html.it/esempio/nifty/

Ik heb een website gemaakt van alleen tabellen. Kan dit eigenlijk wel? Want ik had de startpagina klaar, en toen zat ik met het probleem hoe ik moest doorlinken naar een volgende pagina. Ik heb de startpagina gekopieerd en vervolgens die pagina aangepast. Maar echt handig is het allemaal niet

@ Edwin dat kan je doen door iframes.

Ja ik gebruik tegenwoordig Layers. Dit werkt prima!! Heel makelijk te verplaatsen en je kunt dingen over elkaar heen plaatsen zonder afbeedingen in stukjes te gaan knippen.

aaaargh!!

Een afschruwelijk stukje code.

1. In elke tabelrij wordt de breedte aangegeven. Zo zie ik bijvoorbeeld 3x 90% staan. Terwijl dit bijvoorbeeld alleen in de bovenste rij hoeft te staan. Stel dat je een kolombreedte-aanpassing doet, dan moet je dat bij het bovenstaande script 3x aanpassen. Beetje omslachtig.

2. Wat is het nut van de vermelding van 90%. Als je de tabel een breedte geeft van 300 en je geeft 2 kolommen een breedte van 20px, dan zal de derde kolom automatisch het resterend aantal pixels zijn (dus 260px).

3. Veel te veel code voor zo'n kleine actie.

WTF is dit?

Dat zal jij en die pokerbot boven je nooit begrijpen :)

Heb even een opmerking over je tabellen. Ze zijn niet semantisch opgemaakt waardoor pagina's groter worden dan nodig is, wat zorgt voor meer bandwidth-usage waardoor jij meer moet gaan betalen!!! (we blijven wel Nederlander natuurlijk ;-)) Maar voor de rest: goede tutorial! :)

Als je een site goed kan maken dmv tabellen dan moet je gewoon tabellen gebruiken, maar doe het inderdaad wel goed. Wat boeit het voor de gebruiker nou of een site in tabellen is opgebouwd of in div's. Als de site maar gewoon goed weer wordt gegeven, gebeurt dat niet dan is dat een probleem voor de designer.
Ieder zijn eigen manier

Helemaal mee eens Niek!

Als we toch offTopic bezig zijn...
Dit is ook een mooie bron van verantwoorde CSS .....
http://www.cssplay.co.uk/
Wordt wekelijks geupdate..

een hoek is niet rond :|
http://bf.web-share.nl (gebruik ik dit ook)

bwahwha Je hebt gelijk!

En wat vinden jullie dan van dit?

Gebruik dit element in CSS voor afgeronde hoeken: '-moz-border-radius:10px;'