abonnement Unibet Coolblue Bitvavo
pi_155071477
When the student is ready, the teacher will appear.
When the student is truly ready, the teacher will disappear.
  maandag 10 augustus 2015 @ 21:50:18 #202
230788 n8n
Pragmatisch
pi_155094959
Specialization is for insects”.—Robert Heinlein
  Moderator donderdag 13 augustus 2015 @ 15:31:10 #203
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155180270
Hallo allemaal,

Ik heb voor een header in een website in een tabelcel een H1 titel staan die de opgegeven hoogte van de tabel doet overschrijden.

Iemand die weet hoe ik de opgegeven height in een tabel kan forceren?

Gr. Chevy
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
  donderdag 13 augustus 2015 @ 15:42:23 #204
134533 donroyco
dus niet Donroyco
pi_155180578
quote:
0s.gif Op donderdag 13 augustus 2015 15:31 schreef ChevyCaprice het volgende:
Hallo allemaal,

Ik heb voor een header in een website in een tabelcel een H1 titel staan die de opgegeven hoogte van de tabel doet overschrijden.

Iemand die weet hoe ik de opgegeven height in een tabel kan forceren?

Gr. Chevy
Heb je de code in een jsfiddle/codepen?
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. :'(
pi_155180601
Je hebt een tabel toch niet gebruikt voor layout he...
Nee.
  Moderator donderdag 13 augustus 2015 @ 15:44:07 #206
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155180615
quote:
0s.gif Op donderdag 13 augustus 2015 15:43 schreef PimD het volgende:
Je hebt een tabel toch niet gebruikt voor layout he...
Voor het headergedeelte ja.
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
pi_155180642
Tabellen zijn daar niet voor bedoeld en zijn vaak ook lastig te stylen.
Nee.
  Moderator donderdag 13 augustus 2015 @ 15:50:36 #208
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155180823
Mij leek dit wel handig want ik wilde een paar objecten naast elkaar zetten
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
  donderdag 13 augustus 2015 @ 15:52:57 #209
134533 donroyco
dus niet Donroyco
pi_155180888
quote:
0s.gif Op donderdag 13 augustus 2015 15:50 schreef ChevyCaprice het volgende:
Mij leek dit wel handig want ik wilde een paar objecten naast elkaar zetten
Daar zijn tig andere en vooral juiste oplossingen voor.
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. :'(
  Moderator donderdag 13 augustus 2015 @ 15:55:25 #210
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155180980
quote:
7s.gif Op donderdag 13 augustus 2015 15:52 schreef donroyco het volgende:

[..]

Daar zijn tig andere en vooral juiste oplossingen voor.
Oke. Zoals?
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
  donderdag 13 augustus 2015 @ 16:11:22 #211
134533 donroyco
dus niet Donroyco
pi_155181464
quote:
0s.gif Op donderdag 13 augustus 2015 15:55 schreef ChevyCaprice het volgende:

[..]

Oke. Zoals?
http://jsfiddle.net/sygL9/
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. :'(
  Moderator donderdag 13 augustus 2015 @ 16:14:00 #212
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155181543
quote:
Je had ook div boxes kunnen zeggen, had je die code niet hoeven schrijven :P

Rest van de pagina bestaat daar namelijk uit. Alleen met tabellen staan bijv. de afbeeldingen meteen op juiste hoogte dus leek me dat wel aantrekkelijk.

Maar toch bedankt voor de tips. :)
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
  donderdag 13 augustus 2015 @ 16:15:44 #213
134533 donroyco
dus niet Donroyco
pi_155181602
quote:
0s.gif Op donderdag 13 augustus 2015 16:14 schreef ChevyCaprice het volgende:

[..]

Je had ook div boxes kunnen zeggen, had je die code niet hoeven schrijven :P

Rest van de pagina bestaat daar namelijk uit. Alleen met tabellen staan bijv. de afbeeldingen meteen op juiste hoogte dus leek me dat wel aantrekkelijk.

