Een goeiemorgen/middag/avond
Ik heb me deze week wat beziggehouden met het leren van CSS.
Voordien werkte ik altijd met tabellen, en hier wilde ik van afstappen !
Deze week kwam ik een tamelijk simpele lay-out tegen, en daarop heb ik me gebaseerd om iets inéén te coderen..
Het resultaat vind je op: http://www.startcity.eu/test/
Het gaat niet meteen om het uitzicht, maar eerder over de code..
Ik heb de code zo optimaal mogelijk probren te maken.
(voorlopig nog in dreamweaver, waardoor de schikking nog wat onduidelijk is, maar ik ben van plan hierna af te stappen van dreamweaver).
Ziet deze code er wat netjes & correct uit? (Ook al is het Valid)
Wat kan er nog verbeterd worden?
Nog een vraagje.. Ik merk op dat er in xHTML geen atribute "onMouseOver" enzo is.. (de w3 validator vertelde me dit)
Wat moet je dan gebruiken in xHTML?
Zoals je ziet is mijn document opgemaakt in HTML, maar ik las dat xHTML beter was, daarom dat ik dit graag even wil omzetten naar xHTML.
Alvast bedankt
Vriendelijke groeten
Olivier Dierickx
- CSS & HTML Template
-
09-06-2007, 15:57 #1
- Berichten
- 374
- Lid sinds
- 18 Jaar
CSS & HTML Template
-
10-06-2007, 00:00 #2
- Berichten
- 891
- Lid sinds
- 18 Jaar
Origineel gepost door Olivier DierickxHet gaat niet meteen om het uitzicht, maar eerder over de code..
moved
-
10-06-2007, 00:06 #3Particulier
- Berichten
- 412
- Lid sinds
- 17 Jaar
Die mouseover doe je met css.
-
10-06-2007, 00:53 #4
- Berichten
- 1.832
- Lid sinds
- 18 Jaar
Zou ik mogen vragen HOE je het hebt geleerd? bepaalde sites of boeken.
-
10-06-2007, 07:02 #5Particulier
- Berichten
- 382
- Lid sinds
- 18 Jaar
Via dit boek : http://www.kassenaar.com/1boek.asp?isbn=9039523142
Verbetering :
- css in een extern stijlblad steken
- Javascripts onClick, onMouseOut vervang je door de css variant input:hover
- Woorden a al Schaamte, okselhaar, ... vervang je door h2 of h3 varianten.
- De paragrafen die j egebruikt zoals Onderzoek toonde aan dat ... moet je ook als paragraaf taggen : <p>
- Je img tag moet je ook afsluiten. Dit doe je op het einde van je tag zo : .. alt:"datum />
- Je zet in je css best ook nog dit
* {padding:0; margin:0} <- op die manier haal je van al je elementen de padding en margin weg. Kan soms wel es handig zijn, want elke browser reageert anders op die paddings en margins.
-
10-06-2007, 08:19 #6
- Berichten
- 374
- Lid sinds
- 18 Jaar
Dankje iedereen!
Dankje voor de vele opmerkingen, Joeri, zeer leerrijk !
-
10-06-2007, 08:41 #7Particulier
- Berichten
- 50
- Lid sinds
- 17 Jaar
xHTML is eigenlijk een vernieuwde versie van HTML. HTML is eigenlijk erg slordig. De brower denkt bijv. bij een enter (<br>) dat die tag ook nog weer afgesloten wordt. Net als bij Youri tip 5, moet je dat aangeven <br />. ZO weet hij dat de tag afgesloten is. EN dat schijnt beter te zijn.
Correct me if i'm wrong.
-
10-06-2007, 09:57 #8Particulier
- Berichten
- 382
- Lid sinds
- 18 Jaar
ja dat klopt Gerjan wat je zegt.
Gewoon alle tags sluiten, is een standaard vereiste van xhtml.
dit zou eventueel ook correct zijn : <br></br> . Maar omdat dat veel typwerk is, is dit inderdaad ook goed : <br />
-
11-06-2007, 08:09 #9
- Berichten
- 374
- Lid sinds
- 18 Jaar
Ooh, nu snap ik het waarom je op het einde een "/" moet plaatsen bij de img tag enzo.
Dit is in feite omdat je die img tag dan afsluit als ik het goed begrijp.
In plaats van
<img src=".." alt=".."></img>,
gebruik je
<img src=".." alt=".." />
Ik dank jullie voor de hulp !
-
11-06-2007, 08:10 #10Particulier
- Berichten
- 382
- Lid sinds
- 18 Jaar
Origineel gepost door Olivier DierickxOoh, nu snap ik het waarom je op het einde een "/" moet plaatsen bij de img tag enzo.
Dit is in feite omdat je die img tag dan afsluit als ik het goed begrijp.
In plaats van
<img src=".." alt=".."></img>,
gebruik je
<img src=".." alt=".." />
Ik dank jullie voor de hulp !
-
11-06-2007, 12:44 #11
- Berichten
- 192
- Lid sinds
- 18 Jaar
en nog een tip over onmouseover, onclick, onchange etc. Die kan je ook gewoon tussen de <script> tags plaatsen. Maar dat moet je dan maar even opzoeken op google ofzo hoe dat precies moet.
-
11-06-2007, 21:31 #12
- Berichten
- 224
- Lid sinds
- 17 Jaar
Origineel gepost door Olivier DierickxNog een vraagje.. Ik merk op dat er in xHTML geen atribute "onMouseOver" enzo is.. (de w3 validator vertelde me dit)
XHTML staat het gebruik van hoofdletters
dat werkt, kijk maar naar http://www.pvmultimedia.nl
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic