abonnement Unibet Coolblue Bitvavo
pi_127719086
[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 (code.png), 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/
  woensdag 12 juni 2013 @ 19:13:32 #2
56176 Catch22-
Ben je Blind?!
pi_127719165
Knurft. Tt verneukt
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?
pi_127719401
Dan had je maar eerder moeten zijn. Ik had zelfs nog gewacht met het openen van een nieuw topic.
pi_127720922
quote:
10s.gif Op woensdag 12 juni 2013 18:20 schreef Tijn het volgende:

[..]

Lekkere webmaster heb je als dit klusje van 5 minuten al teveel geld kost.
Volgens mij is het een zelfgebeund CMS-je ofzo.
  woensdag 12 juni 2013 @ 20:13:12 #5
12221 Tijn
Powered by MS Paint
pi_127721816
quote:
14s.gif Op woensdag 12 juni 2013 19:53 schreef KomtTijd... het volgende:

[..]

Volgens mij is het een zelfgebeund CMS-je ofzo.
Dan nog, hoe moeilijk kan het zijn? Sla de contact-pagina vanuit je browser op, gooi alles van de host af en upload je opgeslagen pagina. Kind kan de was doen.
pi_127829316
Wie maakt er hier HTML applicaties voor mobiele apparaten? Hoe vangen jullie swipe gestures af? Ik kwam toevallig TouchSwipe tegen. Dat zag er wel interessant uit.
  zondag 16 juni 2013 @ 11:36:38 #7
230788 n8n
Pragmatisch
pi_127855387
quote:
0s.gif Op zaterdag 15 juni 2013 16:58 schreef Devv het volgende:
Wie maakt er hier HTML applicaties voor mobiele apparaten? Hoe vangen jullie swipe gestures af? Ik kwam toevallig TouchSwipe tegen. Dat zag er wel interessant uit.
http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Specialization is for insects”.—Robert Heinlein
pi_127863562
quote:
7s.gif Op zondag 16 juni 2013 11:36 schreef n8n het volgende:

[..]

http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Ik zie niet helemaal hoe dit verband houdt met mijn vraag...
  zondag 16 juni 2013 @ 16:08:39 #9
230788 n8n
Pragmatisch
pi_127864062
quote:
1s.gif Op zondag 16 juni 2013 15:51 schreef Devv het volgende:

[..]

Ik zie niet helemaal hoe dit verband houdt met mijn vraag...
sorry het spijt me zal het nooit meer doen vergeef me alsjeblieft
Specialization is for insects”.—Robert Heinlein
pi_127868242
quote:
15s.gif Op zondag 16 juni 2013 16:08 schreef n8n het volgende:

[..]

sorry het spijt me zal het nooit meer doen vergeef me alsjeblieft
:?
  zondag 16 juni 2013 @ 23:04:15 #12
230788 n8n
Pragmatisch
pi_127883623
quote:
10s.gif Op zondag 16 juni 2013 18:16 schreef picodealion het volgende:

[..]

:?
beetje lompe reactie ik probeerde behulpzaam te zijn :'(
Specialization is for insects”.—Robert Heinlein
pi_127885905
quote:
Ik ben benieuwd of dit framework aan populariteit gaat winnen. Het mooie vind ik dat je alles modulair op kunt bouwen en dat je een duidelijk scheiding aan kunt brengen tussen opmaak en code. Ik ben voor mijn werk nu bezig om Silverlight applicaties te vertalen naar HTML. En met AngularJS is het gat wat ik moet overbruggen ineens een stuk kleiner geworden.
pi_127888181
quote:
7s.gif Op zondag 16 juni 2013 23:41 schreef Devv het volgende:

[..]

Ik ben benieuwd of dit framework aan populariteit gaat winnen. Het mooie vind ik dat je alles modulair op kunt bouwen en dat je een duidelijk scheiding aan kunt brengen tussen opmaak en code. Ik ben voor mijn werk nu bezig om Silverlight applicaties te vertalen naar HTML. En met AngularJS is het gat wat ik moet overbruggen ineens een stuk kleiner geworden.
_O_ Werk er ook net sinds een maandje mee, zou al niet meer zonder kunnen.
Die gestures waar je het eerder over had, dat kan ook in AngularJS. En wat ze in dat filmpje van net vertelden komt het er in de volgende versie ook allemaal nog een stuk mooier uit te zien met animations en dergelijke.
pi_127896622
Ik probeer van een simpele website (CMSMS) de banner aan te passen. De banner is alleen zichtbaar als ik een hoogte instel, echter schaalt hij dan niet bij het kleiner maken van het venster (logisch). Laat ik de hoogte weg dan is de hele banner foetsie. Iemand hier een suggestie?

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
/* ------ BANNER AREA ------ */
.banner {
    overflow: hidden;
    height: 275px;
    background: [[$grey]]
}

/* images on the right */
.banner-image {
    float:left;
    display: block;
    position: relative;
    width: 100%;
    background: [[$grey]]
    max-height: 275px;
       
}
.banner-image div {
    position: absolute;
    z-index: 0;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    display: block;
    top: 0;
    left: 0
}
.banner-image img {
    display: block;
    height: auto;
    width: 100%;
    bottom: 0;
    max-width: 100%;
}
pi_127896703
even overflow:hidden toevoegen aan .banner
  maandag 17 juni 2013 @ 12:10:23 #17
118585 Crutch
Filantroop || Taalzwengel
pi_127896751
quote:
14s.gif Op maandag 17 juni 2013 12:08 schreef KomtTijd... het volgende:
even overflow:hidden toevoegen aan .banner
Heeft ie toch?
Je moeder is een hamster
pi_127896779
quote:
14s.gif Op maandag 17 juni 2013 12:08 schreef KomtTijd... het volgende:
even overflow:hidden toevoegen aan .banner
WTF
quote:
0s.gif Op maandag 17 juni 2013 12:10 schreef Crutch het volgende:

[..]

Heeft ie toch?
Dit dacht ik ook maar het werkt wel. :')

Thanks! :D
  maandag 17 juni 2013 @ 12:15:52 #19
118585 Crutch
Filantroop || Taalzwengel
pi_127896921
quote:
0s.gif Op maandag 17 juni 2013 12:11 schreef Cracka-ass het volgende:

[..]

WTF

[..]

Dit dacht ik ook maar het werkt wel. :')

Thanks! :D
Wait wut?

nóg een overflow:hidden; ???

:D
Je moeder is een hamster
pi_127897044
quote:
0s.gif Op maandag 17 juni 2013 12:15 schreef Crutch het volgende:

[..]

Wait wut?

nóg een overflow:hidden; ???

:D
De achtergrond wordt wit zie ik nu hij blijft wel even hoog.
Helaasch het is hem toch niet.
pi_127903480
Ja huuu zat op mijn telefoon.

Denk dat we er anders zonder voorbeeld weinig mee kunnen.
  maandag 17 juni 2013 @ 15:46:51 #22
118585 Crutch
Filantroop || Taalzwengel
pi_127905387
Je kan de hoogte ook een percentage meegeven ipv een aantal pixels.
Je moeder is een hamster
  maandag 17 juni 2013 @ 15:48:54 #23
137776 boem-dikkie
Jedi Mind Baby!
pi_127905468
Of EM's.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 18 juni 2013 @ 10:12:51 #24
27454 InTrePidIvity
Looks like it's broken...
pi_127936859
quote:
7s.gif Op zondag 16 juni 2013 11:36 schreef n8n het volgende:

[..]

http://blog.forecast.io/i(...)nstall-from-the-web/ hoe dan ook lees dit
Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  dinsdag 18 juni 2013 @ 10:17:14 #25
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127936964
quote:
5s.gif Op dinsdag 18 juni 2013 10:12 schreef InTrePidIvity het volgende:

[..]

Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
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.
👾
  dinsdag 18 juni 2013 @ 10:20:13 #26
27454 InTrePidIvity
Looks like it's broken...
pi_127937030
quote:
0s.gif Op dinsdag 18 juni 2013 10:17 schreef mstx het volgende:

[..]

Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Met forum.fok.nl werkt dat dan weer niet?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_127937154
quote:
0s.gif Op dinsdag 18 juni 2013 10:17 schreef mstx het volgende:

[..]

Als je een snelkoppeling op je homescreen plaatst krijg je geen navigatie van de browser te zien.
Dat is niet helemaal waar. Je moet er nog wel iets voor doen.

Hide the Address Bar within Mobile Web Applications
  dinsdag 18 juni 2013 @ 10:28:55 #28
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127937279
quote:
1s.gif Op dinsdag 18 juni 2013 10:24 schreef Devv het volgende:

[..]

Dat is niet helemaal waar. Je moet er nog wel iets voor doen.

Hide the Address Bar within Mobile Web Applications
Oja die meta tag moet er dan inderdaad wel in, even vergeten. :)
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.
👾
  dinsdag 18 juni 2013 @ 10:30:20 #29
