[HTML, CSS, JS] Frontend #42: eval("alert('weer een nieuw deel')");

quote:

Op donderdag 8 januari 2015 14:53 schreef KomtTijd... het volgende:

[..]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.

quote:

Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.

http://codepen.io/anon/pen/myRXYM

quote:

Op donderdag 8 januari 2015 18:48 schreef Donnie-Brasco het volgende:
Als ik een beetje wil gaan beginnen met het maken van websites en dergelijke, waar kan ik dan het beste mee beginnen? HTML?

Ik heb heel veel aan het boek HTML & CSS gehad, is een mooi en duidelijk boek.

quote:

Op vrijdag 9 januari 2015 22:34 schreef Rockiejj het volgende:

[..]

Een eh.. wat?

JSfiddle en Codepen zijn websites waar je HTML/CSS/JS op uit kunt voeren zonder een hele pagina te hoeven maken. Erg handig voor het testen van ideeën of het delen van stukken code als je ergens mij zit.

quote:

Op vrijdag 9 januari 2015 22:41 schreef BrainOverfloW het volgende:

[..]

JSfiddle en Codepen zijn websites waar je HTML/CSS/JS op uit kunt voeren zonder een hele pagina te hoeven maken. Erg handig voor het testen van ideeën of het delen van stukken code als je ergens mij zit.

Ik zie het inderdaad, handig!

Wat heb ik nou weer aan m'n broek hangen, heb een site, werkt de css niet. Met niet bedoel ik totaal niet, niet in Safari, niet in Chrome. De inspector van beide zien de css wel, ze herkennen het ook als css-bestand. Het enige wat er in staat is body { color: red } (om te testen, en ja er is een body-tag).

Iemand dit wel eens meegemaakt? Als ik met stylish (browser extensie) de pagina de kleur rood geef lukt het wel. Superweird deze.

Heb ook nog even een js toegevoegd die alleen 'test' in een alert gooit, die werkt wel.

Edit: zie dat het MIME Type text/plain is, moet haast daar aan liggen, oké bedankt
Edit2:

[ Bericht 11% gewijzigd door n8n op 12-01-2015 22:31:46 ]

quote:

Op donderdag 8 januari 2015 14:09 schreef donroyco het volgende:

[..]

Hey Daniël, maak eens een jsfiddle / CodePen aan.

quote:

Op donderdag 8 januari 2015 14:53 schreef KomtTijd... het volgende:

[..]

Ehm, dat zijn niet de codes van je footer, da's je hele fucking website. Maak eens een testcase.

Schatten, willen jullie nog even naar mijn code kijken, ik raak er alleen maar dieper in verdwaald

quote:

Op maandag 12 januari 2015 22:32 schreef Rockiejj het volgende:

[..]

[..]

Schatten, willen jullie nog even naar mijn code kijken, ik raak er alleen maar dieper in verdwaald

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur


Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.

quote:

Op dinsdag 13 januari 2015 00:07 schreef BrainOverfloW het volgende:

[..]

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur
[ code verwijderd ]

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.

Ik ga kijken of dit het oplost, thanks!

quote:

Op dinsdag 13 januari 2015 00:07 schreef BrainOverfloW het volgende:

[..]

Je zou er voor kunnen kiezen om je content in een main tag te zetten. Dan krijgt je HTML de volgende structuur
[ code verwijderd ]

Op die manier kun je de header, main en footer als 3 horizontale blokken op elkaar zetten. Binnen je main zet je vervolgens je content in twee rijen. De main zal dan altijd de lengte hebben van de langste rij waardoor je footer automatisch naar onderen wordt gedrukt.

Werkte perfect!
Kan je voor mij misschien ook nog eens kijken naar mijn navigatiebalk, ik heb nu een dropdown menu, alleen is mijn dropdown nu extreem breed, en ik zie niet waar het fout gaat. Kun je me misschien helpen
http://codepen.io/anon/pen/myRXYM

quote:

Op donderdag 15 januari 2015 22:49 schreef Rockiejj het volgende:

[..]

