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
Bleuh.
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.
Bleuh.
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?
Die z-index is volgens mij wel de way to go.
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.
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.
Bleuh.
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
Bleuh.
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)
Frontpage pagina`s ftw natuurlijk.
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.
Helaas wel.quote:
[..]
Bestaat dat buiten het hobby-circuit serieus nog?
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.
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.
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.
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 ?
Je neemt een CMS en daar bouw je een website in.
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.
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?
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.
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)
Moet dat niet andersom zijn?quote:
CMS Made Simple richt zich vooral op de serieuzere webdevelopers, itt bijv. wordpress wat meer op hobbyisten gericht is.
dat dus.
MrNiles je mag je vragen gewoon hier stellen ipv PM, als je een persoonlijk consult wilt huur je maar een adviesbureau in ofzo.
Of mij, a 100 euro per uur.quote:
MrNiles je mag je vragen gewoon hier stellen ipv PM, als je een persoonlijk consult wilt huur je maar een adviesbureau in ofzo.
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.
Wat zijn we weer behulpzaam.quote:
MrNiles je mag je vragen gewoon hier stellen ipv PM, als je een persoonlijk consult wilt huur je maar een adviesbureau in ofzo.
Ik ben nie hier voor de pingpong te schpelen
sure..quote:
MrNiles je mag je vragen gewoon hier stellen ipv PM, als je een persoonlijk consult wilt huur je maar een adviesbureau in ofzo.
ik ben op zoek naar een goede tutor voor het maken van een template voor WP zodat ik de slechte meteen kan skippen...tips?
en nog een navigatie vraagje
ik heb voor een site een navigatiebalk boven in het scherm, een hoofdmenu.
Door op een item te klikken krijg je tekst in het "main"-scherm en langs die tekst een submenu. Nu is heb ik dit nogal statisch gemaakt en wil ik dit wat dynamischer maken. Maar ik kan geen goede tutor vinden hoe dit te doen..het is dus een soort van dropdownmenu wat niet verdwijnt.
Hopelijk is het duidelijk wat ik bedoel....heeft zo'n menu een speciale naam? Dan kan ik makkelijk naar zoeken...zal iemand vast al eens gemaakt hebben dan hoef ik het wiel niet opnieuw uit te vinden.
Om het dynamisch te maken zal het met php moeten..misschien is het daarom niet helemaal in het juiste subforum...maar hopelijk kan iemand me wel helpen met het typemenu wat ik zoek
Hoi, a/s/l ?quote:
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.
Het is niet onbehulpzaam om iemand te vragen gewoon op het forum te posten ipv dingen via PM/DM te regelen.quote:
excuses...ik heb zitten denken dat het rechtstreeks makkelijker was...had ik niet moeten doen..zelf denken..denk dat ik ook iets heb verrekt daar boven..zal het niet meer doenquote:
[..]
Het is niet onbehulpzaam om iemand te vragen gewoon op het forum te posten ipv dingen via PM/DM te regelen.
/bashing
ontopic
Nee maar je kunt op z'n minst even antwoorden en dan aangeven dat het beter in het topic kan, ipv botweg niet reageren.quote:
[..]
Het is niet onbehulpzaam om iemand te vragen gewoon op het forum te posten ipv dingen via PM/DM te regelen.
Zullen we weer on-topic gaan?
Ik ben nie hier voor de pingpong te schpelen
Al had ik die PM uberhaupt gelezen, dan zou het alsnog ronduit onbeschoft zijn de inhoud zomaar te posten. Dat mag MrNiles zelf bepalen of'ie dat doet.quote:
[..]
Nee maar je kunt op z'n minst even antwoorden en dan aangeven dat het beter in het topic kan, ipv botweg niet reageren.
Zullen we weer on-topic gaan?
Wie heeft het over die PM hier posten?quote:Op woensdag 15 augustus 2012 15:04 schreef KomtTijd... het volgende:
[..]
Al had ik die PM uberhaupt gelezen, dan zou het alsnog ronduit onbeschoft zijn de inhoud zomaar te posten. Dat mag MrNiles zelf bepalen of'ie dat doet.
Ik ben nie hier voor de pingpong te schpelen
dynamisch maken van een pagina doe je met een client-side scripttaal (lees: javascript). Ik neem aan dat je zoiets bedoelt als op tweakers.net (dat de 2e navigatiebalk verandert als je een poosje op een menuitem hovert)?quote:
[..]
en nog een navigatie vraagje
ik heb voor een site een navigatiebalk boven in het scherm, een hoofdmenu.
Door op een item te klikken krijg je tekst in het "main"-scherm en langs die tekst een submenu. Nu is heb ik dit nogal statisch gemaakt en wil ik dit wat dynamischer maken. Maar ik kan geen goede tutor vinden hoe dit te doen..het is dus een soort van dropdownmenu wat niet verdwijnt.
Hopelijk is het duidelijk wat ik bedoel....heeft zo'n menu een speciale naam? Dan kan ik makkelijk naar zoeken...zal iemand vast al eens gemaakt hebben dan hoef ik het wiel niet opnieuw uit te vinden.
Om het dynamisch te maken zal het met php moeten..misschien is het daarom niet helemaal in het juiste subforum...maar hopelijk kan iemand me wel helpen met het typemenu wat ik zoek
Het makkelijkste is gewoon een aantal menu's in de pagina opnemen die je over elkaar heen positioneert en met display:none verbergt, en zichtbaar maakt met display:inline of display:block
dynamisch als in makkelijk aan te passenquote:
[..]
dynamisch maken van een pagina doe je met een client-side scripttaal (lees: javascript). Ik neem aan dat je zoiets bedoelt als op tweakers.net (dat de 2e navigatiebalk verandert als je een poosje op een menuitem hovert)?
Het makkelijkste is gewoon een aantal menu's in de pagina opnemen die je over elkaar heen positioneert en met display:none verbergt, en zichtbaar maakt met display:inline of display:block
mijn pagina met een werkend menu maar dit is dus heel omslachtig gemaakt door heel veel html pagina's
heb deze pagina gemaakt toen ik eigenlijk alleen nog maar de include van php kon.
elke pagina bestaat dus uit een complete html pagina...ben nu wel zover dat ik weet dat dat niet slim is als je iets wilt aanpassen
Je kunt het zo ingewikkeld maken als je wil, van een paar regels PHP tot een compleet CMS.quote:
[..]
dynamisch als in makkelijk aan te passen
ik wil graag het menu in 1x kunnen opbouwen, voor elke paginaquote:
[..]
Je kunt het zo ingewikkeld maken als je wil, van een paar regels PHP tot een compleet CMS.
heb nu 1 pagina (de index) met html/css, hierin staat een stukje php die uit een andere file een functie haalt op het moment dat er op een link wordt geklikt, in die functie staat de tekst die in het "main"-venster komt te staan.
Dus 1 opmaak pagina...
nu wil ik dus in die opmaakpagina ook mijn menu zetten..maar hoe krijg ik zo'n "complex" menu gevangen op 1 pagina..dit is al teveel php voor dit forum maar als iemand me hiermee kan helpen dan ben ik heel dankbaar.
Kan laten zien wat ik al heb..hier of in het php forum
Zoekt er iemand trouwens nog een baan als webdeveloper, en heb je verstand van de laatste modetrends? Reageer dan nu:
http://www.jobbird.com/nl(...)erdam?s=webdeveloper
http://www.jobbird.com/nl(...)erdam?s=webdeveloper
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.
Ja, lijkt me meer iets voor het PHP-topic.quote:
[..]
ik wil graag het menu in 1x kunnen opbouwen, voor elke pagina
heb nu 1 pagina (de index) met html/css, hierin staat een stukje php die uit een andere file een functie haalt op het moment dat er op een link wordt geklikt, in die functie staat de tekst die in het "main"-venster komt te staan.
Dus 1 opmaak pagina...
nu wil ik dus in die opmaakpagina ook mijn menu zetten..maar hoe krijg ik zo'n "complex" menu gevangen op 1 pagina..dit is al teveel php voor dit forum maar als iemand me hiermee kan helpen dan ben ik heel dankbaar.
Kan laten zien wat ik al heb..hier of in het php forum
quote:
Zoekt er iemand trouwens nog een baan als webdeveloper, en heb je verstand van de laatste modetrends? Reageer dan nu:
http://www.jobbird.com/nl(...)erdam?s=webdeveloper
Sowieso, een webdeveloper die overweg kan met de Adobe suite maar niet per se Javascript hoeft te kunnen? Seriously?
Of je gebruikt gewoon de ingebouwde menu-functies van je cmsquote:
[..]
ik wil graag het menu in 1x kunnen opbouwen, voor elke pagina
heb nu 1 pagina (de index) met html/css, hierin staat een stukje php die uit een andere file een functie haalt op het moment dat er op een link wordt geklikt, in die functie staat de tekst die in het "main"-venster komt te staan.
Dus 1 opmaak pagina...
nu wil ik dus in die opmaakpagina ook mijn menu zetten..maar hoe krijg ik zo'n "complex" menu gevangen op 1 pagina..dit is al teveel php voor dit forum maar als iemand me hiermee kan helpen dan ben ik heel dankbaar.
Kan laten zien wat ik al heb..hier of in het php forum
Het lijkt me niet dat 'ie een CMS heeft als 'ie met zo'n probleem zit.quote:
[..]
Of je gebruikt gewoon de ingebouwde menu-functies van je cms
Ik zal waarschijnlijk worden uitgejouwd, maar toch even een poging onder 't mom van 'niet geschoten'...
Ik ben nog aan het puzzelen met het design voor een Tumblr, en nu zou ik graag de lege ruimte in de sidebar (onder de nuttige echte content/knopppen) vullen met een herhalende inhoud (eventueel echte klikbare content, maar alleen een backdrop is ook oké). Nu is het zo dat de lengte van de Tumblr pagina flexibel is, gedefinieerd door x posts per pagina (waarvan de lengte kan verschillen), maar wanneer de sidebar langer is bepaalt deze de lengte.
Aan beide heb ik in dit geval dus niet zo veel om te definieren hoe vaak ik de backdrop herhaalt wil hebben, ik wil simpelweg dat de sidebar nooit langer wordt dan de posts en dat hij zo weinig mogelijk 'lege ruimte' heeft.
Normaal gesproken heeft de wrap/body/sidebar éénn brede backdrop die over de volle lengte meeloopt, dus ik heb het gevoel dat wat ik wil ook (makkelijk) moet kunnen, maar dat ik een heel logische oplossing over het hoofd zie. Het voornaamste verschil is dat de sidebar backdrop pas halverwege de wrapper moet beginnen...
Als iemand enige suggestie heeft in welke hoek ik de oplossing moet zoeken dan zou ik dat erg waarderen
Ik ben nog aan het puzzelen met het design voor een Tumblr, en nu zou ik graag de lege ruimte in de sidebar (onder de nuttige echte content/knopppen) vullen met een herhalende inhoud (eventueel echte klikbare content, maar alleen een backdrop is ook oké). Nu is het zo dat de lengte van de Tumblr pagina flexibel is, gedefinieerd door x posts per pagina (waarvan de lengte kan verschillen), maar wanneer de sidebar langer is bepaalt deze de lengte.
Aan beide heb ik in dit geval dus niet zo veel om te definieren hoe vaak ik de backdrop herhaalt wil hebben, ik wil simpelweg dat de sidebar nooit langer wordt dan de posts en dat hij zo weinig mogelijk 'lege ruimte' heeft.
Normaal gesproken heeft de wrap/body/sidebar éénn brede backdrop die over de volle lengte meeloopt, dus ik heb het gevoel dat wat ik wil ook (makkelijk) moet kunnen, maar dat ik een heel logische oplossing over het hoofd zie. Het voornaamste verschil is dat de sidebar backdrop pas halverwege de wrapper moet beginnen...
Als iemand enige suggestie heeft in welke hoek ik de oplossing moet zoeken dan zou ik dat erg waarderen
wat de neuk is een backdrop?
als je een achtergrondafbeelding wil repeteren, moet je repeat-x gebruiken.
als je een achtergrondafbeelding wil repeteren, moet je repeat-x gebruiken.
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?
Oh ja, dat dus inderdaad. En dat laatste weet ik, ik kom er alleen niet uit hoe ik een déél van de sidebar een achtergrondafbeelding geef die zich netjes tot onder aan de pagina blijft herhalen. Nu loopt hij of wel over de hele lengte, of hij houdt op op het punt dat er geen content meer in de sidebar staat.quote:
wat de neuk is een backdrop?
als je een achtergrondafbeelding wil repeteren, moet je repeat-x gebruiken.
Bedoel je het zoals hier omschreven staat? http://www.alistapart.com/articles/fauxcolumns/quote:
Want dat past het ontwerp inderdaad al toe, maar gaat dus wel over de lengte van de hele pagina, terwijl ik de 'opvulling' van de sidebar pas wil laten beginnen onder de content... (en da's voor de wrapper dus redelijk willekeurig midden in een post)
Ik vermoed dat de hele pagina in een 'tabel' gooien een oplossing zóú kunnen zijn, maar ik heb het gevoel dat ik het dan misschien onnodig moeilijk maak.
Een andere oplossing zou nog kunnen zijn dat ik er voor zorg dat de sidebar stop met scrollen waar de content ophoudt terwijl de wrapper doorscrollt, maar ik denk niet dat dat veel eenvoudiger zal zijn.
[ Bericht 7% gewijzigd door Maartel op 15-08-2012 17:45:55 ]
Kun je niet een div met een repeterende achtergrond maken die langs de hele pagina loopt en er dan een div overheen leggen met de inhoud die je er in wilt hebben.
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 vind die Quotidien maar een lulletje.
"Social order at the expense of liberty is hardly a bargain."
Uhm, nou, de 'achtergrond' die ik wil gebruiken om de onderste helft van de sidebar op te vullen is vrij aanwezig (echte plaatjes zeg maar) dus veel te druk om achter de sidebar knoppen te hebben.. en die hebben zelf weer een transparante achtergrond omdat de site als geheel al een motiefje als achtergrond heeft.quote:
Kun je niet een div met een repeterende achtergrond maken die langs de hele pagina loopt en er dan een div overheen leggen met de inhoud die je er in wilt hebben.
Nou zou ik kunnen proberen ze van motief te voorzien zodat ze 'wegvallen' in de achtergrond, maar dan nog zou de repeterende achtergrond uit het niets ineens midden in de sidebar tevoorschijn komen, ws ook midden in een afbeelding.
En die plaatjes kun je niet gewoon na de knoppen in dezelfde div laden? Of als aparte div onder de div met je knoppen zetten.quote:
[..]
Uhm, nou, de 'achtergrond' die ik wil gebruiken om de onderste helft van de sidebar op te vullen is vrij aanwezig (echte plaatjes zeg maar) dus veel te druk om achter de sidebar knoppen te hebben.. en die hebben zelf weer een transparante achtergrond omdat de site als geheel al een motiefje als achtergrond heeft.
Nou zou ik kunnen proberen ze van motief te voorzien zodat ze 'wegvallen' in de achtergrond, maar dan nog zou de repeterende achtergrond uit het niets ineens midden in de sidebar tevoorschijn komen, ws ook midden in een afbeelding.
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 kan wel, maar ze zijn dus bedoeld om de sidebar, indien nodig, op te vullen. Dus wanneer er een pagina met korte posts is zouden ze niet moeten verschijnen, en wanneer er een lange pagina is zouden ze moeten herhalen..quote:
[..]
En die plaatjes kun je niet gewoon na de knoppen in dezelfde div laden? Of als aparte div onder de div met je knoppen zetten.
En de hele sidebar die achtergrond geven, en de content een andere achtergrond daar overheen valt?
Gaan er trouwens nog mensen hier naar Inspireconf in december? Als Jeffrey Zeldman komt spreken moet 't haast wel boeiend zijn.
Gaan er trouwens nog mensen hier naar Inspireconf in december? Als Jeffrey Zeldman komt spreken moet 't haast wel boeiend zijn.
En als je je opvullings div automatisch zijn lengte aan laat passen aan de ruimte die over is. Is er geen ruimte over dan komt die op 0px te staan en zie je hem niet. De plaatjes kun je aan het einde van de div verbergen met 'overflow : hidden'.quote:
[..]
Dat kan wel, maar ze zijn dus bedoeld om de sidebar, indien nodig, op te vullen. Dus wanneer er een pagina met korte posts is zouden ze niet moeten verschijnen, en wanneer er een lange pagina is zouden ze moeten herhalen..
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 suggereerde BrainOverfloW ook al, zie mijn vorige antwoordquote:
En de hele sidebar die achtergrond geven, en de content een andere achtergrond daar overheen valt?
Maar stopt ie dan netjes aan het eind van één afbeelding, of kapt ie dan alsnog de achtergrondafbeelding op de pixel nauwkeurig af?quote:
[..]
En als je je opvullings div automatisch zijn lengte aan laat passen aan de ruimte die over is. Is er geen ruimte over dan komt die op 0px te staan en zie je hem niet. De plaatjes kun je aan het einde van de div verbergen met 'overflow : hidden'.
De opvullings div automatisch zijn lengte aan laten passen lijkt me wel een optie, ik krijg het alleen vooralsnog niet voor elkaar.. als ik bijvoorbeeld de hele sidebar een achtergrond geef en de hoogte op 100% zet, evenals de hoogte van de wrap, dan houdt de achtergrond in de sidebar alsnog op zodra de content stopt..
Dat gebeurt wel ja, die waarschuwing was ik net in mijn post aan het edittenquote:
[..]
Maar stopt ie dan netjes aan het eind van één afbeelding, of kapt ie dan alsnog de achtergrondafbeelding op de pixel nauwkeurig af?
. Als je ze precies uit wil laten komen moet je denk ik de oplossing in Javascript/JQuery zoeken. Dan kun je de hoogte van het op te vullen stuk berekenen en van daaruit berekenen hoeveel plaatjes je onder je content kunt laden.Een veel gehoort probleem als ik de reacties op google zie. Quick Tip: CSS 100% Height lijkt het op te lossen.quote:De opvullings div automatisch zijn lengte aan laten passen lijkt me wel een optie, ik krijg het alleen vooralsnog niet voor elkaar.. als ik bijvoorbeeld de hele sidebar een achtergrond geef en de hoogte op 100% zet, evenals de hoogte van de wrap, dan houdt de achtergrond in de sidebar alsnog op zodra de content stopt..
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
Bedankt!quote:
Een veel gehoort probleem als ik de reacties op google zie. Quick Tip: CSS 100% Height lijkt het op te lossen.
Aan een aantal reacties daar te lezen gaat het met kolommen nog niet altijd op, maar ik ga er toch eens doorheen lezen en wat dingen uitproberen.. wie weet!
Edit: afgaande op wat ik nu gelezen en geprobeerd heb lijk ik toch aangewezen op Javascript.. bummer.
[ Bericht 6% gewijzigd door Maartel op 15-08-2012 20:13:32 ]
Dat stadium is WordPress allang ontgroeid.quote:
[..]
CMS Made Simple richt zich vooral op de serieuzere webdevelopers, itt bijv. wordpress wat meer op hobbyisten gericht is.
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
Okay, lang genoeg gewanhoopt, laat mij eens experts roepen.
http://lambandhare.nl/newest/
Ik hiermee een enorme ruzie met IE < versie 10. Ik heb een aantal pagina's/divs op 100% hoogte van de browser, met daarin een verticaal gecentreerde div met daarin content. Internet Explorer < 10 zet deze -gok ik- op 300% hoogte, 100% boven de content-div, 100% als content-div en 100% onder de content-div. Voor IE forceer ik dus nu de 100% hoogte naar een _height van 750px om maar niet al te bizar veel te hoeven te scrollen.
Ziet een van jullie snel waarom IE < 10 de 100% hoogte niet goed slikt?
http://lambandhare.nl/newest/
Ik hiermee een enorme ruzie met IE < versie 10. Ik heb een aantal pagina's/divs op 100% hoogte van de browser, met daarin een verticaal gecentreerde div met daarin content. Internet Explorer < 10 zet deze -gok ik- op 300% hoogte, 100% boven de content-div, 100% als content-div en 100% onder de content-div. Voor IE forceer ik dus nu de 100% hoogte naar een _height van 750px om maar niet al te bizar veel te hoeven te scrollen.
Ziet een van jullie snel waarom IE < 10 de 100% hoogte niet goed slikt?
Ik ga naar huis.
Quickfix: js gebruiken
Longer fix: googlen, er zijn wel oplossingen, alleen wat lastiger te testen voor mij.
Longer fix: googlen, er zijn wel oplossingen, alleen wat lastiger te testen voor mij.
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?
It should.quote:Op donderdag 16 augustus 2012 12:57 schreef Tijn het volgende:
Wanneer je je venster resized, past de pagina zich niet aan trouwens.
Ik ga naar huis.
Ik had 'm ook zo staan, maar bij mij slikt 'ie 'm niet. Gebruik alleen wel <articles> in plaats van divs, maar die maak ik netjes aan met js voor IE. Zou 'ie niet in de war kunnen raken van de divs die er in staan?quote:
http://jsfiddle.net/maxx0r/haMNS/4/
zo werkt het bij mij wel in IE7-9
Ik ga naar huis.
Ik heb niet naar je code gekeken, maar gebruik je wel html5shiv en maak je in je css nog even block-elementen van je articles? Pas dan doet <article> hetzelfde als <div> in IE namelijk.quote:
[..]
Ik had 'm ook zo staan, maar bij mij slikt 'ie 'm niet. Gebruik alleen wel <articles> in plaats van divs, maar die maak ik netjes aan met js voor IE. Zou 'ie niet in de war kunnen raken van de divs die er in staan?
Ik ben alweer een stuk verder, 100% height doet het nu goed in IE. Ik had kennelijk iets verneukt met de doctype. :$.
Nu laat IE alleen nog een rare witruimte rechts van m'n pagina's zien.
Nu laat IE alleen nog een rare witruimte rechts van m'n pagina's zien.
Ik ga naar huis.
Pagina eens door de HTML-validator halen.. zitten nogal een paar grove fouten in je code:
<center> is not done, css is je antwoord.
<![if ! IE]> is, zoals de validator het zegt "Bogus"
<img width="300px" height="180px"> px in attributen: nee.
<center> is not done, css is je antwoord.
<![if ! IE]> is, zoals de validator het zegt "Bogus"
<img width="300px" height="180px"> px in attributen: nee.
dat dus.
Will do. Ik noem mezelf maar weer een soort van scriptjutter.
Die if ! IE was even de snelste manier om een svgtje alleen in IE in te laden.. En sinds wanneer is img width setten er dan eigenlijk uit? Ik kreeg vroeger altijd op m'n flikker van die validators als ik het niet deed?
Die if ! IE was even de snelste manier om een svgtje alleen in IE in te laden.
. En sinds wanneer is img width setten er dan eigenlijk uit? Ik kreeg vroeger altijd op m'n flikker van die validators als ik het niet deed?
Ik ga naar huis.
width= en height= zijn altijd een integer (afmeting in pixels), een dimensie erbij zetten maakt ze invalid.
En volgens mij zijn ze beiden niet verplicht.
En volgens mij zijn ze beiden niet verplicht.
Width en height kan je beter in css zetten, of nóg beter: gewoon de images op maat maken.
De conditional comments mag je op zich maken, maar je maakte ze niet als comment:
<![if ! IE]> <-- fout
<!--[if ! IE]> <-- goed
De conditional comments mag je op zich maken, maar je maakte ze niet als comment:
<![if ! IE]> <-- fout
<!--[if ! IE]> <-- goed
dat dus.
quote:
<![if ! IE]> <-- fout
<!--[if ! IE]--> <-- goed
Dan is 't ie gelijk weer gesloten toch? niet echt nuttig.. Of werkt het toch tot aan de <![endif]--> op die manier?quote:
<![if ! IE]> <-- fout
<!--[if ! IE]--> <-- goed
dat dus.
Dat is voor als je wel IE wil includen.quote:
[..]
Dan is 't ie gelijk weer gesloten toch? niet echt nuttig.. Of werkt het toch tot aan de <![endif]--> op die manier?
| 1 2 3 | <!--[if IE 6]> Special instructions for IE 6 here <![endif]--> |
Als je IE juist wil excluden, kan dat zo:
| 1 2 3 | <!--[if !IE]> --> According to the conditional comment this is not IE <!-- <![endif]--> |
[edit] ik heb hier al 3x iets anders gezet, maar zoals het er nu staat klopt het
Ik merk dat ik nu een heleboel van m'n oude hacks -rare grappen om verticaal te centreren- er weer uit kan gaan slopen omdat ze de boel overal verneuken.
Ik ga naar huis.
ja waarom? Gewoon een breedte en margin:0 auto;, eventueel een wrapper erbij.
Ik wil je best helpen, maar dat gaat een beetje lastig zo
Ik heb net met een Less Mixin een tooltje gebouwd om dynamisch een gradient te genereren Ben met een applicatie bezig die voor elke "ingang"/omgeving een andere kleurset heeft (die komt terug in het active menuitem, koppen e.d.). Met een mixin heb ik gefixt dat hij de inlogknop "styled" aan de hand van de kleur van de omgeving.
Ik wil je best helpen, maar dat gaat een beetje lastig zo
Ik heb net met een Less Mixin een tooltje gebouwd om dynamisch een gradient te genereren
Ben met een applicatie bezig die voor elke "ingang"/omgeving een andere kleurset heeft (die komt terug in het active menuitem, koppen e.d.). Met een mixin heb ik gefixt dat hij de inlogknop "styled" aan de hand van de kleur van de omgeving.| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | gave-kleur-generator(@kleurtje) { @first: lighten(@kleurtje, 20%); @last: darken(@kleurtje, 20%); @stop : darken(@kleurtje, 50%); background-image: linear-gradient(bottom, @first 34%, @last 56%); background-image: -o-linear-gradient(bottom, @first 34%, @last 56%); background-image: -moz-linear-gradient(bottom, @first 34%, @last 56%); background-image: -webkit-linear-gradient(bottom, @first 34%, @last 56%); background-image: -ms-linear-gradient(bottom, @first 34%, @last 56%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.34, @first), color-stop(0.56, @last) ); } |
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 kreeg ik alleen aan de praat voor de horizontale centering, verticaal slikte 'ie dat niet. (Daarnaast zou ik eigenlijk een blok verticaal willen centeren met een variabele hoeveelheid content en dus hoogte.)quote:
ja waarom? Gewoon een breedte en margin:0 auto;, eventueel een wrapper erbij.
Maar volgens mij ben ik over m'n IE-ellende heen. Ik schotel nu ook IE9 en IE10 netjes een SVG voor ipv de fallback PNG. (Waardoor IE9 in compatibility mode er twee laat zien maar fuck dat.)
Ik ga naar huis.
...en toen opende je de boel in Opera, wenste je compleet Noorwegen de teringtyfus toe en besloot je maar weer gewoon filmpjes te gaan maken.
Ik ga naar huis.
Als er budgetten voor zijn laat ik het liever doen idd. .
Aan de andere kant vind ik het ook leuk om er zelf weer mee te kutten, totdat het op bugfixen neerkomt. Dan is de lol er snel af. HTML+CSS blijft gewoon leuk om te doen, ik wou alleen dat ik mijn hoofd eens meer naar de javascript kant kon zetten.
[ Bericht 16% gewijzigd door nietzman op 16-08-2012 23:32:13 ]
.Aan de andere kant vind ik het ook leuk om er zelf weer mee te kutten, totdat het op bugfixen neerkomt. Dan is de lol er snel af. HTML+CSS blijft gewoon leuk om te doen, ik wou alleen dat ik mijn hoofd eens meer naar de javascript kant kon zetten.
[ Bericht 16% gewijzigd door nietzman op 16-08-2012 23:32:13 ]
Ik ga naar huis.
die blokken hebben een vaste hoogte toch?
Stel dat de hoogte 450 pixels is, doe je toch gewoon
Stel dat de hoogte 450 pixels is, doe je toch gewoon
| 1 | .block { position:absolute; top:50%; bottom:50%;margin-top:-225px; |
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?
Die bottom:50%; is niet nodigquote:
die blokken hebben een vaste hoogte toch?
Stel dat de hoogte 450 pixels is, doe je toch gewoon
[ code verwijderd ]
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
De blokken wel, maar de content er in is niet altijd blok-vullend. Zo positioneer ik ze nu al.
Ik ga naar huis.
http://css-tricks.com/centering-in-the-unknown/
Verticaal centreren met hulp van een pseudo-ghost element.
Verticaal centreren met hulp van een pseudo-ghost element.
dat dus.
pseudo-elementen in IE zijn ook niet altijd even handigquote:
http://css-tricks.com/centering-in-the-unknown/
Verticaal centreren met hulp van een pseudo-ghost element.
dit kan je ook doen, stukje jQuery
http://jsfiddle.net/maxx0r/vEGkr/4/
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?
Alleen IE7 ondersteund ze niet, vanaf ie8 kan je ze gewoon gebruiken...quote:
[..]
pseudo-elementen in IE zijn ook niet altijd even handig
dit kan je ook doen, stukje jQuery
http://jsfiddle.net/maxx0r/vEGkr/4/
Hoe minder JavaScript-vervuiling op een pagina, hoe beter, lijkt mij..
dat dus.
Klopt, maar als je het met een klein stukje javascript werkend maakt in browsers die anders lopen te klooien en je geen betere oplossing weet dan een blok op je site waarin je meldt dat je het niet voorelkaar krijgt, dan is het zo gek nog niet
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?
Javascript vervuiling noemen, tsk.
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.
Ik stoei nog even verder met link en fiddle, die link had ik al eens geprobeerd maar die zal ik zelf wel verneukt hebben door al m'n vieze andere hacks. Thanks.
Ik ga naar huis.
Eigenlijk moet je je centrering doen met display:box
in moderne browsers that is
in moderne browsers that 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?
En dat is gelijk het beste argument waarom je het niet moet doen: De specificatie is nog niet af en kan nog regelmatig wijzigen. Ondertussen ís deze gewijzigd en de nieuwe syntax is display: flex;quote:
Eigenlijk moet je je centrering doen met display:box
in moderne browsers that is
zie ook http://css-tricks.com/old-flexbox-and-new-flexbox/ voor alle verschillende versies en natuurlijk de officiele working draft op http://www.w3.org/TR/css3-flexbox/
dat dus.
Centering met margin: 0 auto;
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Kan het kwaad om zonder problemen de main{ css style van width 1000 naar 1050 te wijzigen?
Voor zover ik heb gezien heeft het nergens invloed op.
Reden waarom ik dit wil wijzigen is omdat de afbeelding van mijn footer wordt afgesneden bij 1000 px. En deze wil ik 1050 pix breed hebben.
Kan het invloed hebben op iets dat bijv. right align heeft en dan padding-right: xx px?
Of is het wellicht verstandiger om overflow: hidden gewoon weg te halen bij de main { ?
Voor zover ik heb gezien heeft het nergens invloed op.
Reden waarom ik dit wil wijzigen is omdat de afbeelding van mijn footer wordt afgesneden bij 1000 px. En deze wil ik 1050 pix breed hebben.
Kan het invloed hebben op iets dat bijv. right align heeft en dan padding-right: xx px?
Of is het wellicht verstandiger om overflow: hidden gewoon weg te halen bij de main { ?
Als je er geen verstand van hebt, lijkt het me alleszins verstandiger om die afbeelding gewoon 50px te verkleinen.
En anders: je kunt het altijd even proberen
En anders: je kunt het altijd even proberen
Het heeft alleen invloed op gebruikers die nog op 1024x768 zitten. Die krijgen dan een horizontale scrollbar.quote:
Kan het kwaad om zonder problemen de main{ css style van width 1000 naar 1050 te wijzigen?
Voor zover ik heb gezien heeft het nergens invloed op.
Reden waarom ik dit wil wijzigen is omdat de afbeelding van mijn footer wordt afgesneden bij 1000 px. En deze wil ik 1050 pix breed hebben.
Kan het invloed hebben op iets dat bijv. right align heeft en dan padding-right: xx px?
Of is het wellicht verstandiger om overflow: hidden gewoon weg te halen bij de main { ?
Maar weet natuurlijk niet voor welke resolutie je de site aan het maken bent. Verder wat diegene boven me zegt.
Het is een beetje het idee als bij de coolblue.nl footer.
Als ik de afbeelding met 50 verklein, dan sluit die niet aan de zijkanten waardoor er dus eigenlijk twee witte strepen naast de zijkant staan omdat de achtergrond iets breder is dan 1000px.
Krijgen gebruikers met een resolutie van 1024x... bij beide gevallen zoals ik hierboven noem een horizontale scrollbar?
Tja voor welke gebruikers ik de site maak, voor iedereen. Het is geen 'gaming' doelgroep bijv. die sowieso wel hogere resoluties als 1024x gebruiken.
Als ik de afbeelding met 50 verklein, dan sluit die niet aan de zijkanten waardoor er dus eigenlijk twee witte strepen naast de zijkant staan omdat de achtergrond iets breder is dan 1000px.
Krijgen gebruikers met een resolutie van 1024x... bij beide gevallen zoals ik hierboven noem een horizontale scrollbar?
Tja voor welke gebruikers ik de site maak, voor iedereen. Het is geen 'gaming' doelgroep bijv. die sowieso wel hogere resoluties als 1024x gebruiken.
Oke: bij beide gevallen komt er een horizontale scroll bar inderdaad..
Dan eens kijken hoe het anders opgelost kan worden.. als dat kan.
Vraag me wel af in hoeverre het nog realistisch is om te denken dat er 1024x gebruikers bestaan. Dat is werkelijk 50% of nog minder dan mijn huidige scherm... Zelfs de iPad komt daar van in de buurt..
Dan eens kijken hoe het anders opgelost kan worden.. als dat kan.
Vraag me wel af in hoeverre het nog realistisch is om te denken dat er 1024x gebruikers bestaan. Dat is werkelijk 50% of nog minder dan mijn huidige scherm... Zelfs de iPad komt daar van in de buurt..
Interessant: http://tweakers.net/nieuw(...)-pixelbezitters.html
Toch nog maar voor 1024x blijven optimaliseren dus..
Toch nog maar voor 1024x blijven optimaliseren dus..
ga maar eens bij bedrijven langs. Die werken vaak nog op zulke resoluties met kleinere schermenquote:
Oke: bij beide gevallen komt er een horizontale scroll bar inderdaad..
Dan eens kijken hoe het anders opgelost kan worden.. als dat kan.
Vraag me wel af in hoeverre het nog realistisch is om te denken dat er 1024x gebruikers bestaan. Dat is werkelijk 50% of nog minder dan mijn huidige scherm... Zelfs de iPad komt daar van in de buurt..
It was an opportunity to honour our memories and to make room for new ones
Heb je gelijk in ja.. hier op de universiteit staat het ook nog vol met van die pruts mini schermpjes.quote:
[..]
ga maar eens bij bedrijven langs. Die werken vaak nog op zulke resoluties met kleinere schermen
net als dat die ook nog op IE 7 of 8 zitten. Alhoewel het merendeel wel voort van 7 af is gelukkig. Maar nog een hoop met IE8quote:
[..]
Heb je gelijk in ja.. hier op de universiteit staat het ook nog vol met van die pruts mini schermpjes.
Maar gelukkig bestaan er dingen zoals Modernizr
It was an opportunity to honour our memories and to make room for new ones
Hé, maar als ik die 1050 wijzig naar 1024 max width zou er gen probleem moeten zijn toch in vergelijking met de 1000 die ik eerst had?quote:
[..]
net als dat die ook nog op IE 7 of 8 zitten. Alhoewel het merendeel wel voort van 7 af is gelukkig. Maar nog een hoop met IE8
Maar gelukkig bestaan er dingen zoals Modernizr
volgens mij niet.quote:
[..]
Hé, maar als ik die 1050 wijzig naar 1024 max width zou er gen probleem moeten zijn toch in vergelijking met de 1000 die ik eerst had?
Ik zou zeggen probeer het even
It was an opportunity to honour our memories and to make room for new ones
Ja nja werkt niet, zit ik nog steeds met de achtergrond. Ik geef wel een andere draai aan de footer..
heb je een linkje mogelijk dat ik kan kijken?quote:
Ja nja werkt niet, zit ik nog steeds met de achtergrond. Ik geef wel een andere draai aan de footer..
Heb nl wel een idee hoe je het op kan lossen. Linkje mag ook via DM evt
It was an opportunity to honour our memories and to make room for new ones
met deze code fix je het:
Ipv de background op je #footer moet die op de container staan
En dan de achtergrond kleur van #footer weghalen dat groene.
Kan alleen wel problemen geven op 1024x768 maar zover ik gekeken heb is het ook op die resolutie goed.
| 1 2 3 4 5 6 7 8 | .main { width:1050px; overflow-x:hidden; } #footerContainer { background: url('xx') etc wat je er had staan; } |
Ipv de background op je #footer moet die op de container staan
En dan de achtergrond kleur van #footer weghalen dat groene.
Kan alleen wel problemen geven op 1024x768 maar zover ik gekeken heb is het ook op die resolutie goed.
It was an opportunity to honour our memories and to make room for new ones
Zou je eens kunnen kijken? Ik heb de wijzigingen doorgevoerd.quote:
met deze code fix je het:
[ code verwijderd ]
Ipv de background op je #footer moet die op de container staan
En dan de achtergrond kleur van #footer weghalen dat groene.
Kan alleen wel problemen geven op 1024x768 maar zover ik gekeken heb is het ook op die resolutie goed.
Maar is het probleem om 1024px nu niet dat er een scroll bar komt?
Met overflow-x:hidden komt er nooit een horizontale scrollbalk. Dat word geclipt dan als het goed is.quote:
[..]
Zou je eens kunnen kijken? Ik heb de wijzigingen doorgevoerd.
Maar is het probleem om 1024px nu niet dat er een scroll bar komt?
It was an opportunity to honour our memories and to make room for new ones
De width 1000px had ik al weggehaald. Dan moet het nu oké zijn?quote:
[..]
Met overflow-x:hidden komt er nooit een horizontale scrollbalk. Dat word geclipt dan als het goed is.
Enige wat ik nu wel opmerk is dat de afbeelding van de footer mee verschuift bij 1024px.
quote:
[..]
De width 1000px had ik al weggehaald. Dan moet het nu oké zijn?
Alleen nog bij #footer
| 1 | background-color: #F0F8FD; |
Je krijgt op 1024x768 wel een horizontale scrollbalk. Maar dat kan je alleen fixen als heel je website 1004px breed is.
It was an opportunity to honour our memories and to make room for new ones
Duidelijk. Bedankt voor je hulp.quote:
[..]
Alleen nog bij #footer
[ code verwijderd ]
weghalen.
Je krijgt op 1024x768 wel een horizontale scrollbalk. Maar dat kan je alleen fixen als heel je website 1004px breed is.
Nu moet ik dan overwegen of het verstandig is om 'm niet voor 1024 te optimaliseren..
Eventueel kan ik nog 4 pixels van de zijkant van de achtergrond snijden.. Dan is die ook voor 1024 geoptimaliseerd want dan kan ik de footer ipv 1028px 1024px maken.
Dan weet ik dus niet wat ik moet doen.. Want dan zou 1024px breed ook niet voldoende zijn voor een 1024 monitor omdat er nog 20px scrollbalk bijkomt. Is het echter niet zo dat die de 20px van de scroll balk verticaal niet meetelt? Bij mij hakt die namelijk eerst 20px van de zijkant af die achter de scroll balk verdwijnen voordat die horizontaal gaat scrollen.quote:
1004 is de maximum breedte die je moet aanhouden. Scrollbar is twintig pixels breed.
[ Bericht 6% gewijzigd door Snoepje5 op 21-08-2012 13:20:51 ]
Verschilt misschien per browser. Firefox bijv. laat allen een scrollbalk zien als het nodig is, vandaar dat gecentreerde pagina's een paar pixels verspringen als ze langer worden, er verdwijnt rechts 20px beeldruimte dus de gecentreerde pagina moet 10px naar links.quote:
Dan weet ik dus niet wat ik moet doen.. Want dan zou 1024px breed ook niet voldoende zijn voor een 1024 monitor omdat er nog 20px scrollbalk bijkomt. Is het echter niet zo dat die de 20px van de scroll balk verticaal niet meetelt? Bij mij hakt die namelijk eerst 20px van de zijkant af die achter de scroll balk verdwijnen voordat die horizontaal gaat scrollen.