27454 InTrePidIvity
Looks like it's broken...
pi_127937324
quote:
1s.gif Op dinsdag 18 juni 2013 10:24 schreef Devv het volgende:

[..]

Dat is niet helemaal waar. Je moet er nog wel iets voor doen.

Hide the Address Bar within Mobile Web Applications
quote:
0s.gif Op dinsdag 18 juni 2013 10:28 schreef mstx het volgende:

[..]

Oja die meta tag moet er dan inderdaad wel in, even vergeten. :)
Interessant en vrij simpel dus! Bedankt!
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_127939657
Heeft er hier iemand ervaring met javascript template-engines? Zoals zoiets:
http://javascriptmvc.com/docs.html#!jQuery.View
http://json-template.goog(...)g-JSON-Template.html

wil misschien zoiets gaan implementeren, al zie ik voorlopig ook niet echt het nadeel van gewoon HTML inladen ipv JSON.
pi_127943314
quote:
14s.gif Op dinsdag 18 juni 2013 11:38 schreef KomtTijd... het volgende:
Heeft er hier iemand ervaring met javascript template-engines? Zoals zoiets:
http://javascriptmvc.com/docs.html#!jQuery.View
http://json-template.goog(...)g-JSON-Template.html

wil misschien zoiets gaan implementeren, al zie ik voorlopig ook niet echt het nadeel van gewoon HTML inladen ipv JSON.
Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
pi_127943793
quote:
7s.gif Op dinsdag 18 juni 2013 13:13 schreef Devv het volgende:

[..]

Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
Angular is wel nice ja.
  dinsdag 18 juni 2013 @ 13:43:15 #33
230788 n8n
Pragmatisch
pi_127944503
quote:
5s.gif Op dinsdag 18 juni 2013 10:12 schreef InTrePidIvity het volgende:

[..]

Kun je hier iets meer over uitleggen? Bij mijn werkgever overwegen we ook om een app te bouwen, maar dit ziet er een stuk praktischer uit. Hoe werkt het precies met 'installeren' op je iPhone? Het ziet er uit als een shortcut naar een website, maar ik begrijp niet helemaal of het nou door je browser wordt geopend of niet. Ik mis in elk geval de navigatie/menu's aan de bovenkant, dus er zit een trucje achter. Erg interessant wel!
is idd een shortcut. Het wordt door de browser geopend maar als je wilt zonder chrome. Web apps zijn t, zitten wel wat haken en ogen aan qua opties/performance waarvan een deel redelijk op te vangen is
Specialization is for insects”.—Robert Heinlein
  dinsdag 18 juni 2013 @ 13:46:46 #34
230788 n8n
Pragmatisch
pi_127944665
quote:
5s.gif Op dinsdag 18 juni 2013 10:20 schreef InTrePidIvity het volgende:

[..]

Met forum.fok.nl werkt dat dan weer niet?
standaard opent ie dan links in de safari app, daar is wel om heen te werken maar nooit aan toegekomen. Moet er ook rekening mee houden in de navigatie
Specialization is for insects”.—Robert Heinlein
pi_127955651
quote:
7s.gif Op dinsdag 18 juni 2013 13:13 schreef Devv het volgende:

[..]

Ik gebruik AngularJS (is meer dan alleen een template engine). Je kunt in AngularJS heel makkelijk met template partials werken (fysiek gescheiden script- en HTML bestanden). Daarnaast werkt data binding ook erg fijn. Je kunt de opmaak bijvoorbeeld vanzelf bij laten werken als er veranderingen in het onderliggende gegevensmodel plaats vinden. Heel handig als je asynchrone data gebruikt.
En die template/partials worden in principe maar 1x ingeladen, wanneer je vervolgens opnieuw naar die pagina gaat vult hij die template gewoon met de nieuwe waardes die hij ophaalt.
pi_127977502
Is dit een geldige CSS declaratie?

1
2
3
4
5
6
7
8
9
10
11
12
<style>
h1.lead { /* Base style */
    font-size: 48px;
    color: #ff0000;
    font-weight: normal;
}
h1.lead {
    color: #0000ff !important;
}
</style>