Maar toch bedankt voor de tips. :)
Ik heb die code niet geschreven :) Nooit tabellen voor iets anders gebruiken dan tabulaire data.
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. :'(
  vrijdag 14 augustus 2015 @ 00:24:19 #214
230788 n8n
Pragmatisch
pi_155197909
Ironisch genoeg gebruik ik nu vrij regelmatig display: table en table-cell om verticaal te centreren.
Specialization is for insects”.—Robert Heinlein
  vrijdag 14 augustus 2015 @ 00:26:58 #215
12221 Tijn
Powered by MS Paint
pi_155197979
quote:
0s.gif Op vrijdag 14 augustus 2015 00:24 schreef n8n het volgende:
Ironisch genoeg gebruik ik nu vrij regelmatig display: table en table-cell om verticaal te centreren.
Flexbox ftw *O*
  Moderator vrijdag 14 augustus 2015 @ 00:28:56 #216
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155198039
quote:
0s.gif Op vrijdag 14 augustus 2015 00:24 schreef n8n het volgende:
Ironisch genoeg gebruik ik nu vrij regelmatig display: table en table-cell om verticaal te centreren.
dat bedoelde ik idd :P
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
  zaterdag 15 augustus 2015 @ 10:52:57 #217
230788 n8n
Pragmatisch
pi_155234434
quote:
14s.gif Op vrijdag 14 augustus 2015 00:26 schreef Tijn het volgende:

[..]

Flexbox ftw *O*
hoe laat je dat 'graceful' degraderen dan? Want je layout is een mess wanneer het niet ondersteund wordt.
Specialization is for insects”.—Robert Heinlein
  zaterdag 15 augustus 2015 @ 12:50:30 #218
12221 Tijn
Powered by MS Paint
pi_155235897
quote:
1s.gif Op zaterdag 15 augustus 2015 10:52 schreef n8n het volgende:

[..]

hoe laat je dat 'graceful' degraderen dan? Want je layout is een mess wanneer het niet ondersteund wordt.
Als je het alleen gebruikt voor verticaal centreren, dan is het ergste dat kan gebeuren dat het bovenin staat ipv in het midden. Tsja, dat is dan pech.
  zondag 16 augustus 2015 @ 15:20:50 #219
230788 n8n
Pragmatisch
pi_155265596
quote:
2s.gif Op zaterdag 15 augustus 2015 12:50 schreef Tijn het volgende:

[..]

Als je het alleen gebruikt voor verticaal centreren, dan is het ergste dat kan gebeuren dat het bovenin staat ipv in het midden. Tsja, dat is dan pech.
dat is waar maar om alleen daarvoor flexbox te gebruiken is ook weer zo wat, zeker omdat de ondersteuning nog niet je van het is.
Specialization is for insects”.—Robert Heinlein
pi_155273930
Flexbox is over het algemeen prima te gebruiken hoor, vanaf IE10 is het meest wel werkend te krijgen. Je moet het op dit moment nog niet gebruiken om je hele layout mee op te bouwen (mits je oudere browsers nog moet ondersteunen), maar daar is het volgens mij ook helemaal niet voor bedoeld. Daar krijgen we binnenkort Grid Layout e.d. voor.
Nee.
  maandag 17 augustus 2015 @ 00:34:45 #221
12221 Tijn
Powered by MS Paint
pi_155282156
quote:
1s.gif Op zondag 16 augustus 2015 15:20 schreef n8n het volgende:

[..]

dat is waar maar om alleen daarvoor flexbox te gebruiken is ook weer zo wat
Hoezo? We hebben het over 3 regels CSS ofzo :P
pi_155329785
Hoi, vraagje. :) Hoe kan ik het beste een .png afbeelding als volledige achtergrond instellen? Het idee is dat de afbeelding de website wordt, zeg maar. Ik heb het geprobeerd doof deze code in te voeren in het CSS-stylesheet:

1
2
3
4
5
6
7
8
 <style type="text/css">
<!--
body {
background-image: url(example);
background-repeat: no-repeat;
}
-->
</style>

