[CSS] voor dummies #14

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_79066496
quote:
Op vrijdag 12 maart 2010 16:33 schreef RenRen- het volgende:

[..]

Hier moet ik me even bij aansluiten.
pi_79074558
Thanks! 't is lekker simpel en functioneel
Nee.
pi_79078106
Een class geef je in de css toch aan als .naam?
  vrijdag 12 maart 2010 @ 21:35:37 #104
134533 donroyco
dus niet Donroyco
pi_79078201
quote:
Op vrijdag 12 maart 2010 21:33 schreef RenRen- het volgende:
Een class geef je in de css toch aan als .naam?
Jep.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79078298
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.
pi_79078830
Post je code maar gewoon hier?
Nee.
  vrijdag 12 maart 2010 @ 21:50:04 #107
134533 donroyco
dus niet Donroyco
pi_79078840
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.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79080017
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

1
2
3
4
5
6
7		<ul>
       <li id:"menu"><a href="index.html">Home</a></li>    
      <li id:"menu"> <a href="portfolio.html">Portfolio</a></li>
      <li id:"menu"> <a href="about.html">About</a></li>
      <li id:"menu"> <a href="blog.html">Blog</a></li>
      <li id:"menu"> <a href="contact.html">Contact</a></li>
    </ul


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
Nee.
  vrijdag 12 maart 2010 @ 22:25:41 #109
134533 donroyco
dus niet Donroyco
pi_79080404
Goed opgemerkt PimD!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79080765
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
pi_79080885
Haha, sterker nog, nu ik er = 's van heb gemaakt, en er classes van heb gemaakt, doet hij het niet meer
pi_79081058
ik zie nog steeds

1<li id:"menu">


hoor...?
Nee.
pi_79081243
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


1
2
3
4
5
6
7		<ul>
   <li class="menu"><a href="index.html">Home</a></li>    
      <li class="menu"> <a href="portfolio.html">Portfolio</a></li>
      <li class="menu"> <a href="about.html">About</a></li>
      <li class="menu"> <a href="blog.html">Blog</a></li>
      <li class="menu"> <a href="contact.html">Contact</a></li>
    </ul>


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

  vrijdag 12 maart 2010 @ 22:50:02 #114
134533 donroyco
dus niet Donroyco
pi_79081328
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
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79081386
In je CSS heb je nu dus:

1
2
3		.menu li { 
    bladiebladiebla
}


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

1
2
3		<ul class="menu">
<li><a href="#">Blaat</a></li>
</ul>


te doen in je HTML en in je CSS

1
2		ul.menu li {
}


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
Nee.
  vrijdag 12 maart 2010 @ 22:53:16 #116
134533 donroyco
dus niet Donroyco
pi_79081458
PimD, wat (vind jij of) is het belangrijkste verschil in HTML5 ten opzichte van zijn voorganger(s)?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_79081641
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.
pi_79081709
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.
pi_79081838
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
Nee.
pi_79081912

Het is ook aangepast in de css. Maar dit staat niet in de css.
pi_79081985
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
pi_79082006
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
Nee.
pi_79082058
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
pi_79082107
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
Nee.
pi_79082174
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.
pi_79083704
Mja tis inmiddels een dusdanige warboel dat ik het ook niet helemaal meer snap

ff overnieuw beginnen is nu het handigst. Dan weet je ook wát je nou precies doet, zodat je het ook later makkelijker kunt aanpassen enzo.
zcflevo.nl
pi_79092798
1
2		<a onmouseover="image4.src='bass2.jpg';" 
onmouseout="image4.src='bass.jpg';"><img name="image4" src="bass.jpg" border="0" href="agenda.html" target="_blank" alt="" /></a> 


Ik wil dat je wordt doorgelinkt naar een andere pagina. Ik heb nu van index.html agenda.html gemaakt maar de link werkt dan niet..
pi_79093453
quote:
Op zaterdag 13 maart 2010 12:33 schreef Gitaarmat het volgende:

[ code verwijderd ]

Ik wil dat je wordt doorgelinkt naar een andere pagina. Ik heb nu van index.html agenda.html gemaakt maar de link werkt dan niet..
Ik mis het href-attribuut.
fokstok.nl
pi_79093504
Die staat er wel. Bij de img tag
pi_79093665
quote:
Op zaterdag 13 maart 2010 12:58 schreef Gitaarmat het volgende:
Die staat er wel. Bij de img tag
Ohja, als ik naar rechts scroll, zie ik het wel. Maar daar hoort'ie niet, dus daar zoek ik ook niet.
fokstok.nl
pi_79093946
Ok lol het is gelukt.

maar ik heb nu mijn font tag buiten een tabel staan en de tekst reageert niet op het aanpassen van face.
pi_79098639
quote:
Op zaterdag 13 maart 2010 13:11 schreef Gitaarmat het volgende:
font tag
1998 belde?
zcflevo.nl
pi_79111950
quote:
Op zaterdag 13 maart 2010 13:11 schreef Gitaarmat het volgende:
Ok lol het is gelukt.

