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/
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?
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?
dit shirt vorige week besteld.
dit shirt vorige week besteld.
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.
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.
http://allmotive.eu/offerte-aanvragen
Bij de onderste vraag zijn 6 opties te kiezen. Is het mogelijk hiervan 2 rijen van 3 te maken?
Heb al zitten kijken met float left / right maar dit werkt niet goed.
Bij de onderste vraag zijn 6 opties te kiezen. Is het mogelijk hiervan 2 rijen van 3 te maken?
Heb al zitten kijken met float left / right maar dit werkt niet goed.
wrapper om elke checkbox en label, 50% breedte geven (of de linker 50% en de rechter 45% + 4% margin-left) en links floaten 
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?
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?
Nog steeds dat form waarvan je de HTML niet kunt wijzigen?quote:Op vrijdag 8 februari 2013 10:29 schreef stoeltafel het volgende:
http://allmotive.eu/offerte-aanvragen
Bij de onderste vraag zijn 6 opties te kiezen. Is het mogelijk hiervan 2 rijen van 3 te maken?
Heb al zitten kijken met float left / right maar dit werkt niet goed.
misschien dat input:nth-child(odd) {clear: left;} werkt? (en die andere clear:left weghalen dus)
Dit form werkt wel prima maar het is voor een nieuw formulier.
Ga weer even verder prutsen
Thnx Catch22 / KomtTijd
Ga weer even verder prutsen
Thnx Catch22 / KomtTijd
Als je bij de HTML kan, dan de oplossing van Catch22 gebruiken. Al zou ik gewoon de label zelf als wrapper gebruiken.
Vraagje over het aanpassen van CSS buttons.
http://www.allmotive.eu/producten/test-pagina
De button rechts heet pdf-button.png
Nu wil ik de button per rij aanpassen in hoogte is dit mogelijk?
Kan de button wel aanpassen in stylesheet.css alleen dan verandert die voor elke pagina.
Heb gekeken naar height maar dat lost niks op.
http://www.allmotive.eu/producten/test-pagina
De button rechts heet pdf-button.png
Nu wil ik de button per rij aanpassen in hoogte is dit mogelijk?
Kan de button wel aanpassen in stylesheet.css alleen dan verandert die voor elke pagina.
Heb gekeken naar height maar dat lost niks op.
Ja, dat kan. Noem de class per button anders.quote:
Vraagje over het aanpassen van CSS buttons.
http://www.allmotive.eu/producten/test-pagina
De button rechts heet pdf-button.png
Nu wil ik de button per rij aanpassen in hoogte is dit mogelijk?
Kan de button wel aanpassen in stylesheet.css alleen dan verandert die voor elke pagina.
Heb gekeken naar height maar dat lost niks op.
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Heb het nu zo staan
| 1 2 | <td style="width: 250px;"> <p> <a class="pdf" href="images/pdf/DFSK/1%20Prijzen%20en%20opties%20DFSK%20Citytruck%20Pick-up%20K01%20Epower%201.pdf">download de pdf</a></p> |
De class kun je toch aanpassen?quote:
Heb het nu zo staan
[ code verwijderd ]
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Ja.
Class verwijst naar pdf en dit is pdf-button.png
Maar ik kan het dus toch per regel aanpassen? Begin net met CSS.
Class verwijst naar pdf en dit is pdf-button.png
Maar ik kan het dus toch per regel aanpassen? Begin net met CSS.
Als de hoogte echt per button uniek moet zijn (afhankelijk van content), zou ik adviseren een inline-style te gebruiken.
Als je bijv. twee mogelijke hoogtes hebt maak je gewoon twee classes aan die je aan de button meegeeft (high of low). Of je kiest bijvoorbeeld een standaard hoogte, en maakt alleen een class high voor de buttons die hoger moeten zijn, waarin je de height overruled.
Als je bijv. twee mogelijke hoogtes hebt maak je gewoon twee classes aan die je aan de button meegeeft (high of low). Of je kiest bijvoorbeeld een standaard hoogte, en maakt alleen een class high voor de buttons die hoger moeten zijn, waarin je de height overruled.
Tja moet, het punt is dat het er nu slordig uit ziet of vind je van niet?
Check de regel DFSK Pick Up E-Power en dan de button download de pdf, die is uit verhouding.
Ga even zoeken hoe ik inline-style kan toepassen.
[ Bericht 33% gewijzigd door stoeltafel op 12-02-2013 11:41:45 ]
Check de regel DFSK Pick Up E-Power en dan de button download de pdf, die is uit verhouding.
Ga even zoeken hoe ik inline-style kan toepassen.
[ Bericht 33% gewijzigd door stoeltafel op 12-02-2013 11:41:45 ]
Heb de pagina klaar http://allmotive.eu/producten/test-pagina
Het gaat nu om milimeterwerk, kan de tekst wel gecentreerd staan van de button? Dat zou natuurlijkste het mooiste zijn.
Het gaat nu om milimeterwerk, kan de tekst wel gecentreerd staan van de button? Dat zou natuurlijkste het mooiste zijn.
Op 
Meer info (informatie vind ik beter maar is wat langer)quote:
[..]
Te slecht? Iedereen moet het begrijpen he
Of weet jij een betere tekst?
quote:
[..]
Te slecht? Iedereen moet het begrijpen he
Of weet jij een betere tekst?
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. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Beter ja, aangepast.quote:
[..]
Meer info (informatie vind ik beter maar is wat langer)
Tijdje geleden heb ik een enquête laten invullen voor mijn bedrijf. Ik heb daar dingen mee gemaakt, dat geloof je niet. Vandaar mijn wantrouwen maar het is nu aangepast.quote:
Waarom niet van de hele balk een knop maken? Dan klik je gewoon op de bus die je hebben wil.quote:
[..]
Te slecht? Iedereen moet het begrijpen he
Of weet jij een betere tekst?
"Klik hier" is behalve weinig informatief ook niet erg toegankelijk. Daar help je zowel Google als blinde bezoekers niet mee. Ik zou voor een wat beschrijvendere linktekst gaan
quote:Op donderdag 7 februari 2013 21:37 schreef Scorpie het volgende:
[ afbeelding ] dit shirt vorige week besteld.
