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/
Tegenwoordig is hetquote:Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt
<h1 color="blue"> enzo
| 1 | <h1 class="blue"> |
| 1 2 3 | .blue { color: red; } |
quote:Op dinsdag 7 augustus 2012 07:17 schreef Light het volgende:
[..]
Tegenwoordig is het
[ code verwijderd ]
Dan kun je de kleur in css regelen
[ code verwijderd ]
| 1 2 3 | h1 { color : red; } |
Dan is dit nog beter.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Waarom? Dan heb je al je h1's in het rood.quote:Op dinsdag 7 augustus 2012 08:32 schreef BrainOverfloW het volgende:
[..]
[ code verwijderd ]
Dan is dit nog beter.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Het is vooral niet zo'n goed idee om de kleur in de naam van je klasse te zetten, want als je dan ooit een nieuwe kleur wil gebruiken, slaan je classnames nergens meer op.quote:Op dinsdag 7 augustus 2012 08:34 schreef boem-dikkie het volgende:
[..]
Waarom? Dan heb je al je h1's in het rood.
Het heeft totaal geen plek in een modern HTML-document, het is iets uit de tijd dat CSS nog geen gemeengoed was.quote:Op dinsdag 7 augustus 2012 09:03 schreef Quotidien het volgende:
Maar wat is er nou mis met font tags?
Met HTML bepaal je de structuur van je document en ook alleen dat. Je bepaalt dat er bijvoorbeeld een koptekst is. Hoe die koptekst eruit ziet is niet iets wat je met HTML bepaalt, daar is CSS voor.
Dus kleuren, lettertypes, marges, plaatsing, grootte, schaduwen, randen, doorzichtigheid, you name it bepaal je met je stylesheet.
Het font-element was in HTML4 al uitgestorven, laat staan dat je dat tegenwoordig nog moet gebruiken.
In de cursus die ik volg wordt het redelijk uitgebreid behandeld. Misschien dat het bij het praktijkgedeeltje ook helemaal niet gebruikt wordt.
Ik ben nie hier voor de pingpong te schpelen
Wat wordt behandeld? De scheiding tussen structuur en stijl? Of het font-element?quote:Op dinsdag 7 augustus 2012 09:18 schreef Quotidien het volgende:
In de cursus die ik volg wordt het redelijk uitgebreid behandeld. Misschien dat het bij het praktijkgedeeltje ook helemaal niet gebruikt wordt.
Want als je een cursus hebt die het überhaupt over het font-element heeft (anders dan "gebruik het niet"), kun je echt beter een andere cursus zoeken.
Ik zit mobiel dus kan niet uitgebreid antwoord geven, maar font-tags ja. Grootte, kleur, font, plaatsing, stijl, etc. Dat was dus een deel van het eerste gedeelte (tekst). Verder ben ik nog niet.quote:Op dinsdag 7 augustus 2012 09:24 schreef Tijn het volgende:
[..]
Wat wordt behandeld? De scheiding tussen structuur en stijl? Of het font-element?
Want als je een cursus hebt die het überhaupt over het font-element heeft (anders dan "gebruik het niet"), kun je echt beter een andere cursus zoeken.
Ik ben nie hier voor de pingpong te schpelen
Een cursus die vertelt dat er zoiets is als een font-tag en dat je allerlei stijlaspecten daarmee in je HTML-document kan regelen is echt geen goede cursus. Zo maak je al zeker 10 jaar geen websites meer.
quote:Op maandag 6 augustus 2012 22:13 schreef picodealion het volgende:
Ohnee, 47 min.
http://giveupandusetables.com/
! Maar is het ook echt zo erg? Over het algemeen wordt hier idd alles in tables gestopt. En zit nu zelf te twijfelen of dat het gewoon handig is of dat er een betere / net zo snelle manier is.
Ach, ik kwam gisteren in de documentatie van een groot .NET CMS nog een speciale HTML5-rendermodus tegen.
Indien je deze rendermodus aanzette maakte ie van:
het volgende:
De techniek staat voor niks
Indien je deze rendermodus aanzette maakte ie van:
| 1 2 3 4 5 | <table> <tr> <td>Tabelletje</td> </tr> </table> |
het volgende:
| 1 2 3 4 5 6 | <div class="table"> <div class="tr"> <div class="td">Tabelletje </div> </div> </div> |
De techniek staat voor niks
Nee.
Nou, jij hebt ook snel je oordeel klaar. Misschien willen ze het gewoon zo compleet mogelijk hebben.quote:Op dinsdag 7 augustus 2012 09:30 schreef Tijn het volgende:
Een cursus die vertelt dat er zoiets is als een font-tag en dat je allerlei stijlaspecten daarmee in je HTML-document kan regelen is echt geen goede cursus. Zo maak je al zeker 10 jaar geen websites meer.
Maar hé, wat zou jij aanraden dan?
Ik ben nie hier voor de pingpong te schpelen
what.the.fuck
Font tags? wat ze moer? van wanneer is die cursus?
Font tags? wat ze moer? van wanneer is die cursus?
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?
Als je eenmaal wat ervaring hebt met div's en het positioneren ervan wil je echt niet meer terug naar tabellen. Helemaal niet met het hele responsive gebeuren natuurlijk.quote:
[..]
Maar is het ook echt zo erg? Over het algemeen wordt hier idd alles in tables gestopt. En zit nu zelf te twijfelen of dat het gewoon handig is of dat er een betere / net zo snelle manier is.
Nee.
mi gado tabellen, dat gebruikt niemand toch meer? Dat kan gewoon niet meer. Wat ook een corkenoplossing is dat eigenlijk...
Opmaak doe je op elementen waarbinnen de content moet worden opgemaakt, niet met fonttags. Al was het maar om de herbruikbaarheid
Opmaak doe je op elementen waarbinnen de content moet worden opgemaakt, niet met fonttags. Al was het maar om de herbruikbaarheid
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?
2009quote:
what.the.fuck
Font tags? wat ze moer? van wanneer is die cursus?
BrainOverfloW raadde hem aan dus zodoende ben ik er mee begonnen.
Ik ben nie hier voor de pingpong te schpelen
Ik heb geen idee wat goede cursussen zijn, maar serieus, het gebruik van de font-tag is echt heel, heel erg ouderwets en tegenwoordig volstrekt irrelevant. Het heeft niks met compleetheid te maken, een cursus die je dingen dit soort dingen aanleert, leert je iets op een volstrekt verkeerde manier.quote:
[..]
Nou, jij hebt ook snel je oordeel klaar. Misschien willen ze het gewoon zo compleet mogelijk hebben.
Maar hé, wat zou jij aanraden dan?
Dan zoek ik wel iets anders.quote:
[..]
Ik heb geen idee wat goede cursussen zijn, maar serieus, het gebruik van de font-tag is echt heel, heel erg ouderwets en tegenwoordig volstrekt irrelevant. Het heeft niks met compleetheid te maken, een cursus die je dingen dit soort dingen aanleert, leert je iets op een volstrekt verkeerde manier.
Ik ben nie hier voor de pingpong te schpelen
dan was hij bij uitgave al achterhaald.quote:
[..]
2009
BrainOverfloW raadde hem aan dus zodoende ben ik er mee begonnen.
http://coding.smashingmagazine.com/tag/css/
begin eens met daar een dagje artikelen lezen.
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?
Lekker dan, ze vragen er normaliter wel leuk $30 per maand ofzo voor.
Ik ben nie hier voor de pingpong te schpelen
ja want mensen die niets weten betalen dat graag.
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?
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
Je maakt nieuwe websites tegenwoordig sowieso met een HTML5 doctype. Je kunt daar zowel HTML als XHTML syntax in gebruiken. Ik vind zelf XHTML prettiger, omdat ik me dat jaren geleden heb aangeleerd. Maar er is geen objectieve reden te geven waarom dat beter of slechter zou zijn dan gewoon HTML. Het kan allebei, dus doe wat je zelf prettig vindt.quote:Op dinsdag 7 augustus 2012 09:49 schreef Quotidien het volgende:
Wat vinden jullie überhaupt van xhtml eigenlijk?
smashingmagazine, sixrevisions etc.quote:
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
en je moet concepten leren, niet code.
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?
http://www.w3schools.com/quote:
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
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. :'(
not sure if.....quote:
is dat nog wel helemaal up2date..kom daar soms nog wel eens wat vreemde dingen tegen..kan zo ff geen voorbeeld noemen
quote:
De koning van de archaïsche troep. De tutorials van w3schools.com stikken echt van de verkeerde informatie.
ga gewoon artikelen lezen over CSS concepten, positionering, opmaak etc etc
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?
Daar heb je imho alleen wat aan als je al een klein beetje weet wat HTML en CSS überhaupt zijn en hoe je er een simpele site mee bouwt. Anders zeggen die artikelen je niks en haal je er alleen maar rare trucjes uit zonder dat je het grote verhaal begrijpt.quote:
ga gewoon artikelen lezen over CSS concepten, positionering, opmaak etc etc
dan begin je met CSS 101 en HTML 101 artikelen.
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?
Dat is dan wel voor al hun cursussen samenquote:
Lekker dan, ze vragen er normaliter wel leuk $30 per maand ofzo voor.
Maar dat ze je stijl elementen in HTML leren te gebruiken had ik niet verwacht. Ik ben vanuit mijn ervaring met andere cursussen van hun er vanuit gegaan dat deze kwalitatief net zo goed was. Dat valt me wel tegen.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Het is een prima cursus
als je een website in 2004 wil maken.
als je een website in 2004 wil maken.
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?
Ik had beter op moeten letten voor ik je de link gaf. Minstens de helft van de dingen die daar tussen staan zijn al lang overbodig geworden. Valt me echt tegen.quote:
http://betam.lynda.com/HT(...)raining/47603-2.html
Dat is wat wat er nog meer in zit
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ik vond zelf deze website wel aardig om de basis van HTML en CSS onder de knie te krijgen:
http://www.sceneone.nl/
http://www.sceneone.nl/
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Ik ben nie hier voor de pingpong te schpelen
zit er idd net in te lezen, wel duidelijk geschreven en met voorbeeldenquote:
Ik vond zelf deze website wel aardig om de basis van HTML en CSS onder de knie te krijgen:
http://www.sceneone.nl/
Er word je in ieder geval geleerd dat je code en stijl gescheiden moet houden. Tevens is de maker/schrijver van die site werkzaam bij Mirabeau en dat is volgens mij een bureau dat vrij goed aangeschreven staat.quote:
[..]
zit er idd net in te lezen, wel duidelijk geschreven en met voorbeelden
filmpjes werken niet. Je moet eerst de basic concepten leren begrijpen en dan moet je tutorials gaan doorlezen en nabouwen.quote:
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
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?
maar dat is met veel uitleg, dat ze er alleen de basis van weergeven..maar dat is dan weer altijd net niet wat je zoekt.quote:
[..]
Daar heb je imho alleen wat aan als je al een klein beetje weet wat HTML en CSS überhaupt zijn en hoe je er een simpele site mee bouwt. Anders zeggen die artikelen je niks en haal je er alleen maar rare trucjes uit zonder dat je het grote verhaal begrijpt.
vooral last van met php
Even twee willekeurig filmpje uit zijn lijst bekeken, #5 "Bold, Italics, and Comments" en #10 "Resizing images", en ook hij gebruikt structuur en stijl door elkaar. Ik kom dingen als <strong>, <em> en <img height = "150"> tegen. Dat doet me toch een beetje vrezen voor de kwaliteit van de rest.quote:
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ja zeg, wat resteert er dan? W3dinges is kut, CodeAcademy is kut, Lynda.com is kut, bucky is kut.
Ik ben nie hier voor de pingpong te schpelen
Lynda.com heeft over het algemeen toch goeie tutorials. Zijn die over html/css zo middelmatig dan?
It was an opportunity to honour our memories and to make room for new ones
Ik heb net een link gepost, maar vooruit, ik doe 'm nog een keer: http://www.sceneone.nl/quote:Op dinsdag 7 augustus 2012 10:39 schreef Quotidien het volgende:
Ja zeg, wat resteert er dan? W3dinges is kut, CodeAcademy is kut, Lynda.com is kut, bucky is kut.
O, die is wel door de controle gekomen?quote:
[..]
Ik heb net een link gepost, maar vooruit, ik doe 'm nog een keer: http://www.sceneone.nl/
Ik ben nie hier voor de pingpong te schpelen
Wat mij betreft wel, maar ik ben zelf ook maar een beginner. Ik verwacht dat de experts er ook weinig op tegen zullen hebben.quote:
[..]
O, die is wel door de controle gekomen?
De HTML Cursus wil je webpagina's in alleen HTML leren maken. Waardoor je dus allerlij stijl elementen in je HTML krijgt. De CSS cursus, die ik wel zelf gevolgd heb, zit wel goed in elkaar en leert je juist wat je allemaal buiten je HTML moet houden en waarom dat goed werkt.quote:
Lynda.com heeft over het algemeen toch goeie tutorials. Zijn die over html/css zo middelmatig dan?
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ah, dan zijn de HTML tutorials wel wat minder ja. Hadden ze imo beter een combinatie van kunnen maken dan.quote:
[..]
De HTML Cursus wil je webpagina's in alleen HTML leren maken. Waardoor je dus allerlij stijl elementen in je HTML krijgt. De CSS cursus, die ik wel zelf gevolgd heb, zit wel goed in elkaar en leert je juist wat je allemaal buiten je HTML moet houden en waarom dat goed werkt.
It was an opportunity to honour our memories and to make room for new ones
Bij de (x)html cursus zit ook een mapje met css hoor.quote:
[..]
De HTML Cursus wil je webpagina's in alleen HTML leren maken. Waardoor je dus allerlij stijl elementen in je HTML krijgt. De CSS cursus, die ik wel zelf gevolgd heb, zit wel goed in elkaar en leert je juist wat je allemaal buiten je HTML moet houden en waarom dat goed werkt.
Het komt wel degelijk aan bod.
Ik ben nie hier voor de pingpong te schpelen
Ik wil altijd zo graag meedoen met deze discussies maar besef me altijd net op tijd dat ik zelf negen van de tien keer enorm smerig werk.
Ik ga naar huis.
Heb ik gezien ja maar dat is een korte intro in CSS na dat je hoofdstukken lang verkeerde code aangeleerd is. Dat schiet niet echt op. Het werkt veel beter om HTML structuren en CSS stijlen tegelijk te leren omdat die niet meer los van elkaar te gebruiken zijn in moderne webdevelopment.quote:
[..]
Bij de (x)html cursus zit ook een mapje met css hoor.
Die http://www.sceneone.nl/ ziet er wel aardig uit. De uitleg ziet er hier en daar wat beperkt uit maar hij leert je in ieder geval wel goede gewoontes als het netjes scheiden van je structuur en stijl, en het vorgeven van lay-outs via divs in plaats van tabellen.
Lijkt me wel een goed begin om een idee te krijgen wat de basis is van een webpagina opbouwen. Dan kun je van daaruit weer verder kijken.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
dat valt wel mee, er zitten hier en daar wel verkeerde dingen, maar zo als geheel issie echt niet zo slecht als jij hem nu doet voorkomen..quote:
[..]
De koning van de archaïsche troep. De tutorials van w3schools.com stikken echt van de verkeerde informatie.
Ik ben nu idd bezig met sceneone.nl .quote:
[..]
Heb ik gezien ja maar dat is een korte intro in CSS na dat je hoofdstukken lang verkeerde code aangeleerd is. Dat schiet niet echt op. Het werkt veel beter om HTML structuren en CSS stijlen tegelijk te leren omdat die niet meer los van elkaar te gebruiken zijn in moderne webdevelopment.
Die http://www.sceneone.nl/ ziet er wel aardig uit. De uitleg ziet er hier en daar wat beperkt uit maar hij leert je in ieder geval wel goede gewoontes als het netjes scheiden van je structuur en stijl, en het vorgeven van lay-outs via divs in plaats van tabellen.
Lijkt me wel een goed begin om een idee te krijgen wat de basis is van een webpagina opbouwen. Dan kun je van daaruit weer verder kijken.
Ik ben nie hier voor de pingpong te schpelen
In javascript wil ik een method (A) oproepen vanuit een andere method (B) binnen een class. Normaal werkt dit gewoon met this.A(), maar door gebruik van jquery is 'this' al het huidige element binnen een loop. Hoe kan ik dit probleem het beste aanpakken?
Ik probeer nu in de constructor var that = this te doen, maar 'that' kan ook niet opgeroepen binnen B. that = this bovenaan elke method is wel een oplossing, maar ik vermoed dat er nettere oplossingen bestaan die al bekend zijn.
[ Bericht 32% gewijzigd door FastFox91 op 07-08-2012 12:39:07 ]
Ik probeer nu in de constructor var that = this te doen, maar 'that' kan ook niet opgeroepen binnen B. that = this bovenaan elke method is wel een oplossing, maar ik vermoed dat er nettere oplossingen bestaan die al bekend zijn.
[ Bericht 32% gewijzigd door FastFox91 op 07-08-2012 12:39:07 ]
heb je een brok code voor me? dan kan ik je wel vertellen wat je wil doen. Ik denk dat je probleem is dat je de scope van de methode niet beschikbaar hebt in je .each. Dat los ik op met de declaratie van var self = this; boven een loop (als ik in de loop de scope van de function nodig heb)
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?
Je oplossing is duidelijk, ik had alleen gehoopt dat er nettere oplossingen waren. Variabelen die ineens wat anders 'aanwijzen' is niet echt mooi. Iig bedankt.
De betekenis van "this" is nou eenmaal niet zo constant in JS. Er is niks met het bewaren van een bepaalde waarde van this als je het later nodig hebt en this inkiddels weer iets anders is geworden
Dat is wel voorspelbaar hoor.quote:
De betekenis van "this" is nou eenmaal niet zo constant in JS. Er is niks met het bewaren van een bepaalde waarde van this als je het later nodig hebt en this inkiddels weer iets anders is geworden
self is geen rare naam om daarvoor te gebruiken. Als je dat niet wil, moet je geen .each gebruiken, maar een foreach of for-loop.quote:
Je oplossing is duidelijk, ik had alleen gehoopt dat er nettere oplossingen waren. Variabelen die ineens wat anders 'aanwijzen' is niet echt mooi. Iig bedankt.
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?
Het is wel voorspelbaar, maar in veel programmeertalen verandert de waarde van this niet zo vaak als in JS (omdat alles natuurlijk objecten zijn in JS).quote:
Sowieso is het volgens mij efficienter om gewoon eenmalig self = this; te zetten en vanaf daar met self te werken.
wel var self
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?
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?
Appeltje + alt + iquote:
Hoe kun je de elementen inspecteren in safari ?
Oh, misschien handig dat ik er even bij vermeld dat ik geen apple imac of macbook heb.
In dat linkje van Catch staat wel wat over een developer menu, maar dit menu is niet aanwezig in mijn safari. Kan het zijn ik 'm niet kan gebruiken omdat ik een verkapte safari heb?
In dat linkje van Catch staat wel wat over een developer menu, maar dit menu is niet aanwezig in mijn safari. Kan het zijn ik 'm niet kan gebruiken omdat ik een verkapte safari heb?
als ik rechtermuisklik > inspecteren doe, krijg ik gewoon de webkit inspector.
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?
Om te zien hoe mijn website functioneerd in safari.
Zo wordt op de een of andere vage manier youtube video's bij safari buiten een scroll blok getoond dat een max hoogte heeft (video lijkt de max hoogte te negeren oid), terwijl bij andere browsers het er gewoon netjes in blijft zitten, erg vreemd. Css code's blijken ook hetzelfde.
Zo wordt op de een of andere vage manier youtube video's bij safari buiten een scroll blok getoond dat een max hoogte heeft (video lijkt de max hoogte te negeren oid), terwijl bij andere browsers het er gewoon netjes in blijft zitten, erg vreemd. Css code's blijken ook hetzelfde.
Safari op Windows loopt een beetje achter op andere browsers. Daarnaast wordt het dusdanig weinig gebruikt, dat het mijns inziens niet de moeite is om hierop te testen.
Waarschijnlijk is de huidige versie van Safari op Windows ook de laatste versie; het heeft er alle schijn van dat Apple ermee stopt:
http://tweakers.net/nieuw(...)ri-voor-windows.html
Waarschijnlijk is de huidige versie van Safari op Windows ook de laatste versie; het heeft er alle schijn van dat Apple ermee stopt:
http://tweakers.net/nieuw(...)ri-voor-windows.html
dat dus.
Oh, tja ik dacht Safari op windows is hetzelfde als safari op apple pc?
Maar dat neemt niet weg dat deze bug wellicht ook op safari op apple pc's kan zitten..
Maar dat neemt niet weg dat deze bug wellicht ook op safari op apple pc's kan zitten..
Niet helemaal. Het is wel WebKit, net als Safari voor de PC. Maar ik denk eerlijk gezegd dat Safari op de iPad meer lijkt op Safari voor Mac OS X dan op Safari voor Windows.quote:
Op mijn iPad is er overigens geen bug. Is de Safari van iPad vergelijkbaar met die van de pc?
je zit wel met een aantal andere 'issues'. O.a. dat je achtergrondafbeelding niet te groot mag zijn
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?
Mac-gebruikers browsen toch op Safari? Dan is het allesbehalve nutteloos lijkt mijquote:
Safari op Windows loopt een beetje achter op andere browsers. Daarnaast wordt het dusdanig weinig gebruikt, dat het mijns inziens niet de moeite is om hierop te testen.
Ik ben nie hier voor de pingpong te schpelen
Het punt is dat Safari voor Windows niet hetzelfde is als Safari op Mac OS X. Om te beginnen is de laatste versie van Safari niet beschikbaar voor Windows.quote:
[..]
Mac-gebruikers browsen toch op Safari? Dan is het allesbehalve nutteloos lijkt mij
Dan nog een vraagje. Bij deze dit soort CSS-codes vergeet ik de hele tijd die } eronder bij te zetten, maar ze doen het toch. Hoe is dit mogelijk?
| 1 2 3 4 5 | .blabla{ font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #1AF085; font-size: 90%; background-color: #F28C33 |
Ik ben nie hier voor de pingpong te schpelen
Dan pakt hij de eerstvolgende }, waardoor het blok daarna niet meer werkt.quote:
Dan nog een vraagje. Bij deze dit soort CSS-codes vergeet ik de hele tijd die } eronder bij te zetten, maar ze doen het toch. Hoe is dit mogelijk?
[ code verwijderd ]
Leg eens uit, ik begrijp je niet helemaal.quote:
[..]
Dan pakt hij de eerstvolgende }, waardoor het blok daarna niet meer werkt.
Ik ben nie hier voor de pingpong te schpelen
Ergens heb je waarschijnlijk nog een blok met een '}'.quote:
[..]
Leg eens uit, ik begrijp je niet helemaal.
Die pakt hij dan dus.
quote:
[..]
Leg eens uit, ik begrijp je niet helemaal.
| 1 2 3 4 5 6 | .bla1 { color:#fff; .bla2 { width:200px; } |
Hij opent de { voor bla1, vervolgens wordt ie pas gesloten ná bla2. Het onderdeel dat in je html bla2 is zou dan volgens mij niet 200px breed worden. Ik weet niet zeker of width:200px; dan voor bla1 gaat gelden.
Sowieso nemen browsers het niet altijd zo nauw met syntax. Als je echt zeker wilt zijn van goede syntax moet je even je code door de W3C validator halen.
Oh klopt, heb het even getest.quote:
[..]
[ code verwijderd ]
Hij opent de { voor bla1, vervolgens wordt ie pas gesloten ná bla2. Het onderdeel dat in je html bla2 is zou dan volgens mij niet 200px breed worden. Ik weet niet zeker of width:200px; dan voor bla1 gaat gelden.
Ik ben nie hier voor de pingpong te schpelen
Inderdaad, volgens mij heeft bijv. Chrome ook wel door dat omdat er een nieuwe class wordt aangeroepen dat die daarvoor afgesloten moet worden.quote:
Sowieso nemen browsers het niet altijd zo nauw met syntax. Als je echt zeker wilt zijn van goede syntax moet je even je code door de W3C validator halen.
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ Bericht 0% gewijzigd door Tijn op 07-08-2012 21:52:30 ]
| 1 2 3 4 5 | .foo { width: 200px; color: #fff; } |
[ Bericht 0% gewijzigd door Tijn op 07-08-2012 21:52:30 ]
als je klaar bent gooi je het toch door een compressor die alle overbodige spaties en enters verwijderdquote:
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ code verwijderd ]
“Specialization is for insects”.—Robert Heinlein
quote:
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ code verwijderd ]
Ik ben nie hier voor de pingpong te schpelen
een goede editor zet alvast een } neer zodra je de { typt 
“Specialization is for insects”.—Robert Heinlein
Ja, dat sowieso.quote:
een goede editor zet alvast een } neer zodra je de { typt
een goeie developer heeft geen editor nodig die accolades en haakjes automatisch neerzetquote:
een goede editor zet alvast een } neer zodra je de { typt
Je vergeet alleen de ;quote:
Het kost een extra regel, maar je zou het ook zo kunnen schrijven. Misschien vergeet je dan minder snel een haakje.
[ code verwijderd ]
Ik gebruik sindskort trouwens NetBeans IDE als editor, ben er erg over te spreken
klopt ik ben slecht in mijn vak omdat ik van efficiëntie en gebruiksgemak houdtquote:
[..]
een goeie developer heeft geen editor nodig die accolades en haakjes automatisch neerzet
“Specialization is for insects”.—Robert Heinlein
Ik gebruik NetBeans voor Java.quote:
[..]
Je vergeet alleen de ;
Ik gebruik sindskort trouwens NetBeans IDE als editor, ben er erg over te spreken
Voor HTML/CSS/Javascript gebruik ik meestal Sublime Text of Notepad++
Weet ik.quote:
Ik gebruik nu Notepad++, vindt die kleurtjes best handig.
Ik ben nie hier voor de pingpong te schpelen
Dat vind ik altijd hondsirritant, dat ik dan {} typ en er opeens {}} staat, en dat soort gezeik.quote:
een goede editor zet alvast een } neer zodra je de { typt
Of bij andere programmeerGUI's, dat je een nog niet gedeclareerde variabele gebruikt, op de spatie drukt, en hij opeens vervangen is door een variabele met een vergelijkbare naam.
Ik raad je ook aan om Sublime Text te proberen. Is echt het proberen waardquote:
[..]
Weet ik.
Ik gebruik nu Notepad++, vindt die kleurtjes best handig.
Ziet er wel hip uit. Zal hem eens proberen.quote:
[..]
Ik raad je ook aan om Sublime Text te proberen. Is echt het proberen waard
Ik ben nie hier voor de pingpong te schpelen
Dit jaquote:
[..]
Ziet er wel hip uit. Zal hem eens proberen.
Wellicht weer een domme vraag maar wat is hier fout aan?
Edit: laat maar, ik was dus gewoon de ; steeds vergeten.
[ Bericht 28% gewijzigd door Quotidien op 07-08-2012 19:22:10 ]
| 1 | <div id="box1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta adipiscing diam, quis porttitor sapien varius quis. Sed tincidunt mi et ligula aliquet eu euismod mauris egestas. Suspendisse potenti. Nunc vel diam ipsum, quis aliquam felis. Mauris vulputate arcu eu ipsum imperdiet lacinia. Sed vestibulum malesuada scelerisque. Etiam sed dui ipsum. </div> |
| 1 2 3 4 5 6 | #box1{ width: 750px; height: 300px border: 2px grey Background: #C6CBCC } |
Edit: laat maar, ik was dus gewoon de ; steeds vergeten.
[ Bericht 28% gewijzigd door Quotidien op 07-08-2012 19:22:10 ]
Ik ben nie hier voor de pingpong te schpelen
dat laatste is irritant, het eerste heb ik nooit last van omdat ik nu meteen op return druk na { waarmee ik meteen de regel indentquote:
[..]
Dat vind ik altijd hondsirritant, dat ik dan {} typ en er opeens {}} staat, en dat soort gezeik.
Of bij andere programmeerGUI's, dat je een nog niet gedeclareerde variabele gebruikt, op de spatie drukt, en hij opeens vervangen is door een variabele met een vergelijkbare naam.
“Specialization is for insects”.—Robert Heinlein
Bij NetBeans voegt hij ook automatisch } toe, maar als je die alsnog intoetst komt er geen dubbele, dat soort kleine dingetjes vind ik wel fijn
Als je daar erg consistent in bent komt dat erg van pas in andere programmeertalen.quote:
Wellicht weer een domme vraag maar wat is hier fout aan?
[ code verwijderd ]
[ code verwijderd ]
Edit: laat maar, ik was dus gewoon de ; steeds vergeten.
Hmm..quote:
Bij NetBeans voegt hij ook automatisch } toe, maar als je die alsnog intoetst komt er geen dubbele, dat soort kleine dingetjes vind ik wel fijn
Dat. Een class moet zo veel mogelijk functioneel beschrijvend zijn en zo min mogelijk het uiterlijk beschrijven.quote:
[..]
Het is vooral niet zo'n goed idee om de kleur in de naam van je klasse te zetten, want als je dan ooit een nieuwe kleur wil gebruiken, slaan je classnames nergens meer op.
Ligt het aan de browsers hoe fonts worden weergegeven?
Zie bijv:
Beide hebben dezelfde font volgens de css. Maar toch zit er een klein verschil in de fonts, FireFox en IE. Aan de font grootte ligt het niet.
Overigens, gewoon Arial.
Edit: Geloof dat er ergens een font stond omgewisseld, de ene gaf hecevita (oid) weer en de andere arial. OpGESLOT
Edit2: zit toch nog enig verschil tussen.. Jammer
[ Bericht 4% gewijzigd door Snoepje5 op 07-08-2012 23:41:01 ]
Zie bijv:
Beide hebben dezelfde font volgens de css. Maar toch zit er een klein verschil in de fonts, FireFox en IE. Aan de font grootte ligt het niet.
Overigens, gewoon Arial.
Edit: Geloof dat er ergens een font stond omgewisseld, de ene gaf hecevita (oid) weer en de andere arial. OpGESLOT
Edit2: zit toch nog enig verschil tussen.. Jammer
[ Bericht 4% gewijzigd door Snoepje5 op 07-08-2012 23:41:01 ]
Helvetica
Daarnaast zit er ook een verschil in hoe browsers fonts weergeven, maar meer qua antialiasing, niet veel aan te doen.
Grappig om die twee zo boven elkaar te zien, je ziet heel goed dat Arial net iets anders is maar exact dezelfde letterbreedte aanhoudt. Dat is ook het hele idee achter Arial, dat het verwisselbaar is met Helvetica zonder dat de tekst groter of kleiner wordt en zonder licentiekosten voor Helvetica te betalen
Daarnaast zit er ook een verschil in hoe browsers fonts weergeven, maar meer qua antialiasing, niet veel aan te doen.
Grappig om die twee zo boven elkaar te zien, je ziet heel goed dat Arial net iets anders is maar exact dezelfde letterbreedte aanhoudt. Dat is ook het hele idee achter Arial, dat het verwisselbaar is met Helvetica zonder dat de tekst groter of kleiner wordt en zonder licentiekosten voor Helvetica te betalen
Had het inderdaad opgemerkt.. Beetje vreemd dat er ergens helvetica eerst stond en elders arial eerst..
Inderdaad jammer dat browsers fonts anders weergeven. Gelukkig opera en firefox hetzelfde. Maar IE moet weer eens de rare eend in de bijt zijn.. kut IE. Maakt Arial wat smaller en bold wordt dikker dat het minder goed leesbaar is als bij opera en firefox.
Inderdaad jammer dat browsers fonts anders weergeven. Gelukkig opera en firefox hetzelfde. Maar IE moet weer eens de rare eend in de bijt zijn.. kut IE. Maakt Arial wat smaller en bold wordt dikker dat het minder goed leesbaar is als bij opera en firefox.
Is zoiets mogelijk in javascript?
foo() geeft 'foo'
foo().bar() geeft 'bar' (is dit überhaupt mogelijk?)
Foo is een functie en geen class.
foo() geeft 'foo'
foo().bar() geeft 'bar' (is dit überhaupt mogelijk?)
Foo is een functie en geen class.
JS heeft sowieso geen classes. En functies zijn objecten. Het is dus prima mogelijk dat foo een method heeft die 'bar' teruggeeft.
Dit werkt zoals jij omschrijft:
Dit werkt zoals jij omschrijft:
| 1 2 3 4 5 6 7 8 9 10 | var foo = function(){ return 'foo'; } foo.bar = function(){ return 'bar'; } console.log(foo()); console.log(foo.bar()); |
In coffeescript heb je wel een class, maar dat is dus een 'wannabe' class. Maar foo().bar() kan dus niet? Ik heb namelijk de parameters van foo wel nodig.
Less 
Winless
CSS3 zonder LESS (Of Sass of een andere preprocessor) is gewoon _niet_ te doen
Winless CSS3 zonder LESS (Of Sass of een andere preprocessor) is gewoon _niet_ te doen
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?
Maar nu werkt foo() niet meer.quote:
'bar' returnen kan wel zo:
[ code verwijderd ]
jawel, ga het wel gebruiken maar heb het vrijwel niet nodigquote:
Less
CSS3 zonder LESS (Of Sass of een andere preprocessor) is gewoon _niet_ te doen
“Specialization is for insects”.—Robert Heinlein
Less
CSS
niet helemaal optimaal, maar het wordt wel geminimized door de parser dusja
| 1 2 3 4 5 6 7 8 9 10 11 | .turnAnimation() { from { .transform3dAni(rotateY(0deg)); } to { .transform3dAni(rotateY(180deg)); } } @-webkit-keyframes turnAnimation { .turnAnimation; } @-moz-keyframes turnAnimation { .turnAnimation; } @-o-keyframes turnAnimation { .turnAnimation; } @keyframes turnAnimation { .turnAnimation; } |
CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | @-webkit-keyframes turnAnimation { from { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } to { -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); transform: rotatey(180deg); } } @-moz-keyframes turnAnimation { from { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } to { -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); transform: rotatey(180deg); } } @-o-keyframes turnAnimation { from { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } to { -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); transform: rotatey(180deg); } } @keyframes turnAnimation { from { -webkit-transform: rotatey(0deg); -moz-transform: rotatey(0deg); -o-transform: rotatey(0deg); transform: rotatey(0deg); } to { -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); transform: rotatey(180deg); } } |
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?
Is LESS zoiets als coffeescript, maar dan voor css en wordt gewoon lokaal (voor de developer) 'geconverteerd' en dan .css naar de client gestuurd of wordt het client-side geconverteerd?quote:
Less
CSS3 zonder LESS (Of Sass of een andere preprocessor) is gewoon _niet_ te doen
Kan je zelf voor kiezen.
Ik gebruik nu WinLESS, dat is een app die bij elke wijziging de outputcss bijwerkt, maar je hebt ook een versie voor .Net en Java die het parsed. Er is ook een javascript parser. Je kan dus zelf kiezen wat je wil.
Ik gebruik nu WinLESS, dat is een app die bij elke wijziging de outputcss bijwerkt, maar je hebt ook een versie voor .Net en Java die het parsed. Er is ook een javascript parser. Je kan dus zelf kiezen wat je wil.
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?
http://prefixmycss.com ultrahandig
laat maar, er was ook een .js dat het in de browser deed zodat je enkel de css niet hoeft te updaten als een browser geen prefix meer nodig heeft
laat maar, er was ook een .js dat het in de browser deed zodat je enkel de css niet hoeft te updaten als een browser geen prefix meer nodig heeft
“Specialization is for insects”.—Robert Heinlein
Als je LESS gebruikt kan je mixins schrijven die dit voor je doen. Je hebt bijvoorbeeld 3L (Lots of Love for Less), dat een soort toolbox is met allerlei tools/mixins voor LESS
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?
ga er nog een keer naar kijken. probeer mn css nu zo veel mogelijk DRY te schrijven maar dat is soms onmogelijk. bijvoorbeeld als je een kleur ergens zowel als achtergrond en rand wil gebruiken. Komt het er toch op neer dat 2x dezelfde kleurcode in je css staat.quote:
Als je LESS gebruikt kan je mixins schrijven die dit voor je doen. Je hebt bijvoorbeeld 3L (Lots of Love for Less), dat een soort toolbox is met allerlei tools/mixins voor LESS
“Specialization is for insects”.—Robert Heinlein
Met LESS kan je variabelen gebruiken
Het principe: http://lesscss.org/
De win compiler: http://winless.org/ (als je niet onder windows draait moet je 1 zoeken voor je OS)
Het "framework/toolbox": http://mateuszkocz.github.com/3l/
als je vragen hebt, geef maar een gil
Het principe: http://lesscss.org/
De win compiler: http://winless.org/ (als je niet onder windows draait moet je 1 zoeken voor je OS)
Het "framework/toolbox": http://mateuszkocz.github.com/3l/
als je vragen hebt, geef maar een gil
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?
@nice-blue: #5B83AD;quote:
Met LESS kan je variabelen gebruiken
Het principe: http://lesscss.org/
De win compiler: http://winless.org/ (als je niet onder windows draait moet je 1 zoeken voor je OS)
Het "framework/toolbox": http://mateuszkocz.github.com/3l/
als je vragen hebt, geef maar een gil
@light-blue: @nice-blue + #111;
dit is wel baas
en bedankt ik onthoud het
“Specialization is for insects”.—Robert Heinlein
of bijvoorbeeld
@nice-blue: #5B83AD;
@light-blue: darken(@nice-blue, 20%);
@nice-blue: #5B83AD;
@light-blue: darken(@nice-blue, 20%);
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?
Vorige week heb ik even gespeeld met Knockoutjs, maar was uiteindelijk te uitgebreid voor wat ik wilde en kon zelfs iets niet wat ik wel handig vond. Uiteindelijk heb ik zelf dus iets geschreven. JSBind. Probeer de demo en laat weten wat je ervan vindt aub. Met dit scriptje kan je gemakkelijk in javascript variabelen veranderen en vervolgens worden de gekoppelde html elementen ook netjes geüpdatet en visa versa.
(Code is niet erg leesbaar, zal ik verbeteren mocht het gebruikt worden door meerdere mensen.)
[ Bericht 6% gewijzigd door FastFox91 op 09-08-2012 12:32:54 ]
Met dit scriptje kan je gemakkelijk in javascript variabelen veranderen en vervolgens worden de gekoppelde html elementen ook netjes geüpdatet en visa versa. (Code is niet erg leesbaar, zal ik verbeteren mocht het gebruikt worden door meerdere mensen.)
[ Bericht 6% gewijzigd door FastFox91 op 09-08-2012 12:32:54 ]
Ik ben een forumtemplate aan het aanpassen maar ik heb te beperkte kennis over dit onderwerp. De kleuren aanpassen wilde nog wel lukken, maar de afmetingen aanpassen lukt mij niet, zonder de rest verkloten. Kan iemand mij hierbij helpen?
Dit is de template:
http://demo.rockettheme.com/phpbb3/index.php?style=59
- Ik heb de header-bg.jpg vervangen, maar mijn versie is breder. Wat moet ik aanpassen om te zorgen dat deze volledig wordt weergeven, zonder dat een deel wegvalt? (Header moet wel gecentreerd blijven en rest van de onderdelen ongewijzigd.)
- Hoe verander ik de positie van het logo, zonder dat de rest van de layout mee verandert?
- Hoe maak ik de kleine ruimte onder en boven de zoekbalk kleiner?
(De bovenkant is gelukt, onderkant niet.)
Dit is de template:
http://demo.rockettheme.com/phpbb3/index.php?style=59
- Ik heb de header-bg.jpg vervangen, maar mijn versie is breder. Wat moet ik aanpassen om te zorgen dat deze volledig wordt weergeven, zonder dat een deel wegvalt? (Header moet wel gecentreerd blijven en rest van de onderdelen ongewijzigd.)
- Hoe verander ik de positie van het logo, zonder dat de rest van de layout mee verandert?
- Hoe maak ik de kleine ruimte onder en boven de zoekbalk kleiner?
(De bovenkant is gelukt, onderkant niet.)
Een klein vraagje weer. Ben nog niet zo heel lang bezig in het onderscheid hmtl/css/js, maar we zijn op weg.. Maar blijf even met iets steken.
Ik heb een formulier:
Nu heb ik via Jquery dat wanneer men het textveld aanklikt dat de radiobutton van de betreffende wordt geselecteerd:
Nu wil ik daaraan toevoegen dat het veld ook required wordt. Dacht dit simpel te kunnen doen door dit toe te voegen in bovenstaande code:
Dat werkt goed. Maar nu zit ik met het feit dat ik deze required op false wil zetten op het moment dat een ander veld is geselecteerd. Dit werkt echter niet. Hij blijft (in dit geval) op het moment dat je eenmaal die cwid_nr hebt aangeklikt, deze als required zien.
Online kom ik wel tegen dat dit vaker gebeurd, maar echt een gerichte oplossing vind ik wat lastig om eruit te pluizen. Iemand hier suggesties?
Ik heb een formulier:
| 1 2 3 4 5 | <input type="radio" id="rap_driver" name="rap_keuze" value="driver" /> Driver <input type="text" id="driverr" name="driver" /> <input type="radio" id="rap_cwid" name="rap_keuze" value="cwid_nummer" /> CWID nummer <input type="text" id="cwid_nr" name="cwid_nr" /> |
Nu heb ik via Jquery dat wanneer men het textveld aanklikt dat de radiobutton van de betreffende wordt geselecteerd:
| 1 2 3 4 | $('input[name=cwid_nr]').click(function(){ $("input[id=rap_cwid]").attr('checked', 'checked') }); ; |
Nu wil ik daaraan toevoegen dat het veld ook required wordt. Dacht dit simpel te kunnen doen door dit toe te voegen in bovenstaande code:
| 1 | $('input[name=cwid_nr]').attr("required", "true"); |
Dat werkt goed. Maar nu zit ik met het feit dat ik deze required op false wil zetten op het moment dat een ander veld is geselecteerd. Dit werkt echter niet. Hij blijft (in dit geval) op het moment dat je eenmaal die cwid_nr hebt aangeklikt, deze als required zien.
Online kom ik wel tegen dat dit vaker gebeurd, maar echt een gerichte oplossing vind ik wat lastig om eruit te pluizen. Iemand hier suggesties?
Het is wel een worst-practice om je variabelen de naam van de kleur mee te geven. Op het moment dat de nice-blue nice-green moet worden, moet je alsnog alles aan gaan passen, omdat je @nice-blue in ene groen is geworden.quote:
of bijvoorbeeld
@nice-blue: #5B83AD;
@light-blue: darken(@nice-blue, 20%);
dat dus.
Het is geen true/false kwestie. Zo maak je iets required:quote:
[code]$('input[name=cwid_nr]').attr("required", "true");[/code]
| 1 | $(selector).attr('required', 'required'); |
Wat je precies als tweede string meegeeft maakt eigenlijk niet uit: als er iets staat bij een attribuut, dan staat het aan.
Om het weer weg te halen doe je dit:
| 1 | $(selector).removeAttr('required'); |
Het werkt zo met alle attributen van HTML-elementen, zoals ook het attribuut "checked" wat je op je radio-buttons gebruikt. Die zet je met .attr('checked', 'checked') en haal je weer weg met .removeAttr('checked').
Tnx! Weer wat geleerd!
http://api.jquery.com/prop/quote:
[..]
Het is geen true/false kwestie. Zo maak je iets required:
[ code verwijderd ]
Wat je precies als tweede string meegeeft maakt eigenlijk niet uit: als er iets staat bij een attribuut, dan staat het aan.
Om het weer weg te halen doe je dit:
[ code verwijderd ]
Het werkt zo met alle attributen van HTML-elementen, zoals ook het attribuut "checked" wat je op je radio-buttons gebruikt. Die zet je met .attr('checked', 'checked') en haal je weer weg met .removeAttr('checked').
is in de nieuwe jQuery versies de bestpractice
Ja maja, daar hou ik persoonlijk niet zo vaak rekening mee, omdat kleuren niet veranderen zonder dat alles op de schop gaat, in de praktijk.quote:
[..]
Het is wel een worst-practice om je variabelen de naam van de kleur mee te geven. Op het moment dat de nice-blue nice-green moet worden, moet je alsnog alles aan gaan passen, omdat je @nice-blue in ene groen is geworden.
Ben nu zelf Patience aan het maken met jQuery + LESS
Misschien post ik de source wel als het klaar is.
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?
Ah, beter. Thanks.quote:
[..]
http://api.jquery.com/prop/
is in de nieuwe jQuery versies de bestpractice
Daarmee kun je wel true/false gebruiken, heb je ook die gare remove-functie niet meer nodig.
Ja precies, op papier of als je thema's wil bouwen. In de praktijk gebruik ik dat never.
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?
ik wel maar ben dan ook een best practice-geekquote:
Ja precies, op papier of als je thema's wil bouwen. In de praktijk gebruik ik dat never.
“Specialization is for insects”.—Robert Heinlein
Ik ook; maar ik ben wél pragmatisch. Ik ga geen dingen doen die 'mogelijk handiger' zijn, terwijl ik weet dat die situaties niet of nauwelijks voor gaan komen.
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?
Vreemd, deze was ik idd ook tegengekomen, maar leek niet te werken. nu wel. Dus zal wel iets verkeerds hebben gedaan.quote:
http://api.jquery.com/prop/
is in de nieuwe jQuery versies de bestpractice
jQuery versie gematched?
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?
Het werkte gewoon ben ik achter. lag eraan omdat het clickevent op het inputfield lag en niet (ook) op de radiobutton. En als je dan test en je gebruikt ze beiden door elkaar heen.quote:
tja...
Kijk dan wel naar zaken als doorgroei en of er al dan niet nog door andere ontwikkelaars mee gewerkt dient te worden. Soms is alles documenteren en omschrijven raadzaam en uiteindelijk efficiënter. vaak niet daar heb je gelijk in.quote:
Ik ook; maar ik ben wél pragmatisch. Ik ga geen dingen doen die 'mogelijk handiger' zijn, terwijl ik weet dat die situaties niet of nauwelijks voor gaan komen.
“Specialization is for insects”.—Robert Heinlein
Wat is er niet pragmatisch aan het geven van logische namen aan je kleuren?quote:
Ik ook; maar ik ben wél pragmatisch.
Als je dat altijd doet en gewend bent, kost het absoluut geen extra moeite om de kleur een logische naam te geven in plaats van de tint proberen te beschrijven.
ik schrijf wel efficient, maar de projecten waaraan ik werk zijn grafisch gezien niet superonderheving aan veranderingen. Dus dit is een non-issue.quote:
[..]
Kijk dan wel naar zaken als doorgroei en of er al dan niet nog door andere ontwikkelaars mee gewerkt dient te worden. Soms is alles documenteren en omschrijven raadzaam en uiteindelijk efficiënter. vaak niet daar heb je gelijk in.
ik gebruik geen variabelen voor kleuren eigenlijk... Een kleur veranderen gaat gewoon met find and replace dus.quote:
[..]
Wat is er niet pragmatisch aan het geven van logische namen aan je kleuren?
Als je dat altijd doet en gewend bent, kost het absoluut geen extra moeite om de kleur een logische naam te geven in plaats van de tint proberen te beschrijven.
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?
Waarom als je toch LESS gebruikt? Is het hele idee niet juist dat je niet meer steeds hoeft te find & replacen?quote:
[..]
ik gebruik geen variabelen voor kleuren eigenlijk... Een kleur veranderen gaat gewoon met find and replace dus.
Gebruik less niet altijd... En ik gebruik kleuren eigenlijk niet veel vaker... Als ik die goed in classes indeel dan komen ze niet vaker voor...
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?
Volgens mij ben ik een van de weinige die per declaratie een serie selectors neerzet
“Specialization is for insects”.—Robert Heinlein
Niemand die een mening heeft over m'n scriptje JSBind?quote:
Vorige week heb ik even gespeeld met Knockoutjs, maar was uiteindelijk te uitgebreid voor wat ik wilde en kon zelfs iets niet wat ik wel handig vond. Uiteindelijk heb ik zelf dus iets geschreven. JSBind. Probeer de demo en laat weten wat je ervan vindt aub.
(Code is niet erg leesbaar, zal ik verbeteren mocht het gebruikt worden door meerdere mensen.)
#top a, article p, .button { font-size: 1.8em; } zo en dan per kleur, margin of noem maar op.quote:
Wat bedoel je precies met 'een serie selectors'?
“Specialization is for insects”.—Robert Heinlein
Ik heb een probleempje met een auto suggest form op mijn site. Het gaat om de coolautosuggest jquery-plugin
Wanneer je iets invult en de suggesties worden getoond in div.suggestions dan verdwijnt deze achter de header van de pagina die zich er vlak onder bevindt.
Ik heb al geprobeerd dit op te lossen met z-index waarden en position: relative toe te voegen aan alle relevante div's. Helaas blijven de suggesties onder de andere content schuiven.
Voorbeeld op http://www.wecamgirls.com (NSFW). Autosuggest staat rechtsboven op de pagina.
Wanneer je iets invult en de suggesties worden getoond in div.suggestions dan verdwijnt deze achter de header van de pagina die zich er vlak onder bevindt.
Ik heb al geprobeerd dit op te lossen met z-index waarden en position: relative toe te voegen aan alle relevante div's. Helaas blijven de suggesties onder de andere content schuiven.
Voorbeeld op http://www.wecamgirls.com (NSFW). Autosuggest staat rechtsboven op de pagina.
Ik kan je hier niet mee helpen; ik zit op mijn werk.
Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.
Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.
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?
De plugin werkt verder wel. Het is alleen de CSS die ik niet juist ingesteld krijg. Mocht het me niet lukken zal ik de autocomplete van jquery ui eens een kans geven.quote:
Ik kan je hier niet mee helpen; ik zit op mijn werk.
Ik zou trouwens, zonder dat ik de plugin ken, liever gebruik maken van de autocomplete van jQuery ui dan van dit.
De site is overigens maar licht NSFW. Zeker wanneer je niet ingelogd bent. Maar goed, ik begrijp het dat je op je werk zit.
quote:
[..]
De plugin werkt verder wel. Het is alleen de CSS die ik niet juist ingesteld krijg. Mocht het me niet lukken zal ik de autocomplete van jquery ui eens een kans geven.
De site is overigens maar licht NSFW. Zeker wanneer je niet ingelogd bent. Maar goed, ik begrijp het dat je op je werk zit.
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?
Post eens je precieze code.. Z-indexes juist zetten kan soms nog wel eens tricky zijn.
Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..
Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..
dat dus.
Stukje generated source:
CSS:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!-- _________________________ Start Search _________________________ --> <form action="http://www.wecamgirls.com/pages/search.php" method="GET"> <input name="a" value="submit" type="hidden"> <p> <input autocomplete="off" name="search_username" id="search_username" value="enter keywords" type="text"> <div style="display: block; position: absolute; left: 8px; top: 30px; height: 100px; width: 160px;" class="suggestions" id="suggestions_holder"> <div style="width: 160px; overflow: hidden;" id="suggest_row1" class="suggest_item first" seq_id="0"<div class="suggestion_title"><b>Ru</b>tger</div><div class="description"> </div></div> <div style="width: 160px; overflow: hidden;" id="suggest_row2" class="suggest_item" seq_id="1"><div class="suggestion_title">kimbert<b>ru</b>dea</div><div class="description"> </div></div> <div style="width: 160px; overflow: hidden;" id="suggest_row3" class="suggest_item" seq_id="2"><div class="suggestion_title">adriana<b>ru</b>sso</div><div class="description"> </div></div> <div style="width: 160px; overflow: hidden;" id="suggest_row4" class="suggest_item" seq_id="3"><div class="suggestion_title">Holly<b>Ru</b>de</div><div class="description"> </div></div> <div style="width: 160px; overflow: hidden;" id="suggest_row5" class="suggest_item last" seq_id="4"><div class="suggestion_title">johanc<b>ru</b>ijf</div> <div class="description"> </div></div> </div> <input value="" type="submit"> </p> </form> <!-- _________________________ Finish Search _________________________ --> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | /* Style For Suggestions */ .sugeestions { z-index:300; position:relative; } .suggestions .suggest_item { padding:2px; background-color:#EEEEEE; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; z-index:300; position: relative; } .suggestions .suggest_item.first { border-top:1px solid #CCCCCC; } .suggestions .suggest_item.last { border-bottom:1px solid #CCCCCC; } .suggestions .suggest_item.selected, .suggestions .suggest_item.selected .description { color:#000; font-weight:normal; cursor:pointer; background-color: #DDD; } .suggestions .suggest_item .thumbnail { background-color: transparent; background-position: top center; background-repeat: no-repeat; margin: 1px 2px 1px 2px; float: left; width: 50px; height: 50px; } .suggestions .suggest_item .description{ font-style: italic; font-size: 11px; color: #777; } #header { background:#2d2d2d url(../images/bgs/bg_h_3.png) top left repeat; position:relative; z-index:1; } #container { width:940px; margin:0 auto; position:relative; z-index:1; } |
Ik heb even gekeken en er was wel een een overflow: hidden attribute.quote:
Heeft het element, waar die autocomplete op moet komen, toevallig een wrapper met overflow: hidden? Dat kan er nl ook voor zorgen dat het lijkt alsof je flyout achter de header verdwijnt, terwijl die gewoon afgekapt wordt..
Het weghalen hiervan werkt helaas niet. Ook zie ik in Chrome dat er netjes een element verschijnt, maar deze zit echt gewoon achter de onderstaande header. Er zit ongeveer een milimeter tussen en je ziet ook dat het element er staat.
| 1 2 3 4 | .sugeestions { z-index:300; position:relative; } |
Je form relative zetten, met een z-index gelijk / hoger dan de header kan ook helpen
dat dus.
Idd een typo. Helaas niet de oplossing van het probleem.quote:
[ code verwijderd ]
typo? Moet denk ik .suggestions zijn
Je form relative zetten, met een z-index gelijk / hoger dan de header kan ook helpen
Ik heb de form ook relative gemaakt en een hoge z-index meegegeven. Ook zonder resultaat
http://www.wecamgirls.com/quote:
hmm.. heb je ergens een voorbeeld online staan? Dat zoekt wat makkelijker
Het zit hem in je div.header_top. Deze heeft een overflow: hidden.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.
Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.
Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.
dat dus.
Koning!quote:
Het zit hem in je div.header_top. Deze heeft een overflow: hidden.
Deze heb je daar waarschijnlijk aan meegegeven, omdat de layout kapot gaat als je hem weghaalt. Dit komt weer door de float: right op de ul.header_list erin.
Als je de header_top fatsoenlijk cleart (google: clearfix), dan komt het helemaal goed. Je kan hem evt ook een vaste hoogte meegeven.
Het werk nu... deels
De elementen zijn nu wel zichtbaar, maar nog niet klikbaar. Kun jij zien waar het 'm in zit?
Wellicht een heel domme vraag maarja.
Als je een website voor iemand maakt en diegene wilt teksten/afbeeldingen/wat dan ook zelf beheren, dan maak je die site met een CMS zoals Wordpress, toch?
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?
Als je een website voor iemand maakt en diegene wilt teksten/afbeeldingen/wat dan ook zelf beheren, dan maak je die site met een CMS zoals Wordpress, toch?
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?
Ik ben nie hier voor de pingpong te schpelen
Tuurlijk niet, er komt dan ook nog een server-side taal bij kijken, bijvoorbeeld PHP. Die data uit het CMS zal ergens vandaan moeten komen. Tenzij je natuurlijk gewoon een WordPress theme ergens vandaan plukt en alleen de banner ofzo aanpast, dan zul je idd snel klaar zijn.
Nee.
Bronquote:
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?
Maar is er geen manier om mensen hun website te laten beheren als je gewoon alles met HTML en CSS doet? Want ik neem aan dat men niet de bestandjes gaat doormailen.
Ik ben nie hier voor de pingpong te schpelen
Op de lange termijn wellicht. Als je een statische website hebt die je iedere week moet laten updaten door de buurjongen, dan zal dat na een tijdje behoorlijk in de kosten gaan lopen. Als je daar een simpel CMSje achter hebt zitten zodat je zelf nieuwsberichten e.d. kunt posten zonder daarbij 'een techneut' nodig te hebben zit er wellicht een gedeeltelijke kern van waarheid in
Nee.
Je doet net alsof je voor een website met een CMS geen HTML/CSS hoeft te schrijven. Dat moet natuurlijk wel, elke website bestaat uiteindelijk uit HTML en CSS. Bij een CMS moet je daar bovenop nog wat configureren om te zorgen dat het werkt zoals het moet werken.quote:
Maar wat ik niet snap ik dat een CMS-site duurder is dan een website gemaakt met HTML/CSS, terwijl een CSM website veel makkelijker te maken is? Of zie ik dit verkeerd?
Inloggen op de server en de HTML-files aanpassen. Als je dat "beheren" wil noemen.quote:
Maar is er geen manier om mensen hun website te laten beheren als je gewoon alles met HTML en CSS doet? Want ik neem aan dat men niet de bestandjes gaat doormailen.
Maar Henk van de locale boogschiet-club snapt daar toch helemaal niets van?quote:
[..]
Inloggen op de server en de HTML-files aanpassen. Als je dat "beheren" wil noemen.
Ik ben nie hier voor de pingpong te schpelen
Nee, die zou ik dat ook niet laten doen. Dat is precies waar CMS'en voor zijn bedacht, want dan kan Henk gewoon inloggen en intypen wat 'ie op z'n site wil hebben staan, zonder dat 'ie iets stuk kan maken.quote:
[..]
Maar Henk van de locale boogschiet-club snapt daar toch helemaal niets van?
Dat bedoel ik niet. Er is geen enkele reden waarom een CMS-driven website duurder zou zijn dan een statische. Mits ze qua complexiteit het zelfde zijn. (dus geen bijzondere modules en functionaliteiten die geconfigureerd moeten worden)quote:
Waarom het in de praktijk wel zo is, is vooral marktwerking denk ik. Maar, hoeveel websites worden er überhaupt nog opgeleverd zonder enige vorm van CMS?quote:
[..]
Dat bedoel ik niet. Er is geen enkele reden waarom een CMS-driven website duurder zou zijn dan een statische. Mits ze qua complexiteit het zelfde zijn. (dus geen bijzondere modules en functionaliteiten die geconfigureerd moeten worden)
Op
Helaas wel.quote:
[..]
Bestaat dat buiten het hobby-circuit serieus nog?
Maar met een CMS kan iedereen toch zonder enige kennis van welke taal dan ook een website maken?quote:
[..]
Nee, die zou ik dat ook niet laten doen. Dat is precies waar CMS'en voor zijn bedacht, want dan kan Henk gewoon inloggen en intypen wat 'ie op z'n site wil hebben staan, zonder dat 'ie iets stuk kan maken.
Of heb ik nou iets compleet anders in gedachten?
Ik ben nie hier voor de pingpong te schpelen
Met een CMS kan iedereen zonder enige kennis een website beheren wanneer iemand die die kennis wel heeft een website voor deze persoon heeft gemaakt rondom dat CMS.quote:
[..]
Maar met een CMS kan iedereen toch zonder enige kennis van welke taal dan ook een website maken?
Of heb ik nou iets compleet anders in gedachten?
"Maar Tijn, heb je het nu over de revolutionaire M in Content Management Systeem? Wow, vertel ons meer!"quote:
[..]
Met een CMS kan iedereen zonder enige kennis een website beheren wanneer iemand die die kennis wel heeft een website voor deze persoon heeft gemaakt rondom dat CMS.
quote:
[..]
"Maar Tijn, heb je het nu over de revolutionaire M in Content Management Systeem? Wow, vertel ons meer!"
quote:HTML, CSS, JS voor dummies
Ik ben nie hier voor de pingpong te schpelen
Je kunt geen website maken met een CMS, je kunt een website beheren met een CMS. Dat is waar die M voor staat. Management. Beheer.quote:
Het maken van een website gaat altijd met HTML, CSS, Javascript en in het geval van een CMS ook nog iets op de server (PHP & MySQL, of whatever je daarvoor gebruikt).
Quotidien, je verwart een CMS met een site builder. Ik zou even goed gaan Googelen als ik jou was, dummy.
"Social order at the expense of liberty is hardly a bargain."
ik heb me nooit echt verdiept in CMS'senquote:Op woensdag 15 augustus 2012 00:21 schreef Quir het volgende:
Quotidien, je verwart een CMS met een site builder. Ik zou even goed gaan Googelen als ik jou was, dummy.
maar
maak je met html/css je website en zet je daar dan een cms in (zodat ik dat met een bestaande website zou kunnen doen)
of
neem je een cms en bouw je daar je website omheen?
is joomla/WP/Drupal een CMS of een sitebuilder...of een mengeling ?
wat is een aan te raden cms?quote:
Je neemt een CMS en daar bouw je een website in.
cms made simple?
Voor iemand die nog nooit met een CMS gewerkt heeft bedoel je?quote:
[..]
wat is een aan te raden cms?
cms made simple?
yepquote:
[..]
Voor iemand die nog nooit met een CMS gewerkt heeft bedoel je?
heb eens naar drupal zitten staren...maar dat werd m niet zeg maar
maak zelf (voor de hobby) graag wat sites...maar het is nu nogal statisch...niet heel erg omdat er weinig veranderd aan de info..maar wil me zelf graag een beetje ontwikkelen.
wil graag wel eigen ontwerpen maken, joomla templates pik je erzo tussen uit
Ik verwarde het inderdaad met een site-builder, het is me nu duidelijk
Ik ben nie hier voor de pingpong te schpelen
CMS Made Simple richt zich vooral op de serieuzere webdevelopers, itt bijv. wordpress wat meer op hobbyisten gericht is.quote:
[..]
Voor iemand die nog nooit met een CMS gewerkt heeft bedoel je?
je maakt eerst een ontwerp, daarna een template die geschikt is voor het CMS dat je wilt gebruiken.quote:
[..]
ik heb me nooit echt verdiept in CMS'sen
maar
maak je met html/css je website en zet je daar dan een cms in (zodat ik dat met een bestaande website zou kunnen doen)
of
neem je een cms en bouw je daar je website omheen?
Afhankelijk van het CMS kun je een bestaande website vaak zeer makkelijk converteren naar een template. (kwestie van de menu's en content eruit knippen en vervangen door de juiste tags van het cms)
