[CSS] voor dummies #14

Thanks! 't is lekker simpel en functioneel

Een class geef je in de css toch aan als .naam?

quote:

Op vrijdag 12 maart 2010 21:33 schreef RenRen- het volgende:
Een class geef je in de css toch aan als .naam?

Jep.

quote:

Op vrijdag 12 maart 2010 @ 21:35 schreef donroyco het volgende:

[..]

Jep.

Dan weet ik niet wat ik verkeerd doe.
Is het goed als ik een linkje stuur? Misschien kun jij het zien.

Post je code maar gewoon hier?

quote:

Op vrijdag 12 maart 2010 21:37 schreef RenRen- het volgende:

[..]

Dan weet ik niet wat ik verkeerd doe.
Is het goed als ik een linkje stuur? Misschien kun jij het zien.

Komt u maar door.

Ik gok dat je in je PM doelt op de border om een afbeelding met een a href er om heen die een border om het plaatje oplevert? Dan moet je je .afbeelding class op het <img> leggen i.p.v. om de a die er om heen ligt

En



Mag natuurlijk niet he. Een ID mag maar een keer voorkomen in je HTML en moet met "id="blaat"" worden toegekend, niet met dubbele punt

Goed opgemerkt PimD!

quote:

Op vrijdag 12 maart 2010 @ 22:14 schreef PimD het volgende:
Ik gok dat je in je PM doelt op de border om een afbeelding met een a href er om heen die een border om het plaatje oplevert? Dan moet je je .afbeelding class op het <img> leggen i.p.v. om de a die er om heen ligt

En
[ code verwijderd ]

Mag natuurlijk niet he. Een ID mag maar een keer voorkomen in je HTML en moet met "id="blaat"" worden toegekend, niet met dubbele punt

Ja zei komttijd ook al, het gekke is wel dat hij het perfect doet, ik weet ook niet hoe dat kan.
Zal het straks even aanpassen voor het wel gaat zeiken

Haha, sterker nog, nu ik er = 's van heb gemaakt, en er classes van heb gemaakt, doet hij het niet meer

ik zie nog steeds



hoor...?

quote:

Op vrijdag 12 maart 2010 @ 22:43 schreef PimD het volgende:
ik zie nog steeds
[ code verwijderd ]

hoor...?

Ik heb hem niet online gegooid




En in de css het #'je veranderd in een .
En dan krijg ik dus het volgende:

quote:

Op vrijdag 12 maart 2010 22:48 schreef RenRen- het volgende:

[..]

Ik heb hem niet online gegooid
[ code verwijderd ]

En in de css het #'je veranderd in een .
En dan krijg ik dus het volgende:

[ afbeelding ]

http://css.maxdesign.com.au/listamatic/horizontal01.htm

In je CSS heb je nu dus:



Wat betekent dat alle children van een item met de class "menu" van het type "<li>" de CSS-properties 'bladiebladiebla' krijgen. Je wilt echter dat het item met de class "menu" ZELF die class krijgt. Je moet dus alles wat #menu li was omzetten naar li.menu.

Mooier is trouwens om



te doen in je HTML en in je CSS



Nog mooier zou zijn om het met HTML5 elementen als <nav> te doen

Ik vraag me trouwens wel eens af waarom iedereen denkt dat CSS iets is wat je zo even onder de knie hebt. Ik mag/moet volgende week op kantoor beginnen met een collega die nauwelijks CSS/HTML ervaring heeft CSS te leren... Terwijl het toch niet iets is dat je even snel leert, met alle browser-specifieke dingen waar je rekening mee moet houden, CSS-specificity, advanced selectors etc etc

PimD, wat (vind jij of) is het belangrijkste verschil in HTML5 ten opzichte van zijn voorganger(s)?

quote:

Op vrijdag 12 maart 2010 @ 22:50 schreef donroyco het volgende:

[..]

http://css.maxdesign.com.au/listamatic/horizontal01.htm

...
Laat maar Ik snap daar geen klote van.

quote:

Op vrijdag 12 maart 2010 @ 22:51 schreef PimD het volgende:
In je CSS heb je nu dus:
[ code verwijderd ]

