DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Ik gebruik al sinds jaar en dag HTML (echt veel anders is er ook niet )
Ik deed dit altijd met tabellen en in de combinatie met een stylesheet.
Maar nu zie ik dat er steeds meer site's komen in XHTML met <div>'s en met een stylesheet.
Maar hoe werkt dat nou precies? Google geeft honderdduizenden resultaten maar niet echt een tutorial om met XHTML en <div>'s te beginnen.
Werk trouwens wel met Dreamweaver MX 2004, en ik weet niet of die zo happig is op <div>'s
)Ik deed dit altijd met tabellen en in de combinatie met een stylesheet.
Maar nu zie ik dat er steeds meer site's komen in XHTML met <div>'s en met een stylesheet.
Maar hoe werkt dat nou precies? Google geeft honderdduizenden resultaten maar niet echt een tutorial om met XHTML en <div>'s te beginnen.
Werk trouwens wel met Dreamweaver MX 2004, en ik weet niet of die zo happig is op <div>'s
eignelijk moet je xhtml en css gaan leren (dus weten wat de mogelijk heden zijn) en je site opnieuw gaan opbouwen
Duurt even, want je moet erachter komen hoe je variabele div's moet maken, maar ook statische.. ook belangrijk is het weten van de positionering van divs (absolute enz).en wanneer bv. je classes gebruikt en wanneer id's .
Het is even wennen maar als je het door hebt dan kom je er achter dat je veel meer met divs kan dan met tabels...
Misschien is een tip: www.w3schools.com
en je kunt ook sources van site gaan bekijken die met deze technieken omgaan. Showviews kun je vinden op:
www.unmatchedstyle.com
www.cssvault.com
www.cssdesign.se
www.cssdrive.com
www.csseauty.com
www.zengarden.com oko wel volgens mij..
enz enz :p
Duurt even, want je moet erachter komen hoe je variabele div's moet maken, maar ook statische.. ook belangrijk is het weten van de positionering van divs (absolute enz).en wanneer bv. je classes gebruikt en wanneer id's .
Het is even wennen maar als je het door hebt dan kom je er achter dat je veel meer met divs kan dan met tabels...
Misschien is een tip: www.w3schools.com
en je kunt ook sources van site gaan bekijken die met deze technieken omgaan. Showviews kun je vinden op:
www.unmatchedstyle.com
www.cssvault.com
www.cssdesign.se
www.cssdrive.com
www.csseauty.com
www.zengarden.com oko wel volgens mij..
enz enz :p
niets
Begin uberhaupt eens met div'jes en css te spelen...
ik heb zelf erg veel gehad aan:
http://www.ilovejackdaniels.com/css_cheat_sheet.png
ik heb zelf erg veel gehad aan:
http://www.ilovejackdaniels.com/css_cheat_sheet.png
Bedenk goed wat je doet....en doe het dan beter!
Dreamweaver en XHTML zijn vijanden van elkaar lijkt wel. Echt, ik heb nog nooit een dreamweaver site gezien met valide code. Als je het echt wilt leren, gebruik dan de tuts op www.w3schools.com bijvoorbeeld. Ook is het een idee om goed opgebouwde sites door te spitten.
Ik maak het gros in Dreamweaver, om later handmatig de code aan te passen zodat ie wél valid isquote:Op zondag 25 september 2005 13:13 schreef Ami80 het volgende:
Dreamweaver en XHTML zijn vijanden van elkaar lijkt wel. Echt, ik heb nog nooit een dreamweaver site gezien met valide code. Als je het echt wilt leren, gebruik dan de tuts op www.w3schools.com bijvoorbeeld. Ook is het een idee om goed opgebouwde sites door te spitten.
Geloof me, dat is werkelijk geen doen! Tables werken dermate anders dan div-structuren dat je je html over het algemeen overnieuw moet maken als je de conversie wilt doen!
doe niet HTML > XHTML hoorquote:Op zondag 25 september 2005 14:49 schreef Ami80 het volgende:
Geloof me, dat is werkelijk geen doen! Tables werken dermate anders dan div-structuren dat je je html over het algemeen overnieuw moet maken als je de conversie wilt doen!
Maar wil gewoon beginnen met XHTML, DIV's en CSS en het begint al er al een beetje op te lijken
en het begint al er al een beetje op te lijken 
Strax ben nu lokaal aan 't prutsen
ik heb nu
Met welke CSS code zorg ik ervoor dat header_menu RECHTSONDERIN header komt?
ik heb nu
| 1 2 3 4 | <div id="header"> <div id="header_logo"><img src="header_logo.png" / alt="" width="168" height="54"></div> <div id="header_menu"><img src="header_menu.png" / alt="" width="415" height="21"></div> </div> |
Met welke CSS code zorg ik ervoor dat header_menu RECHTSONDERIN header komt?
hangt ervanaf of de header een vaste hoogte heeft of niet. Positioneren kun je doen met position:relative; top: (xx)px; of anders met margins.
Je images gaan zo in elk geval fout: de '/' hoort bij '>' en geeft het einde van je tag aan. Bovendien hoef je de hoogte en breedte niet te specificeren. Al met al wordt dat dus:
Je images gaan zo in elk geval fout: de '/' hoort bij '>' en geeft het einde van je tag aan. Bovendien hoef je de hoogte en breedte niet te specificeren. Al met al wordt dat dus:
| 1 2 3 4 5 6 7 8 | <div id="header"> <div id="header_logo"> <img src="header_logo.png" alt="beschrijving vh plaatje" /> </div> <div id="header_menu" style="position: relative; top: 50px;"> <img src="header_menu.png" alt="omschrijving vh plaatje" /> </div> </div> |
hoe bedoel je? Wil je deze hele tekst in een div? Dan zou ik een div maken met een margin van een pixel of 6, padding:12px, padding-top: 40px,, color: #fff, background-color: paars, background-image: url('/about_us.gif'), background-repeat: no-repeat en background-position: top left;
|
|