maar ik heb nu mijn font tag buiten een tabel staan en de tekst reageert niet op het aanpassen van face.
Font-tags gebruiken in, nota bene, een CSS topic. Vloeken in de kerk is minder erg.
fokstok.nl
pi_79177599
Oeh, vandaag op het werk voor het eerst gespeeld met LESS. Erg gaaf en gemakkelijk te installeren (mits je op een Mac werkt natuurlijk). Het installeren van de .NET versie voor Visual Studio duurde iets langer Morgen nu eeeeindelijk CSS schrijven met inheritance en variabelen
Nee.
pi_79477693
Ik heb een probleempje met mijn css sheet, hij laadt niet zoals ik verwacht

Hij werkt alleen als ik heel het pad beschrijf (C:\website\...\nieuw\css\default.css)
Mijn html pagina staat in <dir> nieuw, als ik dan:
<link href="..\css\default.css" type="text/css" rel="stylesheet" />
werkt het niet

<link href="\css\default.css" type="text/css" rel="stylesheet" />
ook geen succes
Zie ik iets over het hoofd?

ivm een wat mindere creativiteit heb ik deze css file geleent van een andere site
kan het zijn dat in die file iets staat waardoor het fout gaat?
om de css uit te testen heb ik ook een html van die pagina bekeken, kan daar iets in staan?
pi_79477703
Probeer dit eens:
<link href="css/default.css" type="text/css" rel="stylesheet" />

Het is ook beter om een / ipv een \ te gebruiken. Dan werkt de site ook in alle browsers als je die op een server zet.
fokstok.nl
pi_79477712
Voor CSS en HTML kun je het beste gebruik maken van een andere directory seperator, namelijk forward slashes:

<link href="/css/default.css" type="text/css" rel="stylesheet" />

En mijn hemel, als je geen verstand hebt van het bouwen van website laat het dan lekker door iemand anders doen i.p.v. de hele meuk zomaar van een andere site af te trekken zonder eeeeenig idee waar je mee bezig bent.
Nee.
pi_79477952
quote:
Op dinsdag 23 maart 2010 07:13 schreef PimD het volgende:

En mijn hemel, als je geen verstand hebt van het bouwen van website laat het dan lekker door iemand anders doen i.p.v. de hele meuk zomaar van een andere site af te trekken zonder eeeeenig idee waar je mee bezig bent.
Jij hebt het ook ooit moeten leren
fokstok.nl
pi_79478074
quote:
Op dinsdag 23 maart 2010 07:52 schreef Light het volgende:

[..]

Jij hebt het ook ooit moeten leren
thanx!
pi_79478104
quote:
Op dinsdag 23 maart 2010 07:12 schreef Light het volgende:
Probeer dit eens:
<link href="css/default.css" type="text/css" rel="stylesheet" />

Het is ook beter om een / ipv een \ te gebruiken. Dan werkt de site ook in alle browsers als je die op een server zet.
helaas het werkt niet

edit: het werkt wel :-) had /css staan .... die / ervoor was dus nog fout...allen bedankt voor de snelle hulp

[ Bericht 10% gewijzigd door MrNiles op 23-03-2010 08:20:52 ]
  woensdag 31 maart 2010 @ 15:57:23 #141
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79792079
Ik ben bezig met een of andere site te bouwen, omdat wij geen beter alternatief hadden dan een bio-informaticus die geen verstand heeft van CSS. Dus ik had maar wat CSS van het web geplukt.

Maar goed, het probleem is dus (iig in IE8 en IE7) dat de footer een stuk van het middenstuk af staat en een zwarte streept veroorzaakt, en dat het lettertype in het linkermenu en in de footer te groot is. In Mozilla werkt alles gewoon naar behoren. Zie de code hieronder:
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Heeft iemand van jullie enig idee hoe het te verhelpen?

www.wijzijndemop.nl/index.php?id=3

[ Bericht 0% gewijzigd door Singleyouteaare op 31-03-2010 17:19:36 ]
  woensdag 31 maart 2010 @ 16:02:33 #142
134533 donroyco
dus niet Donroyco
pi_79792350
Ja, want we weten ook om welke website het gaat
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 31 maart 2010 @ 16:04:54 #143
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79792473
Hoezo?
  woensdag 31 maart 2010 @ 16:07:28 #144
134533 donroyco
dus niet Donroyco
pi_79792604
quote:
Op woensdag 31 maart 2010 16:04 schreef Singleyouteaare het volgende:
Hoezo?
Snel editten hè

Gebruik gewoon WordPress, geen zeik met FreeCSS
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 31 maart 2010 @ 16:08:53 #145
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79792659
Dat is dus geen optie
pi_79794707
Ongetwijfeld een maffe renderfout omdat die #secondary-content gepositioned is.
zcflevo.nl
  woensdag 31 maart 2010 @ 17:05:07 #147
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795075
En hoe los ik dat op? Een duwtje in de goede richting? (Sorry )
pi_79795098
De position van #secondary-content afhalen?
zcflevo.nl
  woensdag 31 maart 2010 @ 17:08:00 #149
259484 Singleyouteaare
Ongerelateerd aan Doubleyou
pi_79795194
Nope, dat is hem niet
pi_79795326
Primarycontent dan? Zo niet dan ga je eerst maar eens fatsoenlijke HTML bouwen, wtf moeten we hier nou weer mee joh

1<div id="menu"><br><br><br><br><br><br><br><br><br><br><br>

1
2
3
4		<div id="primaryContent">         

            <h2></h2><h3><b><br><br></b></h3>              
      </div>
1
2		<h3><font size="small">
           <ul> <li>
zcflevo.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies #14
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')