Wat betekent dat alle children van een item met de class "menu" van het type "<li>" de CSS-properties 'bladiebladiebla' krijgen. Je wilt echter dat het item met de class "menu" ZELF die class krijgt. Je moet dus alles wat #menu li was omzetten naar li.menu.

Mooier is trouwens om
[ code verwijderd ]

te doen in je HTML en in je CSS
[ code verwijderd ]

Nog mooier zou zijn om het met HTML5 elementen als <nav> te doen

Ik vraag me trouwens wel eens af waarom iedereen denkt dat CSS iets is wat je zo even onder de knie hebt. Ik mag/moet volgende week op kantoor beginnen met een collega die nauwelijks CSS/HTML ervaring heeft CSS te leren... Terwijl het toch niet iets is dat je even snel leert, met alle browser-specifieke dingen waar je rekening mee moet houden, CSS-specificity, advanced selectors etc etc

Html5?
Volgens mij krijgen wij daar nog geen les in.
En ik denk ook niet dat ik het zomaar onder de knie krijg, of dat ik dat al heb Het meeste wat mensen tegen me zeggen, (Zoals die horizontal menu, de vorige keer was dat ook al hel) snap ik niet.

Tsja, HTML5 is niet alleen maar wat extra elementen natuurlijk. Voor mijn werk vind ik het vooral interessant dat je veel meer semantische waarde kunt geven aan je HTML, door nieuwe elementen als <article>, <header>, <hgroup> en <aside> - die ook nog eens op verschillende manieren in elkaar kunnen worden geschoven. Daardoor wordt de boel ook meteen een stuk toegankelijker.

Daarnaast is het natuurlijk gaaf dat je dingen lokaal kunt opslaan/cachen, geo informatie kunt gebruiken van je gebruikers, dat er een standaard is om audio/video af te spelen zonder Flash/Silverlight/wat-dan-ook plugin en nog veel meer gave shit

Naar mijn idee zullen technieken als Flash en Silverlight steeds minder van belang zijn, aangezien je met HTML5 + CSS3 + Javascript dan zo absurd veel kunt doen dat Flash/Silverlight/e.d. alleen voor het echt zware werk nodig blijven denk ik... Kijk maar naar bijvoorbeeld de HTML5 demo's van YouTube. Maar ja, zolang IE9 er nog niet is (schijnt goede CSS3 support te krijgen) blijft het natuurlijk speculeren

Het is ook aangepast in de css. Maar dit staat niet in de css.

Die link die ik jullie stuurde, als je layout vervangt met dikkeshit dan zie je het bovenstaande
Ook nu ik in de CSS alle menu's met menutop's heb vervangen

Zonder je CSS kan ik je niet helpen he... Heb je trouwens al uberhaupt zelf gegoogled ofzo, want het is natuurlijk niet de bedoeling dat ik/donroyco je huiswerk gaan zitten maken

quote:

Op vrijdag 12 maart 2010 @ 23:07 schreef PimD het volgende:
Zonder je CSS kan ik je niet helpen he... Heb je trouwens al uberhaupt zelf gegoogled ofzo, want het is natuurlijk niet de bedoeling dat ik/donroyco je huiswerk gaan zitten maken

Het is mijn huiswerk ook niet, dus maak je daar niet druk om Ik kan niets vinden.
En er staat een linkje in de broncode naar de css

Welke broncode heb je het nou over, want als ik de link bekijk die je PM'de zie ik geen wijzigingen. En het begint wel een heel klein beetje slowchatterig 'ik snap CSS niet en heb geen zin om zelf moeite te doen' over te komen om eerlijk te zijn

quote:

Op vrijdag 12 maart 2010 @ 23:09 schreef PimD het volgende:
Welke broncode heb je het nou over, want als ik de link bekijk die je PM'de zie ik geen wijzigingen. En het begint wel een heel klein beetje slowchatterig 'ik snap CSS niet en heb geen zin om zelf moeite te doen' over te komen om eerlijk te zijn

quote:

Op vrijdag 12 maart 2010 @ 23:06 schreef RenRen- het volgende:
Die link die ik jullie stuurde, als je layout vervangt met dikkeshit dan zie je het bovenstaande

En fijn, beetje jammer dit Ik snap het gewoon niet meer. Ken heppen, toch? Ik heb dit namelijk al weleens gedaan, en daar ging het ook al helemaal mis.