Van tabellen naar CSS

[anoniem]

Eén van mijn websites die ik ooit heb gemaakt is [url]http://www.sempre-crescendo.nl/[/url]. Nu de browsers steeds beter worden en ik er meer en meer van overtuigd raak dat tabellen niet voor layout bedoeld zijn, wil ik het 'thema' van deze website omzetten in een CSS layout. Maar, hoe kan ik dat nu het beste doen? Waar moet ik mee beginnen? En waar moet ik op letten? Mochten jullie verwijzen naar andere websites, dan graag nederlandse aangezien dat een stuk makkelijker te begrijpen is voor mij.. Alvast bedankt! :D

[anoniem]

Wat ik altijd doe vóórdat ik ga coden in XHTML/CSS is bepalen waar de site nu eigenlijk uit bestaat. De structuur volgt vanzelf uit deze indeling, het is dan slechts een kwestie van praktisch denken en dat kan je alleen leren uit ervaring. Dingen waar je op moet letten zijn het volgende: Navigatie -> list Kopjes -> headers Content -> div Eventuele andere teksten -> div Verder is het afhankelijk van wat iets is en hoe het in de tekst thuis hoort. Dit zijn natuurlijk richtlijnen en geen waarheden. ;) - Bas

[anoniem]

Zie hier: [url=http://www.sempre-crescendo.nl/nieuw/semprecrescendo.php]mijn thema[/url] tot nu toe.. Het eerste probleem is al direct dat ik de plaatjes met geen enkele mogelijkheid 'aan elkaar' krijg! Iemand een tip? (Ik heb het idee dat dit een heel lang topic gaat worden! :( )

[anoniem]

Waarom is het niet gewoon één afbeelding? Ik zie namelijk geen reden om 'm op te splitsen... :roll: Probeer dus niet meer in tabellen te denken! - Bas

[anoniem]

Je moet de plaatjes in de source code op een regel zetten, dan komen ze tegen elkaar aan. wimb

[anoniem]

Tsja, de site werkt goed. Dus waarom zou je je onnodig werk op de hals halen? Mijn site heb ik ooit ook opgezet in tabellen. En ik pieker er niet over om die om te zetten naar CSS.

[anoniem]

[quote:b9b5d7f8dc]Tsja, de site werkt goed. Dus waarom zou je je onnodig werk op de hals halen? Mijn site heb ik ooit ook opgezet in tabellen. En ik pieker er niet over om die om te zetten naar CSS.[/quote:b9b5d7f8dc] - Omdat het sneller is; - Omdat ik graag met mijn tijd mee wil gaan; - Omdat ik wat tijd over heb; - Omdat ik het leuk vind; - Omdat ik vind dat een website zo stabiel en snel mogelijk moet laden; - Omdat ik het interressant en leuk vind om te doen;

[anoniem]

Helemaal mee eens die site is, afgezien van de sneeuwvlokken..., toch prima! Ik betwijfel of je veel tijdwinst boekt qua laden door de tabellen er uit te gooien. verder zie ik geen enkelle reden om iets wat goed is proberen nog beter te maken. Of je moet een totale makeover willen en nieuwe browsermogelijkheden gaan benutten maar dan zou je, neem ik aan, vers begonnen zijn. [color=darkblue:75e626866e][edit]Hoort eigenlijk boven de vorige[/edit][/color:75e626866e]

[anoniem]

[quote:934b942763]Helemaal mee eens die site is, afgezien van de sneeuwvlokken..., toch prima! [/quote:934b942763] Geloof me, die sneeuwvlokken gaan er zeker uit! [quote:934b942763]Ik betwijfel of je veel tijdwinst boekt qua laden door de tabellen er uit te gooien. verder zie ik geen enkelle reden om iets wat goed is proberen nog beter te maken. Of je moet een totale makeover willen en nieuwe browsermogelijkheden gaan benutten maar dan zou je, neem ik aan, vers begonnen zijn.[/quote:934b942763] Het schijnt dat een layout zonder tabellen ongeveer 3x zo snel wordt geladen dan met tabellen.. (Sorry, k kan m'n bron niet meer vinden) En ja, uiteindelijk wil ik een totale makeover.. Alleen door het switchen tussen de verschillende stylesheets, en niet door een complete nieuwe site te maken.. Wanneer ik alles in CSS kan proppen is het geheel veel makkelijker aan te passen en evt. een complete re-make te maken.. Dus, eerst mijn oude 'tabellen-thema' in een CSS proppen en dan aan de gang met een nieuw stylesheet om een compleet andere look te verkrijgen...

[anoniem]

[code:1:3c00ad5ad3] <div id="pagina-layout"><img src="afbeeldingen/0.jpg" width="170" height="115" alt="" /><img src="afbeeldingen/1.jpg" width="6" height="115" alt="" /><img src="afbeeldingen/2.jpg" width="550" height="115" alt="" /></div> [/code:1:3c00ad5ad3] Zo werkt het wel. Dus zonder die geneste DIV en, zoals WimB al zei, plaatjes tegen elkaar zetten.

[anoniem]

Ik heb mijn hele plan nog ns her-overwogen maar ga er toch mee door... [url]http://www.sempre-crescendo.nl/nieuw/[/url] De #inhoud-rechts is goed, want de hoogte van dat 'blok' wordt uitgerekt door de hoeveelheid inhoud/regels. Maar, #inhoud-links moet [u:d427f60a8a]altijd[/u:d427f60a8a] net zolang zijn (dus, dezelfde hoogte hebben) als #inhoud-midden.. Hoe moet k dat nou doen?

[anoniem]

Op het [url=http://www.sitepoint.com/forums/showthread.php?t=150611&highlight=page+generator]Sitepoint Forum[/url] kwam ik een leuke link tegen waar je automatisch je hele HTML/CSS pagina kunt laten maken. [url=http://207.44.137.103/ctindex.php]Info[/url] [url=http://207.44.137.103/pagemaker_form.php]generator[/url] [url=http://207.44.137.103/css_variable_border_3_columned_pagemaker.php]Voorbeeld[/url] Leuk speelgoed wimb

[anoniem]

[quote:eeaa65914b]Op het Sitepoint Forum kwam ik een leuke link tegen waar je automatisch je hele HTML/CSS pagina kunt laten maken. Info generator Voorbeeld Leuk speelgoed [/quote:eeaa65914b] Bedankt WimB, ze staan in mijn favorieten... Maar, dat was niet mijn vraag. Kijk eens op: [url]http://www.sempre-crescendo.nl/nieuw/index.php[/url] Het probleem is als volgt: De '#inhoud-links' (linkerblokken) moet [u:eeaa65914b]ALTIJD[/u:eeaa65914b] dezelfde hoogte hebben als '#inhoud-midden'. Ik kan echter niet ontdekken hoe ik dat moet doen.. Heb het al geprobeerd met [i:eeaa65914b]height: 100%;[/i:eeaa65914b] in m'n stylesheet, maar dat werkt niet.. Als iemand me zou kunnen helpen, zou ik daar heel blij mee zijn! Ik heb het gevoel dat ik er toch heel dichtbij ben... :D

[anoniem]

[url]http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v1.asp[/url] [url]http://www.positioniseverything.net/thr.col.stretch.html[/url] [url]http://www.alistapart.com/articles/fauxcolumns/[/url] Hiermee moet je er zelf uit kunnen komen ..

[anoniem]

Ik ben zo vrij geweest om je stylesheet eens te bekijken en die is wat magertjes Met die link naar "position is everything" moet je een heel eind kunnen komen!

[anoniem]

[quote:c197ee50dd="Stefan Nagtegaal"][quote:c197ee50dd]Tsja, de site werkt goed. Dus waarom zou je je onnodig werk op de hals halen? Mijn site heb ik ooit ook opgezet in tabellen. En ik pieker er niet over om die om te zetten naar CSS.[/quote:c197ee50dd] - Omdat het sneller is; - Omdat ik graag met mijn tijd mee wil gaan; - Omdat ik wat tijd over heb; - Omdat ik het leuk vind; - Omdat ik vind dat een website zo stabiel en snel mogelijk moet laden; - Omdat ik het interressant en leuk vind om te doen;[/quote:c197ee50dd] Tjee...heb je site idd bekeken. Netjes en overzichtelijk. Heb de source bekeken, hoe doe je het nu met menu. Copy/paste je hem iedere keer als je een nieuwe pagina begint? Je werkt immers niet met frames. Groet, JT

[anoniem]

PHP (als in: server-side).