Ik ben een leek, dus als het op een andere makkelijkere manier kan, hoor ik het ook graag. :')

Ik werk met Wordpress.
Op donderdag 9 juli 2015 14:53 schreef Yvie_lu: Gelukkig. Paniek om niks :)
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
  Moderator dinsdag 18 augustus 2015 @ 18:08:52 #223
403652 crew  ChevyCaprice
Multidisciplinair simcoureur
pi_155329995
quote:
1s.gif Op dinsdag 18 augustus 2015 18:01 schreef Inolvidable het volgende:
body {
background-image: url(example);
background-repeat: no-repeat;
}
Als je de code in het CSS stylesheet neerzet hoef je alleen dit deel in te voeren.
1
2
3
4
body { 
background-image: url(example); 
background-repeat: no-repeat; 
}
Gerieflijke groeten, ChevyCaprice
Moderator DIG en OWS
Russell-supporter (LET'S GO GEORGE!) F1 Watcher
🇺🇦 Fight Fight Fight! 🇺🇦
  dinsdag 18 augustus 2015 @ 18:23:48 #224
12221 Tijn
Powered by MS Paint
pi_155330468
Waarschijnlijk wil je ook de height van het html- en body-element op 100% zetten en iets als "background-size: cover" gebruiken.
pi_155331398
quote:
14s.gif Op dinsdag 18 augustus 2015 18:23 schreef Tijn het volgende:
Waarschijnlijk wil je ook de height van het html- en body-element op 100% zetten en iets als "background-size: cover" gebruiken.
Jep, inderdaad. Met bovenstaande code kwam ik al iets verder (dankje dus!). Ik heb me wat ingelezen in HTML en CCS, maar sommige dingen gaan me toch boven m'n pet. Ik ben op dit moment de pagina aan het verhuizen dus ik kan ook niet heel veel uitproberen, maar ik probeer het nu bij m'n eigen website uit en het komt dan slechts als een klein kadertje en het thema is nog steeds zichtbaar ook al verwijder ik dat. ;(

edit: ik moet dus een 'blank' thema nemen.

Het leek zo makkelijk. :')

[ Bericht 2% gewijzigd door Inolvidable op 18-08-2015 19:04:59 ]
Op donderdag 9 juli 2015 14:53 schreef Yvie_lu: Gelukkig. Paniek om niks :)
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
pi_155351916
Weet iemand wat het regex patroon is voor een @ gevolgd door een spatie?
  FOK!mycroftheld woensdag 19 augustus 2015 @ 14:34:33 #227
128465 Wrapster
pi_155352800
Ik heb een probleem met de interface van mijn statspagina wat zich alleen openbaart op mobile browsers (Chrome en Firefox op Android getest).

Zie: https://www.thuisserver.net/fokstats/

Het probleem zit in het menu aan de linkerkant waar je de gegevens in kunt voeren. Op de pc ervaar ik geen enkel probleem maar als ik de pagina ga scrollen op mijn mobiel dan blijft het menu hangen zodra de adresbalk van de browser uit het beeld scrolt.

Het menu heeft position fixed met een bottom van 0px, dit om ervoor te zorgen dat er een scrollbalk kan worden weergegeven zodra de hoogte van het menu groter is dan weergegeven kan worden. Ik weet dat de bottom eigenschap van 0px het probleem veroorzaakt maar zonder wordt het ook zo lastig.

Iemand een workaround hiervoor?
  woensdag 19 augustus 2015 @ 14:34:51 #228
118011 BrainOverfloW
Fok! around the Clock!
pi_155352808
quote:
6s.gif Op woensdag 19 augustus 2015 14:03 schreef -Datdus- het volgende:
Weet iemand wat het regex patroon is voor een @ gevolgd door een spatie?
Als ik het op RegExr probeer dan pakt die
1/@ /
gewoon als expressie. Maar mijn regex kennis is ook niet denderend dus misschien zie ik wat over het hoofd hoor.
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
pi_155354187
quote:
0s.gif Op woensdag 19 augustus 2015 14:34 schreef BrainOverfloW het volgende:

[..]

Als ik het op RegExr probeer dan pakt die
[ code verwijderd ]

gewoon als expressie. Maar mijn regex kennis is ook niet denderend dus misschien zie ik wat over het hoofd hoor.
Superrr bedankt.

Ik ben echt zo dom geweest. ik zit vanaf 10 uur al te kloten. Wat blijkt? Ik zat in de nieuwe versie te werken en de oude te testen. :@ Alsjeblieft vertel het niemand.
  woensdag 19 augustus 2015 @ 15:59:19 #230
56176 Catch22-
Ben je Blind?!
pi_155355226
quote:
6s.gif Op woensdag 19 augustus 2015 15:21 schreef -Datdus- het volgende:

[..]

Superrr bedankt.

Ik ben echt zo dom geweest. ik zit vanaf 10 uur al te kloten. Wat blijkt? Ik zat in de nieuwe versie te werken en de oude te testen. :@ Alsjeblieft vertel het niemand.
Je bent een newbie als je dat nog nooit is overkomen.

:T
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?
  woensdag 19 augustus 2015 @ 16:00:27 #231
118011 BrainOverfloW
Fok! around the Clock!
pi_155355254
quote:
6s.gif Op woensdag 19 augustus 2015 15:21 schreef -Datdus- het volgende:

[..]

Superrr bedankt.

Ik ben echt zo dom geweest. ik zit vanaf 10 uur al te kloten. Wat blijkt? Ik zat in de nieuwe versie te werken en de oude te testen. :@ Alsjeblieft vertel het niemand.
Gebeurt ons allemaal wel eens. Laatst nog raar zitten kijken waarom mijn veranderingen niks uit deden omdat ik de online site liep te refreshen in plaats van mijn lokale development omgeving :@
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
  vrijdag 21 augustus 2015 @ 11:09:19 #233
230788 n8n
Pragmatisch
pi_155402669
quote:
Nog steeds jQuery als dependency, wel eindelijk em-support waarmee de support voor IE8 komt te vervallen. Zou het nog steeds niet gebruiken omdat je nog steeds 150Kb voor de opmaak download, ik ben net met iets bezig waar alle css en js onder de 10Kb zit.
Specialization is for insects”.—Robert Heinlein
pi_155413074
quote:
7s.gif Op vrijdag 21 augustus 2015 11:09 schreef n8n het volgende:

[..]

Nog steeds jQuery als dependency, wel eindelijk em-support waarmee de support voor IE8 komt te vervallen. Zou het nog steeds niet gebruiken omdat je nog steeds 150Kb voor de opmaak download, ik ben net met iets bezig waar alle css en js onder de 10Kb zit.
Ik haal vaak wel onnodige zooi eruit, maar inderdaad het is relatief lomp.
  vrijdag 21 augustus 2015 @ 18:15:47 #235
56176 Catch22-
Ben je Blind?!
pi_155413129
quote:
19s.gif Op vrijdag 21 augustus 2015 18:13 schreef TwenteFC het volgende:

[..]

Ik haal vaak wel onnodige zooi eruit, maar inderdaad het is relatief lomp.
Vind t zelf weinig boeiend. Maar ik bouw meestal ook niets dat veel op mobiele apparaten wordt gebruikt.

Als ik een klant vertel dat ik op een groot project drie dagen extra nodig heb om de eerste load een kwart seconde sneller te maken, dan hoeft dat vaak 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?
pi_155413177
quote:
1s.gif Op vrijdag 21 augustus 2015 18:15 schreef Catch22- het volgende:

[..]

Vind t zelf weinig boeiend. Maar ik bouw meestal ook niets dat veel op mobiele apparaten wordt gebruikt.

Als ik een klant vertel dat ik op een groot project drie dagen extra nodig heb om de eerste load een kwart seconde sneller te maken, dan hoeft dat vaak niet.
En vaak zit het toch al in de cache, klopt.
  vrijdag 21 augustus 2015 @ 18:23:42 #237
56176 Catch22-
Ben je Blind?!
pi_155413311
quote:
19s.gif Op vrijdag 21 augustus 2015 18:17 schreef TwenteFC het volgende:

[..]

En vaak zit het toch al in de cache, klopt.
Daarom. En de rendertimes veranderen ook niet merkbaar. Als je alles gzipped, minified en cachebaar aanbiedt vind ik het niet zo interessant.

Het scheelt zoveel ontwikkel- en testtijd.
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_155418678
Vinden jullie het ook een bijzonder businessmodel dat Highcharts heeft? Hoe controleren ze die licenties.
  vrijdag 21 augustus 2015 @ 21:51:27 #239
56176 Catch22-
Ben je Blind?!
pi_155419900
quote:
1s.gif Op vrijdag 21 augustus 2015 21:22 schreef robin007bond het volgende:
Vinden jullie het ook een bijzonder businessmodel dat Highcharts heeft? Hoe controleren ze die licenties.
Niet. Denk ik.
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_155420112
quote:
1s.gif Op vrijdag 21 augustus 2015 21:51 schreef Catch22- het volgende:

[..]

Niet. Denk ik.
Denk het ook, maar toch wel bijzonder dat zo veel bedrijven blijkbaar uit "good will" toch licenties kopen.
pi_155422361
quote:
1s.gif Op vrijdag 21 augustus 2015 21:22 schreef robin007bond het volgende:
Vinden jullie het ook een bijzonder businessmodel dat Highcharts heeft? Hoe controleren ze die licenties.
Highcharts werkt via een callback naar hun eigen servers. Als een grote speler hun API gebruikt, zien ze de referrals wel terug in de logging. Kleine spelers komen er waarschijnlijk wel mee weg idd, afhankelijk van hoe druk hun advocaat het heeft.
pi_155422831
quote:
14s.gif Op vrijdag 21 augustus 2015 22:53 schreef KomtTijd... het volgende:

[..]

Highcharts werkt via een callback naar hun eigen servers. Als een grote speler hun API gebruikt, zien ze de referrals wel terug in de logging. Kleine spelers komen er waarschijnlijk wel mee weg idd, afhankelijk van hoe druk hun advocaat het heeft.
Dat wist ik niet. Ik dacht dat alles client side ging. :o
  zaterdag 22 augustus 2015 @ 01:05:11 #243
12221 Tijn
Powered by MS Paint
pi_155426629
quote:
11s.gif Op vrijdag 21 augustus 2015 21:55 schreef robin007bond het volgende:

[..]

Denk het ook, maar toch wel bijzonder dat zo veel bedrijven blijkbaar uit "good will" toch licenties kopen.
Een bedrijf is alleen maar blij als ze ergens een paar honderd euro voor mogen aftrekken. Al die licenties zijn complete peanuts en geen echte kosten waar je lang over na hoeft te denken.
pi_155558077
quote:
0s.gif Op dinsdag 18 augustus 2015 18:51 schreef Inolvidable het volgende:

[..]

Jep, inderdaad. Met bovenstaande code kwam ik al iets verder (dankje dus!). Ik heb me wat ingelezen in HTML en CCS, maar sommige dingen gaan me toch boven m'n pet. Ik ben op dit moment de pagina aan het verhuizen dus ik kan ook niet heel veel uitproberen, maar ik probeer het nu bij m'n eigen website uit en het komt dan slechts als een klein kadertje en het thema is nog steeds zichtbaar ook al verwijder ik dat. ;(

edit: ik moet dus een 'blank' thema nemen.

Het leek zo makkelijk. :')
Het is gelukt _O_

Enige probleem is nu dat het niet in alle browsers en op alle desktops volledig te zien is. Weet iemand of ik er een scrollbar of iets in kan zetten of is dat onmogelijk? :{
Op donderdag 9 juli 2015 14:53 schreef Yvie_lu: Gelukkig. Paniek om niks :)
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
pi_155558470
quote:
0s.gif Op woensdag 26 augustus 2015 14:05 schreef Inolvidable het volgende:

[..]

Het is gelukt _O_

Enige probleem is nu dat het niet in alle browsers en op alle desktops volledig te zien is. Weet iemand of ik er een scrollbar of iets in kan zetten of is dat onmogelijk? :{
Ik weet niet precies waarover het gaat, ben aan het werk, kan niet echt reageren, maar misschien kijken naar overflow:auto; enzovoort van css
Fylax is op televisie geweest
pi_155558692
quote:
0s.gif Op woensdag 26 augustus 2015 14:17 schreef jodelahity het volgende:

[..]

Ik weet niet precies waarover het gaat, ben aan het werk, kan niet echt reageren, maar misschien kijken naar overflow:auto; enzovoort van css
Had ik al gedaan, maar dat werkte niet. Heb nu een Plugin geïnstalleerd en ik ben tevreden. :D
Op donderdag 9 juli 2015 14:53 schreef Yvie_lu: Gelukkig. Paniek om niks :)
Op donderdag 9 juli 2015 14:57 schreef HeatWave: Deze post is universeel toepasbaar bij haar B-).
Op woensdag 8 juli 2015 15:09 schreef El_Thijs:"Inolvidable. Staat voor duidelijkheid en directheid."
  dinsdag 1 september 2015 @ 10:17:34 #247
230788 n8n
Pragmatisch
pi_155728198
Weet iemand toevallig of window.matchmedia ook met em eenheden werkt? Zie alleen maar voorbeelden met px en de documentatie is niet erg expliciet hier over.
Specialization is for insects”.—Robert Heinlein
pi_155728434
quote:
0s.gif Op dinsdag 1 september 2015 10:17 schreef n8n het volgende:
Weet iemand toevallig of window.matchmedia ook met em eenheden werkt? Zie alleen maar voorbeelden met px en de documentatie is niet erg expliciet hier over.
quote:
Returns a new MediaQueryList object representing the parsed results of the specified media query string.
Je zou dus als ik het goed begrijp iedere vorm van een media-query moeten kunnen meegeven, of dat nou in em's, pixels, resolutie of wat dan ook is.
Nee.
  dinsdag 1 september 2015 @ 14:38:27 #249
230788 n8n
Pragmatisch
pi_155733318
quote:
0s.gif Op dinsdag 1 september 2015 10:35 schreef PimD het volgende:

[..]


[..]

Je zou dus als ik het goed begrijp iedere vorm van een media-query moeten kunnen meegeven, of dat nou in em's, pixels, resolutie of wat dan ook is.
klopt, ik twijfel alleen omdat em afhankelijk is van de css (font-size) en het zoomniveau van de client. Niet zo straight forward als px. Ik zet zo wel een testcase op.
Specialization is for insects”.—Robert Heinlein
pi_155809817
Ik loop even vast: wat ik wil is een transparant background over een img (en bij een hover verdwijnt / vermindert de background).

quote:
<div class="portfolio-item">

<a href="/klanten/[...]/"><img src="img/[...]" alt="[...]"> <span>[...]</span></a>

</div>
In de span staat de naam van het project. Die tekst moet zowel horizontaal als verticaal gecentreerd staan.

Met wat kloten heb ik de volgende CSS, waarbij de tekst dus wel in het midden staat, maar niet op een 'nette' manier (vind ik), en ook bij het verkleinen van de browser gaat het dan niet echt netjes.

quote:
.portfolio-item a { color: #fff; font-size: 24px; text-decoration: none; position: relative; display: inline-block; max-width: 990px; width: 100%; height: 100%; }
.portfolio-item a img { width: 100%; height: 100%; }
.portfolio-item a span { position: absolute; top: 50%; left: 40%; }
Paar jaar terug had ik dit, herinner ik, heel gemakkelijk voor elkaar. Nu lijk ik iets fout te doen.

Any help?
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')