<h1 class="lead">Hello world!</h1>

Ik wil dus overerving toepassen...
  woensdag 19 juni 2013 @ 10:05:37 #37
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127977610
!important is daar niet nodig. Verder wel geldig ja.
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.
👾
pi_127978210
...en het is geen overerving. Maar wel geldig ja.
pi_127978594
quote:
14s.gif Op woensdag 19 juni 2013 10:25 schreef KomtTijd... het volgende:
...en het is geen overerving. Maar wel geldig ja.
Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen :P ?
  woensdag 19 juni 2013 @ 10:41:17 #40
91039 mstx
2x1/2 = 1/2 x 1/2
pi_127978709
quote:
1s.gif Op woensdag 19 juni 2013 10:37 schreef Devv het volgende:

[..]

Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen :P ?
"Waardes definiëren in 2 dezelfde selectors ipv in 1 selector"? Dat heeft verder geen aparte naam.
Overerving betekent dat je eigenschappen erft van een bovenliggende klasse, dus bijvoorbeeld met "color:inherit", maar dat gebeurt standaard al.
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.
👾
pi_127978754
quote:
7s.gif Op woensdag 19 juni 2013 10:41 schreef mstx het volgende:

[..]

"Waardes definiëren in 2 dezelfde selectors ipv in 1 selector"? Dat heeft verder geen aparte naam.
Overerving betekent dat je eigenschappen erft van een bovenliggende klassen, dus bijvoorbeeld met "color:inherit".
Ik noem het vervuiling :P
pi_127978970
quote:
1s.gif Op woensdag 19 juni 2013 10:37 schreef Devv het volgende:

[..]

Hoe moet je het dan noemen? Overschrijven met behoud van bestaande eigenschappen :P ?
Nee? Gewoon overschrijven. Dat ding blijft toch niet rood?
Overigens doe je er verstandig aan om !important te vermijden. Lees je even in in specificity.
pi_127981752
quote:
14s.gif Op woensdag 19 juni 2013 10:49 schreef KomtTijd... het volgende:

[..]

Nee? Gewoon overschrijven. Dat ding blijft toch niet rood?
Overigens doe je er verstandig aan om !important te vermijden. Lees je even in in specificity.
De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
pi_127982455
quote:
0s.gif Op woensdag 19 juni 2013 11:58 schreef Devv het volgende:

[..]

De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
Het is geen overerving.
pi_127984761
quote:
0s.gif Op woensdag 19 juni 2013 11:58 schreef Devv het volgende:

[..]

De grootte- en dikte van het font blijft de initiële waarde behouden. Daarom dacht ik dat het een vorm van overerving was. Maar dat kan je blijkbaar niet zo stellen.
...die overschrijf je toch ook niet?
  vrijdag 21 juni 2013 @ 10:19:30 #46
400989 Seagal
Master of Aikido
pi_128071183
Wat voor strategie gebruiken jullie om afbeeldingen responsive te maken?
Tot op heden laadde ik gewoon 1 grote afbeelding die ik met media queries groter of kleiner maakte, maar voor mobile devices lijkt dit me een beetje overkill.
Nu zou ik met behulp van media queries kleinere versies van een afbeelding als achtergrond kunnen instellen, maar liever houd ik bepaalde afbeeldingen in een <img> tag in m'n html.
I love getting out on the streets and helping people.
pi_128071291
Blader het vorige topic even door, daar stond een heel interessant artikel in over afbeeldingen, compressiemethodes en responsiveness.
  vrijdag 21 juni 2013 @ 10:23:28 #48
56176 Catch22-
Ben je Blind?!
pi_128071297
mobile first swa!

of een picture element met meerdere sources en mediaqueries. Ik gebruik dat zelf niet, bouw nauwelijks nog marketingsites, hoofdzakelijk webapps
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?
  vrijdag 21 juni 2013 @ 17:51:29 #49
