abonnement Unibet Coolblue
pi_120092899
[html, css, js] Voor Dummies

Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.

HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies

Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic

Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (code.png), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.

Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.

IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.

Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
pi_120092926
Volgende keer even een nieuwe openen als je een topic volpost wobbel.
pi_120149456
Iemand hier ook op InspireConf?
  maandag 10 december 2012 @ 14:58:42 #4
56176 Catch22-
Ben je Blind?!
pi_120149797
Nope, ken het niet eens
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  maandag 10 december 2012 @ 15:13:12 #5
166255 Maringo
Bèhèhèhèh
pi_120150270
quote:
5s.gif Op maandag 10 december 2012 14:47 schreef picodealion het volgende:
Iemand hier ook op InspireConf?
Nee.. -O-
Jammer genoeg niet.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  maandag 10 december 2012 @ 16:17:26 #6
230788 n8n
Pragmatisch
pi_120153093
display icm transition is zo'n pain in the ass
Specialization is for insects”.—Robert Heinlein
pi_120157006
Volgens mij heb ik donroyco wel gespot.
pi_120157646
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen :D
Bleuh.
  maandag 10 december 2012 @ 18:19:13 #9
56176 Catch22-
Ben je Blind?!
pi_120157777
quote:
18s.gif Op maandag 10 december 2012 16:17 schreef n8n het volgende:
display icm transition is zo'n pain in the ass
kan je niet gewoon met opacity klooien?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_120158955
quote:
0s.gif Op maandag 10 december 2012 18:16 schreef PimD het volgende:
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen :D
Vooralsnog heb ik hier hetzelfde, straks komt Jessica Hisch spreken en morgen nog een paar grote namen (waaronder Jeffrey Zeldman). En inderdaad, vooral omdat ik de enige front-ender ben in ons bedrijf is het tof om eens met wat mensen te socialisen die me tenminste begrijpen :+.
  maandag 10 december 2012 @ 19:26:19 #11
137776 boem-dikkie
Jedi Mind Baby!
pi_120160759
quote:
0s.gif Op maandag 10 december 2012 18:16 schreef PimD het volgende:
Ik ben in oktober wel naar Fronteers geweest. Op zich een leuke conference, maar ik vond het dit jaar wel erg veel presentaties van het niveau 'dat heb ik al tig keer gelezen op een blog'. Geen 'OMFGWTFBBQ'-momenten jammer genoeg. Niettemin blijft het gaaf om met gelijkgestemden een paar dagen de nerd uit te hangen :D
Ik heb dat vaak bij zulke conferences.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 10 december 2012 @ 19:31:13 #12
84244 Scorpie
Abject en infaam!
pi_120161022
Zulke conferenties zijn idd met een hoog 'we are all equal' sausje overgoten. Ik wil nog een keer naar een sencha conference in san Francisco, echt vet.
Op dinsdag 13 augustus schreef Xa1pt:
Neuh, fraude mag best aangepakt worden. Maar dat het de maatschappij meer oplevert of beter is voor de samenleving, is nog maar de vraag.
Op donderdag 25 juni 2015 schreef KoosVogels:
Klopt. Ik ben een racist.
pi_120165190
Heeft iemand een oplossing voor het volgende

Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.

Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?

http://jsfiddle.net/7fEP9/1/
Just say hi!
pi_120165473
quote:
15s.gif Op maandag 10 december 2012 20:43 schreef Chandler het volgende:
Heeft iemand een oplossing voor het volgende

Voor een site wil ik een cookie informatie bar toevoegen aan de onderkant van de pagina. Deze moet zichtbaar zijn totdat de gebruiker akkoord gaat met het plaatsen van cookies (iets wat sowieso wel gaat gebeuren maar goed). Dit alles is geen probleem, op een stijling probleempje na.

Als je de volgende code bekijkt zie je dat de groete sluiten button 'span' geen rechter margin heeft, maar de rode linker wel? hoe kan ik dit oplossen?

http://jsfiddle.net/7fEP9/1/
Omdat de padding van #cookiefloat ook op 5px staat. Als je de margin van de span op 10px zet werkt het.

Margin van #left kan op 0 ipv 5
pi_120166396
Tnx man, sterkter nog ik kon met de aanpassing van padding in cookiefloat van padding: 5px naar padding: 5px 0px en alles werkt perfectos! vriendelijk bedankt!
Just say hi!
pi_120169376
Nou dit is het geworden, wat vinden jullie er van?

http://www.bruggema.nl/2/test.html
Just say hi!
  maandag 10 december 2012 @ 22:16:01 #17
137776 boem-dikkie
Jedi Mind Baby!
pi_120170600
Super.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 11 december 2012 @ 01:28:54 #18
230788 n8n
Pragmatisch
pi_120178019
quote:
1s.gif Op maandag 10 december 2012 18:19 schreef Catch22- het volgende:

[..]

kan je niet gewoon met opacity klooien?
jawel maar dat haalt de content niet uit de flow. Ben al een tijd aan het kutten en ik kom er wel uit maar het zou een stuk efficiënter zijn als het gewoon zou werken
Specialization is for insects”.—Robert Heinlein
  dinsdag 11 december 2012 @ 09:29:51 #19
56176 Catch22-
Ben je Blind?!
pi_120180450
quote:
7s.gif Op dinsdag 11 december 2012 01:28 schreef n8n het volgende:

[..]

jawel maar dat haalt de content niet uit de flow. Ben al een tijd aan het kutten en ik kom er wel uit maar het zou een stuk efficiënter zijn als het gewoon zou werken
dan doe je dat aan het eind van de animatie, al dan niet met javascript. Je bent bekend met animationend en animationstart?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_120183723
Ook al gevraagd in ander topic, maar nogmaals hier.

quote:
Iemand ervaring met het maken van een plattegrond van een gebied met een pop-up functie bij het klikken op een onderdeel. In die pop-up staat dan informatie over dat stukje gebied. Het zou mij erg helpen.
pi_120183767
quote:
0s.gif Op dinsdag 11 december 2012 11:29 schreef Droathoah het volgende:
Ook al gevraagd in ander topic, maar nogmaals hier.

[..]

Openlayers.
pi_120184061
quote:
14s.gif Op dinsdag 11 december 2012 11:30 schreef KomtTijd... het volgende:

[..]

Openlayers.
Thanks, en naar welk onderdeel moet ik dan kijken?
  dinsdag 11 december 2012 @ 11:42:09 #23
123869 Merkie
Surprisingly contagious
pi_120184118
Je kan ook gewoon de Google Maps-API gebruiken. Iets makkelijker is het om een third party plugin te gebruiken zoals Gmap3.
2000 light years from home
pi_120184150
quote:
0s.gif Op dinsdag 11 december 2012 11:42 schreef Merkie het volgende:
Je kan ook gewoon de Google Maps-API gebruiken. Iets makkelijker is het om een third party plugin te gebruiken zoals Gmap3.
Het gebied staat helaas nog niet op Google maps ;) Moet een zelf getekende map zijn
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')