Werkte perfect!
Kan je voor mij misschien ook nog eens kijken naar mijn navigatiebalk, ik heb nu een dropdown menu, alleen is mijn dropdown nu extreem breed, en ik zie niet waar het fout gaat. Kun je me misschien helpen
http://codepen.io/anon/pen/myRXYM

nav ul li:hover > ul
Daar met width en margin je juiste lengte en positie in zetten.

quote:

Op vrijdag 9 januari 2015 22:41 schreef Rockiejj het volgende:

[..]

Ik heb heel veel aan het boek HTML & CSS gehad, is een mooi en duidelijk boek.

Thnx voor de tip, heb nog cadeaubon van bol.com liggen dus ga hem bestellen denk ik

quote:

Op vrijdag 16 januari 2015 00:53 schreef Donnie-Brasco het volgende:

[..]

Thnx voor de tip, heb nog cadeaubon van bol.com liggen dus ga hem bestellen denk ik

Ja moet je doen, ik heb er wel een hoop aan gehad!

https://dev.opera.com/articles/javascript-best-practices/

Goed artikel dit, met name over de namespaces.

Kleine vraag, hoe krijg ik bij het volgende voorbeeld de uitloop van de span terug in de container?

http://codepen.io/anon/pen/ogwraj

quote:

Op dinsdag 27 januari 2015 08:47 schreef Chandler het volgende:
Kleine vraag, hoe krijg ik bij het volgende voorbeeld de uitloop van de span terug in de container?

http://codepen.io/anon/pen/ogwraj

[ afbeelding ]

.top p {
box-sizing:border-box;
}

Thanks! je moet het maar weten

vind ik zelf niet zo fraai, op 1 element box-sizing toepassen


Is netter. Maar het fijnste is box-sizing op alles gooien

http://www.paulirish.com/2012/box-sizing-border-box-ftw/

alleen moet je dat wel vantevoren gelijk doen

Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.

quote:

Op dinsdag 27 januari 2015 10:34 schreef Chandler het volgende:
Klopt Catch, had het blogje waar je naar verwijst al doorgenomen.

Als Paul Irish iets zegt, dat is het waar.

quote:

Op dinsdag 27 januari 2015 10:38 schreef Catch22- het volgende:

[..]

Als Paul Irish iets zegt, datn is het waar.

maar goed, ga weer druk verder spelen om hier een mooie gallery van te maken

Box-sizing:border-box op alles gooien is leuk, tot dat je een of andere gare vendor-code moet includen. Maar ja, dan heb je natuurlijk al een groter probleem

Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?

Programmeren en er maar niet uit komen! WRAAAAH!

Wellicht zijn er mensen bekend met StackoverFlow.. Voor mijn opleiding ben ik pas begonnen met het programmeren. Op dit moment zijn wij bezig met het maken van een sociale media dienst m.b.v jquery..

Op dit moment loop ik vast op een Follow & UnFollow button. Ik heb de button gestyled zodat er bij 1 class het lijkt of de knop niet is in gedrukt en 1 class dat de knop WEL is ingedrukt. Nu is het nog de schone taak hem werkende te krijgen. Normaal is de knop niet ingedrukt (class1) en staat er de tekst "follow" en wanneer je die knop indrukt moet hij een andere class gebruiken (class2) en moet de tekst "unfollow" worden. Helder en niet zo moeilijk toch? Maar toch loop ik vast!!

Nu heb ik de vraag voorgelegd bij mensen op StackoverFlow en die hebben mij zeker kunnen helpen maar alsnog kom ik er niet uit en begrijp ik sommige dingen niet. Hier is de link naar de topic daar :

http://goo.gl/GNTmD0

Is er soms iemand die zich geroepen voelt en mij uit deze HELL kan halen? Ruk zowat de haren uit m'n kop

Je denkt jquery is poepsimpel en zonder lezen kan ik er wel mee werken? En waarom een div en geen a?

quote:

Op dinsdag 27 januari 2015 13:26 schreef MrNiles het volgende:
Ik heb een verschil in Firefox en Chrome met images.
In een div staat een image. De image is breder dan de div, maar de hoogte is wel goed.
Firefox doet dat prima,
Chrome gaat de zaak schalen zodat de image kleiner wordt, dat wil ik niet

Waar zit m dit in?

Voorbeeld?