166255 Maringo
Bèhèhèhèh
pi_128088204
quote:
0s.gif Op vrijdag 21 juni 2013 10:19 schreef Seagal het volgende:
Wat voor strategie gebruiken jullie om afbeeldingen responsive te maken?
Tot op heden laadde ik gewoon 1 grote afbeelding die ik met media queries groter of kleiner maakte, maar voor mobile devices lijkt dit me een beetje overkill.
Nu zou ik met behulp van media queries kleinere versies van een afbeelding als achtergrond kunnen instellen, maar liever houd ik bepaalde afbeeldingen in een <img> tag in m'n html.
standaard de lowres afbeelding erin zetten en met JavaScript de viewport bepalen en aan de hand daarvan een andere CSS laden. Maar dit heb ik alleen op de grote afbeeldingen verwerkt. Omdat die wel significant anders zijn op mobiel.
Die volg topic-knop hè...
Op 02-06-2014 16:38 schreef Moeraskat
Je bent te goed voor de mensheid.
  maandag 24 juni 2013 @ 01:48:39 #50
25889 Sitethief
Fulltime Flapdrol
pi_128179925
Linkje
Probleempje met timing, hij moet niet alle regels tegelijk doen, maar ik weet bij god niet hoe ik er voor kan zorgen dat die loop niet alles tegelijk doet.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_128182341
quote:
11s.gif Op vrijdag 21 juni 2013 10:23 schreef Catch22- het volgende:
mobile first swa!

of een picture element met meerdere sources en mediaqueries. Ik gebruik dat zelf niet, bouw nauwelijks nog marketingsites, hoofdzakelijk webapps
Heb dat laatst met een collega zo opgezet, nu gebruik ik een standaard image scaler en dat werkt dan erg fijn, kun je gelijk je cropping en compressie methode van te voren configureren, componentje kost 200 euro, dus voor de prijs hoef je het niet te laten.
🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block
  maandag 24 juni 2013 @ 11:11:15 #52
25889 Sitethief
Fulltime Flapdrol
pi_128186165
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_128195136
Ik wil een plaatje als fullscreen background gebruiken, als ik Google kom ik tig verschillende technieken tegen, sommige zijn al wat verouderd.

Wat is nou de beste optie?

http://css-tricks.com/perfect-full-page-background-image/ heeft bijvoorbeeld tal van voorbeelden.
  maandag 24 juni 2013 @ 15:14:22 #54
56176 Catch22-
Ben je Blind?!
pi_128195397
quote:
0s.gif Op maandag 24 juni 2013 15:08 schreef xaban06 het volgende:
Ik wil een plaatje als fullscreen background gebruiken, als ik Google kom ik tig verschillende technieken tegen, sommige zijn al wat verouderd.

Wat is nou de beste optie?

http://css-tricks.com/perfect-full-page-background-image/ heeft bijvoorbeeld tal van voorbeelden.
css3 is de beste oplossing in terms van snelheid enzo. css #2 het makkelijkste.
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?
  maandag 24 juni 2013 @ 15:20:47 #55
398285 wietwiet
Flinke sessie
pi_128195664
Hoe kan ik de tekst van de balk bovenin dit bericht wijzigen?
Dit bericht is gegenereerd in javascript (message.js)
Is het eventueel ook mogelijk om het Google Chrome logo linksboven te veranderen?

I don't care, I love it
  maandag 24 juni 2013 @ 15:22:50 #56
12221 Tijn
Powered by MS Paint
pi_128195769
Je kunt een alertbox niet stylen. Je zou zoiets als dit kunnen gebruiken of zelf een schermpje met een melding erin kunnen maken, dan kun je het eruit laten zien zoals je wil.
  maandag 24 juni 2013 @ 16:05:50 #57
398285 wietwiet
Flinke sessie
pi_128197955
Is er een code in HTML waarmee ik de toegang tot de vorige pagina kan blokkeren?
I don't care, I love it
  maandag 24 juni 2013 @ 16:06:58 #58
56176 Catch22-
Ben je Blind?!
pi_128198009
Zulke dingen moet je niet eens willen en goed afvangen in je 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?
  maandag 24 juni 2013 @ 16:09:04 #59
398285 wietwiet
Flinke sessie
pi_128198097
quote:
11s.gif Op maandag 24 juni 2013 16:06 schreef Catch22- het volgende:
Zulke dingen moet je niet eens willen en goed afvangen in je code.
ik wil het echt
I don't care, I love it
pi_128198117
Schakel nooit de defaultfuncties van de browser uit, dat is echt irritant.
  maandag 24 juni 2013 @ 16:11:15 #61
