DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
[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 (
), 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/
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 (
), 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/
Dat werd niet echt duidelijk uit de afbeelding die je plaatste. Sowieso lijkt het me een vreemde opzet, hoezo zou je je viewport dusdanig klein willen maken, dat je je content er op moet aanpassen?quote:Op donderdag 15 maart 2012 21:20 schreef n8n het volgende:
[..]
dat als de viewport minder hoog wordt de afbeeldingen kleiner worden met het venster mee. Net als content zou moeten als je normaliter een venster minder breed maakt.
Ik gebruik in Dreamweaver CS5.5 via het menuknopje Insert de formulieroptie om makkelijk een contactformulier te maken. Van de week nog een tabel gemaakt, maar nu krijg ik een error als ik op Insert klik 
Ook als er nog niks geopend is.
The following JavaScript error(s) occured: Internal Error: can't decode JSPrincipals
Adobe Help is nutteloos. Verder niets te vinden op Google. Ik zoek naar alternatieven, maar als dit te fixen valt, dan wil ik dit fixen.
[ Bericht 12% gewijzigd door Mirel op 17-03-2012 15:30:07 ]
Ook als er nog niks geopend is.The following JavaScript error(s) occured: Internal Error: can't decode JSPrincipals
Adobe Help is nutteloos. Verder niets te vinden op Google. Ik zoek naar alternatieven, maar als dit te fixen valt, dan wil ik dit fixen.
[ Bericht 12% gewijzigd door Mirel op 17-03-2012 15:30:07 ]
When all else fails, you always have delusion.
Opnieuw installeren lukt ook niet. Nu moet het hele fucking pakket eraf en weer opnieuw erop 
Edit: alles opnieuw geinstalleerd. Het werkt.
[ Bericht 12% gewijzigd door Mirel op 18-03-2012 10:44:27 ]
Edit: alles opnieuw geinstalleerd. Het werkt.
[ Bericht 12% gewijzigd door Mirel op 18-03-2012 10:44:27 ]
When all else fails, you always have delusion.
Waarom gebruik je überhaupt dat soort functies? Tabellen en formulieren stellen echt niks voor?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik vind de codebrij niet echt overzichtelijk, vandaar dreamweaver Het enige handige aan dat programma.
Maar die's nu af, PHP gedeelte ook (moet nog wat bestaande tekst van een tutorial aanpassen). Ik heb nu dus een contactformulier op een website die ik af en toe update, maar niet zelf gemaakt heb(www.sbscoaching.nl). Ik kom er net achter dat ik niks kan invullen in de tekstboxen. Die doen het gewoon in een testbestand.
Hoe komt dit? Ik weet niet echt waar ik naar moet zoeken..
De site heeft zover ik weet nergens een contactformulier staan. Ik zie in de backend wel een mapje genaamd phpmailer, maar ik weet niet waar die voor is.
Het enige handige aan dat programma. Maar die's nu af, PHP gedeelte ook (moet nog wat bestaande tekst van een tutorial aanpassen). Ik heb nu dus een contactformulier op een website die ik af en toe update, maar niet zelf gemaakt heb(www.sbscoaching.nl). Ik kom er net achter dat ik niks kan invullen in de tekstboxen. Die doen het gewoon in een testbestand.
Hoe komt dit? Ik weet niet echt waar ik naar moet zoeken..
De site heeft zover ik weet nergens een contactformulier staan. Ik zie in de backend wel een mapje genaamd phpmailer, maar ik weet niet waar die voor is.
When all else fails, you always have delusion.
Klein vraagje. Ik heb de volgende code. Hoe zorg ik dat deze bij 8 begint? Gewoon + 8 werkt helaas alleen de eerste halve seconde ofzo.
| 1 2 | $('#needle').attr('style', '-webkit-transform:rotate(' + audioElement.currentTime/audioElement.duration*20 + 'deg);'); |
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Beetje onduidelijk idd. Het gaat om een naald (van een lp-speler) die beweegt terwijl er muziek wordt afgespeeld. Deze jQuery zorgt hiervoor met rotate(Xdeg). Maar deze begint bij 0deg en hij moet beginnen bij 8deg. Hopelijk snap je het
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
weet iemand ook of het mogelijk is om een select met de multiple optie anders te stijlen zonder specifiek een class/id aan te geven?
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?
(zal wel niet maar goed, je weet het maar nooit)
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?
(zal wel niet maar goed, je weet het maar nooit)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Iets met :first-child, :last-child etc wellicht?
Waarom geen class?
Waarom geen class?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Kun je toch gewoon + 8 doen, en als ie groter dan 352 wordt begint ie weer bij 0.quote:Op maandag 19 maart 2012 21:40 schreef Neraice het volgende:
Beetje onduidelijk idd. Het gaat om een naald (van een lp-speler) die beweegt terwijl er muziek wordt afgespeeld. Deze jQuery zorgt hiervoor met rotate(Xdeg). Maar deze begint bij 0deg en hij moet beginnen bij 8deg. Hopelijk snap je het
Nee.
Het stylen van selects is sowieso een drama, en moet je ook niet willen. Volgens mij is het ook alleen in Safari/Chrome mogelijk om wat meer te stylen dan alleen de background-color en de font-size/weight/color.quote:
weet iemand ook of het mogelijk is om een select met de multiple optie anders te stijlen zonder specifiek een class/id aan te geven?
dus een select met 1 optie de ene stijl, bij een multiple andere stijl zonder verandering van class/id
Anyone?
Nee.
Gewoon omdat het zou kunnenquote:
Iets met :first-child, :last-child etc wellicht?
Waarom geen class?
en dat voor de toekomstige bewerkers van een bepaald systeem het veranderen / aanpassen dan gemakkelijker gaat! (en ze niet in de code hoeven te prutsen!)Gaat meer om hoogte, bij enkel 1 regel hoog, anders meerdere regels (style)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ja dacht ik ook, maar hij doet die +8 dan alleen in het begin (dus hij begint alsnog te transformen bij 0)
www.dahndesigns.net/vinyl
www.dahndesigns.net/vinyl
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Waarom doe je dit via Javascript, en waarom rond je die getallen niet af? Tig getallen achter de komma zal het denk ik alleen maar zwaarder maken... Hoort gewoon in je CSS te staan, aangezien het puur decoratie is.
Voor wat betreft je + 8 vraag:
Ik zie nergens +8 staan.
Waarschijnlijk zal dit gewoon werken hoor:
Voor wat betreft je + 8 vraag:
| 1 | $('#needle').attr('style', '-webkit-transform:rotate(' + audioElement.currentTime/audioElement.duration*16 + 'deg);'); |
Ik zie nergens +8 staan.
Waarschijnlijk zal dit gewoon werken hoor:
| 1 | $('#needle').attr('style', '-webkit-transform:rotate(' + (audioElement.currentTime/audioElement.duration*16) + 8+ 'deg);'); |
Nee.
Heb de JS ff geüpdatet, maar het werkt helaas niet zoals je ziet.
En wat bedoel je met via JS en tig getallen achter de komma? Waar precies?
En wat bedoel je met via JS en tig getallen achter de komma? Waar precies?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Je code is niet geupdate, en ik zie in de HTML dat er inline styling wordt gezet:
| 1 | <div id="needle" style="-webkit-transform:rotate(4.271513322868035deg);"></div> |
Nee.
Je code is nu wel geupdate, maar je hebt geen haakjes toegevoegd, waardoor ie de berekening fout doet denk ik.
Nee.
Die wordt berekend door de JS, zodat de naald altijd de hele LP afgaat ongeacht de lengte van het liedje.
Waar zouden de haakjes moeten dan?
Waar zouden de haakjes moeten dan?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Bekijk mijn voorbeeld nou eens...quote:
Die wordt berekend door de JS, zodat de naald altijd de hele LP afgaat ongeacht de lengte van het liedje.
Waar zouden de haakjes moeten dan?
Nee.
Sorry, had de haakjes gemist. Maar heeft ook geen effect helaas.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Je kunt je webkit-transform toch gewoon op 8 laten beginnen in plaats van 1.2[...]?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Waar begint ie op 1.2 dan?quote:Op maandag 19 maart 2012 22:01 schreef boem-dikkie het volgende:
Je kunt je webkit-transform toch gewoon op 8 laten beginnen in plaats van 1.2[...]?
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
