Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Div's naar Tables

8 antwoorden
  • Hallo, ik wordt helemaal gek van mijn layout die niet goed werkt. Daarom heb ik besloten om hem om te zetten naar tables. Is er een programma die dit gemakkelijk kan doen? Style.css moet wel gewoon blijven.. Roy ;)
  • Het lijkt me heel onwaarschijnlijk dat zo'n programmaatje bestaat, bestaat die wel dan moet de programmeur hiervan ritueel worden geslacht en alle computers waarop het zich op bevind op een brand stapel worden gegooid... een div indeling omzetten naar tables...was je ook van plan om je auto weg te doen en vervolgens met paard en wagen rond te gaan rijden? Als je je div layout niet aan de praat krijgt dan ligt dat aan jouw onkundigheid en niet aan de divs... :wink:
  • Ik werk zelf altijd met tables als ik een layout maak. Doordat ik weinig tijd had heb ik mijn layout door iemand anders laten slicen. Deze persoon deed dit met div's. Alles werkt perfect in FF, maar in andere browsers staat alles raar en scheef. Hij zegt zelf dat hij ook werkt in IE6 en IE7, maar hier merk ik weinig van. Ik heb het toch liever in tables, ik heb niet veel ervaring met div's en dus vindt ik het nogal moeilijk om wat te weizigen. Nu was ik op zoek naar een programmatje die dit voor mij kon doen. Dit is er dus niet.. Ik denk toch dat ik dan of tijd moet maken en de layout overnieuw moet gaan slicen en deze keer met tables of ik moet een andere slicer vinden die dit kan doen of overnieuw kan doen.. maar dan moet ik weer geld uitgeven terwijl ik €35,- heb betaald voor alleen slicen waarbij de slice niet eens goed is :( Misschien iemand die wat ik wil zou willen doen :roll:
  • Dit forum is niet bedoeld voor commerciele activiteiten en ik denk ook dat een admin posts in die rixchting zal verwijderen, als iemadn erin is geinteresseerd om je te helpen met je layout je via pb zal moeten contacteren...je kan natuurlijk ook gewoon zelf erin duiken, als je al ervaring hebt met HTML is het niet heel moeilijk je moet alleen vanuit een ander perspectief schrijven...semantische correcte HTML is ook een stuk makkerlijker te lezen en laad sneller... Veel geluk, greetz Drew
  • Bedankt voor je reactie. Ik zal eens op [url=http://www.tbforum.nl]TB[/url] vragen..
  • Ik ben er nog niet helemaal uit. Kan iemand wat tips geven hoe ik dit het slimste aan kan pakken? Me layout wil ik dus van div's naar tables omzetten.. Bijvoorbeeld het volgende uit de CSS voor de Div's, hoe moet ik dit naar tables krijgen: (het dik gedrukte weet ik niet en schuin gedrukt is commentaar zegmaar) ------------------------------------------------------------------------------ input { background: url('img/input.png') [b:9e42859fa4]no-repeat[/b:9e42859fa4]; width: 139px; height: 17px; [b:9e42859fa4]line-height: 17px;[/b:9e42859fa4][i:9e42859fa4]wat houd dit precies in?[/i:9e42859fa4] font-size: 9px; [b:9e42859fa4]margin-top: 1px; padding: 1px 0px 0px 3px;[/b:9e42859fa4] border: 0px; } #container { width: 813px; [b:9e42859fa4]margin: 0px auto;[/b:9e42859fa4][i:9e42859fa4]Waar is dit voor en wat doet het woord "auto" erachter?[/i:9e42859fa4] } .links{ background: url('img/logo.png') [b:9e42859fa4]no-repeat[/b:9e42859fa4]; width: 316px; height: 229px; [b:9e42859fa4]float: left;[/b:9e42859fa4][i:9e42859fa4] wat houd dit in?[/i:9e42859fa4] } .loginlinks { color: #d3d5d2; font-weight: bold; [b:9e42859fa4]line-height: 17px;[/b:9e42859fa4] [i:9e42859fa4]Wat houd dit in?[/i:9e42859fa4] [b:9e42859fa4]padding: 10px 0px 0px 10px;[/b:9e42859fa4] [i:9e42859fa4]Waar is dit goed voor?[/i:9e42859fa4] [b:9e42859fa4]margin: 156px 0px 0px 46px;[/b:9e42859fa4] [i:9e42859fa4]Waar is dit goed voor?[/i:9e42859fa4] [b:9e42859fa4]float: left;[/b:9e42859fa4] [i:9e42859fa4]Waar is dit goed voor?[/i:9e42859fa4] } ------------------------------------------------------------------------------ Dit waren de moeilijke dingen wel zo'n beetje.. ik hoop dat iemand mij kan vertellen hoe ik de dik gedrukte dingen in tables zegmaar verwerk en als ik niet weet waarvoor het is en wat het doet zou ik graag een uitlegje willen horen.. Ik hoop dat iemand zo vriendelijk wil zijn om mij deze dingen te vertellen.
  • Ik krijg een beetje de indruk dat je nog niet echt vaak met CSS hebt gewerkt als je dat al ooit hebt gedaan. CSS is vaak heel specifiek, CSS die voor een div layout is geschreven kan je niet zomaar voor tables worden gebruikt... Ik zal toch de dingen uitleggen die je vraagd:[code:1:1f2ed058c5]input { background: url('img/input.png') no-repeat; width: 139px; height: 17px; line-height: 17px; hiermee bepaal je de afstand tussen text regels font-size: 9px; margin-top: 1px; padding: 1px 0px 0px 3px; border: 0px; } #container { width: 813px; margin: 0px auto; margitn leg ik hieronder wel uit... } .links{ background: url('img/logo.png') no-repeat; width: 316px; height: 229px; float: left; bij float onttrek je het element aan de flow van de pagina en laat je het in dit geval links uitlijnen.. } .loginlinks { color: #d3d5d2; font-weight: bold; line-height: 17px; padding: 10px 0px 0px 10px; zie hieronder margin: 156px 0px 0px 46px; zie hieronder float: left; Waar is dit goed voor? } [/code:1:1f2ed058c5] Margine en padding, hebben met elkaar te maken, [url=http://www.w3.org/TR/REC-CSS2/box.html]hier[/url] kan je zien hoe het werkt, het plaatje is wel redelijk duidelijk. Met margin en padding kan je de groote van de ruimte om een element heel precies bepalen, in pixels (px) zoals hier of in procenten of in em...Je gebruikt margin en padding vaak om een element op de juiste plaats te krijgen. [code:1:1f2ed058c5]#container { width: 813px; margin: 0px auto; margitn leg ik hieronder wel uit... }[/code:1:1f2ed058c5]Wat ie hier doet is de hele inhoud van de site (waarschijnlijk) in een div zetten, zoiets;<div id="container">....dan kan hij de breedte van de site instellen op 813 pixels en met de "margin: 0 auto;" regel wordt de site gecentreerd, de ruimte links en rechts van het element wordt gelijk verdeeld. [url=http://www.w3schools.com/css/pr_class_float.asp]Hier[/url] wat meet info over float. Maar ja, ik denk dat je het ook [i:1f2ed058c5]met[/i:1f2ed058c5] deze info het niet gaat redden... iig, veel geluk ermee, greez Drew
  • Ik ga in iedergeval alle opties even proberen te maken met tables, ik hoop dat dit lukt en als het gelukt is ga ik mijn hele layout omzetten van div's naar tables. Bedankt!

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.