398285 wietwiet
Flinke sessie
pi_128198202
quote:
0s.gif Op maandag 24 juni 2013 16:09 schreef Meteoric het volgende:
Schakel nooit de defaultfuncties van de browser uit, dat is echt irritant.
oké dan. bij nader inzien toch slecht idee van mij
I don't care, I love it
  dinsdag 25 juni 2013 @ 12:10:48 #62
118585 Crutch
Filantroop || Taalzwengel
pi_128233099
Sencha ( touch / architect) professionals hier?
Je moeder is een hamster
  dinsdag 25 juni 2013 @ 12:24:56 #63
63192 ursel
"Het Is Hier Fantastisch!
pi_128233551
professionals is een groot woord. Heb er mee gewerkt, dat wel. :')
  dinsdag 25 juni 2013 @ 13:44:17 #64
118585 Crutch
Filantroop || Taalzwengel
pi_128236560
quote:
0s.gif Op dinsdag 25 juni 2013 12:24 schreef ursel het volgende:
professionals is een groot woord. Heb er mee gewerkt, dat wel. :')
Ik werk er momenteel ook veel mee.
Je moeder is een hamster
  dinsdag 25 juni 2013 @ 14:06:11 #65
63192 ursel
"Het Is Hier Fantastisch!
pi_128237400
Op Miamicoder zijn nog wel wat handige tutorials te vinden:
http://miamicoder.com/201(...)-touch-2-app-part-1/
  woensdag 26 juni 2013 @ 14:29:39 #66
398285 wietwiet
Flinke sessie
pi_128280094
[HTML]
<ul>
<li class="lichaam"><b>Hello: </b>You must <a href="examples" class="listwp">Click here</a> to see examples of what I did.</li>
</ul>
[HTML]

In de CSS heb ik gezet dat class="lichaam" font arial moet hebben, <b> moet vetgedrukt zijn en voor class="listwp" heb ik de active, visited, hover en link ingesteld. Alleen nu is het zo dat de class="listwp" niet werkt. Hij voert de CSS daarvoor niet uit. Kan dit komen omdat ik te veel dingen in één <li> heb?
I don't care, I love it
  woensdag 26 juni 2013 @ 14:34:29 #67
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280254
Nee, de fout zit in de CSS.
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.
👾
pi_128280289
idd, waarschijnlijk gewoon een syntax fout.
  woensdag 26 juni 2013 @ 14:37:43 #69
398285 wietwiet
Flinke sessie
pi_128280372
quote:
0s.gif Op woensdag 26 juni 2013 14:34 schreef mstx het volgende:
Nee, de fout zit in de CSS.
er zit geen fout in de css want de class listwp werkt wel in een andere list
I don't care, I love it
  woensdag 26 juni 2013 @ 14:39:21 #70
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280452
quote:
0s.gif Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:

[..]

er zit geen fout in de css want de class listwp werkt wel in een andere list
Ok, dan niet.
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.
👾
pi_128280484
Dan zal het wel aan je computer liggen, heh.

:')_
  woensdag 26 juni 2013 @ 14:43:57 #72
25889 Sitethief
Fulltime Flapdrol
pi_128280657
Rendandancy: giving your <b> tags font-weight bold...
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  woensdag 26 juni 2013 @ 14:44:32 #73
25889 Sitethief
Fulltime Flapdrol
pi_128280676
quote:
0s.gif Op woensdag 26 juni 2013 14:37 schreef wietwiet het volgende:

[..]

er zit geen fout in de css want de class listwp werkt wel in een andere list
post je css anders eens...
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  woensdag 26 juni 2013 @ 14:46:11 #74
398285 wietwiet
Flinke sessie
pi_128280750
quote:
0s.gif Op woensdag 26 juni 2013 14:44 schreef Sitethief het volgende:

[..]

post je css anders eens...
CSS:

.lichaam {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
}
b {
color:#000000;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
}
.listwp a:link
{
text-decoration: none;
color: #0000EE;
}
.listwp a:visited
{
text-decoration: none;
color: #0000EE;
}
.listwp a:hover
{
text-decoration: underline;
color: #E37810;
}
.listwp a:active
{
text-decoration: underline;
color: #D50000;
}
I don't care, I love it
  woensdag 26 juni 2013 @ 14:48:23 #75
91039 mstx
2x1/2 = 1/2 x 1/2
pi_128280834
1.listwp a:link
Betekent een <a> binnen een element met class=listwp. In jouw html heeft de <a> zelf die class.
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.
👾
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')