[CSS] voor dummies #14

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  woensdag 10 maart 2010 @ 17:23:53 #91
134533 donroyco
dus niet Donroyco
pi_78979446
quote:
Op woensdag 10 maart 2010 17:21 schreef donroyco het volgende:

[..]

Geef de div een id/class mee en doe in het css-bestand de style meegeven.
Dus zo:

<div id="text">
blabla
</div>

in het css-bestand:

#text {
border: 1px solid #ffffff;
width: 350px;
}
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_78979646
je bedoelt gewoon in het css gedeelte van de pagina?
  woensdag 10 maart 2010 @ 17:29:31 #93
134533 donroyco
dus niet Donroyco
pi_78979670
quote:
Op woensdag 10 maart 2010 17:28 schreef Gitaarmat het volgende:
je bedoelt gewoon in het css gedeelte van de pagina?
Je CSS is een apart bestand. Ga eens Googelen, hop hop!
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_78979747
www.w3schools.com start reading!
zcflevo.nl
pi_78981274
Hoe kan ik een plaatje toevoegen die dan helemaal aan de linkerkant van het beeldscherm komt?
pi_78982612
quote:
Op woensdag 10 maart 2010 18:12 schreef Gitaarmat het volgende:
Hoe kan ik een plaatje toevoegen die dan helemaal aan de linkerkant van het beeldscherm komt?
quote:
Op woensdag 10 maart 2010 17:31 schreef KomtTijd... het volgende:
www.w3schools.com start reading!
quote:
Op woensdag 10 maart 2010 17:29 schreef donroyco het volgende:

Ga eens Googelen, hop hop!
zcflevo.nl
pi_78983219
Gewoon "ALIGN=LEFT" doen en eventueel nog wat klooien met VSPACE of HSPACE, werkt prima.
Nee.
pi_78985686
quote:
Op woensdag 10 maart 2010 17:21 schreef donroyco het volgende:

[..]

Geef de div een id/class mee en doe in het css-bestand de style meegeven.
En gebruik een paragraaf voor tekst, die dingen zijn er speciaal voor bedoeld.
fokstok.nl
  vrijdag 12 maart 2010 @ 16:31:14 #99
134533 donroyco
dus niet Donroyco
pi_79066336
quote:
Op woensdag 10 maart 2010 19:06 schreef PimD het volgende:
Gewoon "ALIGN=LEFT" doen en eventueel nog wat klooien met VSPACE of HSPACE, werkt prima.
Toffe website heb jij
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_79066434
quote:
Op vrijdag 12 maart 2010 @ 16:31 schreef donroyco het volgende:

[..]

Toffe website heb jij
Hier moet ik me even bij aansluiten.
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.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies #14
Index

» digital corner

» development

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