abonnement Unibet Coolblue
pi_119017386
[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_119024347
ik lol-de om de tt :')
pi_119024873
Ik wil 'm op een t-shirt.
  vrijdag 9 november 2012 @ 18:26:50 #4
230788 n8n
Pragmatisch
pi_119024957
doen we een 'before' tegenwoordig niet met een dubbele dubbele punt?

ah een artikel hier over gevonden
http://www.impressivewebs.com/before-after-css3/
Specialization is for insects”.—Robert Heinlein
pi_119026892
IE struikelt daar soms nog over meen ik.
pi_119026984
Oh hey, ik heb daar nog uitgbreid op zitten commenten.
pi_119040496
quote:
14s.gif Op vrijdag 9 november 2012 19:16 schreef picodealion het volgende:
IE struikelt daar soms nog over meen ik.
Des te meer reden om 'm dubbel te zetten :Y)
pi_119063027
Hoe zorg ik ervoor dat mijn div's elkaar niet overlappen? Ik neem aan dat ik niet voor elke div een marge hoef in te stellen toch?

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.
pi_119063108
Divs overlappen elkaar sowieso niet? Of snap ik je vraag niet?
pi_119063225
quote:
5s.gif Op zaterdag 10 november 2012 19:55 schreef picodealion het volgende:
Divs overlappen elkaar sowieso niet? Of snap ik je vraag niet?


div "under_top" zit nu onder div "top"
pi_119063511
Ín top bedoel je? Je sluit er geeneen af (ja alleen #bottom).
pi_119063594
quote:
2s.gif Op zaterdag 10 november 2012 20:05 schreef KomtTijd... het volgende:
Ín top bedoel je? Je sluit er geeneen af (ja alleen #button).
Jawel, maar die </div> tags zie je niet. Ik heb alles laten collapsen om de structuur te laten zien.
pi_119063691
En wat moeten wij er in hemelsnaam over gaan gaan zeggen als je maar de helft laat zien?
pi_119063778
quote:
14s.gif Op zaterdag 10 november 2012 20:10 schreef KomtTijd... het volgende:
En wat moeten wij er in hemelsnaam over gaan gaan zeggen als je maar de helft laat zien?
Ik zou graag willen weten waarom "top" "under_top" overlapt, maar de rest gewoon wel netjes onder elkaar gezet wordt.

Wat wil je zien?
pi_119063903
Je code. Liefst gewoon een online sample.
pi_119064003
quote:
1s.gif Op zaterdag 10 november 2012 20:16 schreef KomtTijd... het volgende:
Je code. Liefst gewoon een online sample.
http://pastebin.com/0GwJHmaP
pi_119064195
quote:
Ik denk dat ik de oplossing al heb. Ik moet alles met position: relative aanduiden in een nieuwe CSS file, dus niet die van Bootstrap (al zou dat natuurlijk ook kunnen, volgens mij).

EDIT: Werkt niet. :'(
pi_119064474
Kan ik eigenlijk een CSS naast de CSS van Bootstrap gebruiken? Of wordt alles dan overruled?

Als ik margin-top: 50px; doe, dan komt de tekst wel onder de navigatiebalk uit, maar zo wil ik het niet. Ik wil gewoon dat de delen van de pagina's na elkaar komen en elkaar dus niet overlappen.
  zaterdag 10 november 2012 @ 20:35:08 #19
134533 donroyco
dus niet Donroyco
pi_119064632
Gebruik jsfiddle.
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. :'(
  zaterdag 10 november 2012 @ 20:35:52 #20
134533 donroyco
dus niet Donroyco
pi_119064659
quote:
1s.gif Op zaterdag 10 november 2012 20:16 schreef KomtTijd... het volgende:
Je code. Liefst gewoon een online sample.
quote:
Gebruik jsfiddle.
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_119064793
quote:
0s.gif Op zaterdag 10 november 2012 20:35 schreef donroyco het volgende:

[..]

[..]

Gebruik jsfiddle.
http://jsfiddle.net/6mVcp/
pi_119065016
Problem solved:

<div class="navbar navbar-fixed-top"> moest zijn: <div class="navbar navbar-absolute-top">

Hier gevonden:

http://css-tricks.com/forums/discussion/16366/help-needed/p1

Thanks voor het meedenken! ;)
pi_119065035
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.

Je gaat zelf toch ook niet lopen debuggen zonder firebug... :{
pi_119065125
quote:
3s.gif Op zaterdag 10 november 2012 20:46 schreef KomtTijd... het volgende:
Gooi het gewoon ergens online. Zeker als het zo'n lap code is ipv een kleine testcase.

Je gaat zelf toch ook niet lopen debuggen zonder firebug... :{
Online gooien, wat bedoel je daarmee?

Firebug? Ook nog nooit van gehoord. Zal eens kijken wat het is. ^O^
pi_119075888
Als ik errors gelijk wil outputten in een dropdown-login, dan moet ik met javascript werken toch? Of kan ik dat ook gewoon met PHP doen?
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')