[HTML, CSS, JS] Frontend #43: 0 === -0

quote:

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

quote:

Op donderdag 13 augustus 2015 15:43 schreef PimD het volgende:
Je hebt een tabel toch niet gebruikt voor layout he...

quote:

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

quote:

Op donderdag 13 augustus 2015 15:52 schreef donroyco het volgende:

[..]

Daar zijn tig andere en vooral juiste oplossingen voor.

quote:

Op donderdag 13 augustus 2015 15:55 schreef ChevyCaprice het volgende:

[..]

Oke. Zoals?

quote:

Op donderdag 13 augustus 2015 16:11 schreef donroyco het volgende:

[..]

http://jsfiddle.net/sygL9/

quote:

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

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.

quote:

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.

quote:

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.

quote:

Op vrijdag 14 augustus 2015 00:26 schreef Tijn het volgende:

[..]

Flexbox ftw

quote:

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.

quote:

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.

quote:

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

quote:

Op dinsdag 18 augustus 2015 18:01 schreef Inolvidable het volgende:
body {
background-image: url(example);
background-repeat: no-repeat;
}

quote:

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.

quote:

Op woensdag 19 augustus 2015 14:03 schreef -Datdus- het volgende:
Weet iemand wat het regex patroon is voor een @ gevolgd door een spatie?

quote:

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.

quote:

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.

quote:

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.

quote:

Op woensdag 19 augustus 2015 23:27 schreef TwenteFC het volgende:
De alpha van bootstrap 4 is ook uit.

http://v4-alpha.getbootstrap.com/getting-started/introduction/

quote:

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.

quote:

Op vrijdag 21 augustus 2015 18:13 schreef TwenteFC het volgende:

[..]

Ik haal vaak wel onnodige zooi eruit, maar inderdaad het is relatief lomp.

quote:

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.

quote:

Op vrijdag 21 augustus 2015 18:17 schreef TwenteFC het volgende:

[..]

En vaak zit het toch al in de cache, klopt.

quote:

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.

quote:

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.

quote:

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.

quote:

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.

quote:

Op woensdag 26 augustus 2015 14:05 schreef Inolvidable het volgende:

[..]

Het is gelukt

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?

quote:

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

quote:

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.

quote:

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.

quote:

<div class="portfolio-item">

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

</div>

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%; }

quote:

Op vrijdag 4 september 2015 09:57 schreef LeNick het volgende:
Ik loop even vast: wat ik wil is een transparant background over een img (en bij een hover verdwijnt / vermindert de background).

[..]

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.

[..]

Paar jaar terug had ik dit, herinner ik, heel gemakkelijk voor elkaar. Nu lijk ik iets fout te doen.

Any help?

quote:

Op vrijdag 4 september 2015 09:57 schreef LeNick het volgende:
Ik loop even vast: wat ik wil is een transparant background over een img (en bij een hover verdwijnt / vermindert de background).

[..]

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.

[..]

Paar jaar terug had ik dit, herinner ik, heel gemakkelijk voor elkaar. Nu lijk ik iets fout te doen.

Any help?

quote:

Op vrijdag 4 september 2015 10:15 schreef donroyco het volgende:

[..]

Maak eens een codepen aan.

quote:

Op vrijdag 11 september 2015 13:20 schreef Tijn het volgende:
De "blur" en "keyup" zijn events waarmee je dit kunt triggeren. Als je die beide laat verwijzen naar je reken-functie, moet het goedkomen.

quote:

Op zaterdag 12 september 2015 17:42 schreef Ser_Ciappelletto het volgende:

[..]

Thanks, het blur werkt. Ik krijg alleen de contentEditable niet naar een nummer. Noch parseInt() noch Number() werkt, ik krijg voortdurend NaN.

Voor de verduidelijking, ik heb het zo opgesteld:
[ code verwijderd ]

quote:

Op zaterdag 12 september 2015 17:57 schreef BrainOverfloW het volgende:

[..]

Je probeert het hele jQuery object om te zetten naar een integer in plaats van alleen de waarde van het veld.
Deze codepen doet volgens mij wat je bedoeld.

Verder met Catch22 eens dat input een stuk makkelijker, en netter, is via de daarvoor bedoelde input elementen waar mensen al mee bekend zijn. Van het gemiddelde stuk tekst op een website is het laatste wat ik zou verwachten dat deze editable zou zijn.

quote:

Op zaterdag 12 september 2015 18:21 schreef Ser_Ciappelletto het volgende:

[..]

Input heb ik niet gedaan omdat het m'n hele layout verneukt.

Heb het juist toch eens geprobeerd, maar daarbij krijg ik hetzelfde probleem: als ik die een ID geef en daarnaar verwijs, werkt de functie wel, maar de variabele is nog steeds geen cijfer. Moet ik op een andere manier verwijzen naar de input van dat element?

quote:

Op zaterdag 12 september 2015 18:37 schreef BrainOverfloW het volgende:

[..]

Inputs werken niet met $().text(); maar met $().val(); om de inhoud ervan te pakken te krijgen. Dat kun je hier zien.

quote:

Ik kan geen oordeel geven over hoe je layout er uit ziet met inputs zonder het te zien maar bedenk in ieder geval dat ook input velden met CSS te stijlen vallen om ze meer in lijn met je layout te laten zijn.

quote:

Op zaterdag 12 september 2015 18:43 schreef Ser_Ciappelletto het volgende:

[..]

Thanks, dat ga ik zo eens proberen.

[..]

Ja, dat weet ik. Het probleem is vooral dat ik al genoeg moeite heb gehad met de gewone layout in orde te krijgen, dat ik een beetje huiverig ben om die opnieuw aan te passen. Maar ach, het is weer een goede oefening.

quote:

Op zaterdag 12 september 2015 18:47 schreef Catch22- het volgende:

[..]

Dingen uitzoeken leer je van en het gaat dan steeds sneller. Dus niet klooien tot het is Zoals je wil, maar uitzoeken waarom het niet is Zoals je wil en het adhv de gevonden informatie aanpassen

quote:

Op zaterdag 12 september 2015 18:55 schreef Ser_Ciappelletto het volgende:

[..]

Hmm, verschillende opties gebruiken helpt ook hoor. Als manier 1 niet werkt en manier 2 wel, kun je jezelf altijd eens afvragen waarom dat zo is. Maar in praktijk komt het wel vaak neer op even Googlen.

quote:

Op zaterdag 12 september 2015 23:15 schreef Ser_Ciappelletto het volgende:
Bedankt voor de hulp, het is me uiteindelijk gelukt.

quote:

An unbalanced tree was written using document.write() causing data from the network to be reparsed. For more information https://developer.mozilla(...)_Speculative_Parsing

quote:

Op vrijdag 25 september 2015 12:59 schreef BrainOverfloW het volgende:
Ik zit even met een onhandig probleempje.
Ik draai op mijn OSX een Parallels versie van IE9 om sites waar ik aan werk te testen.
Op een of andere manier is er nu ingesteld dat als ik een .js bestand wil openen dat gebeurt in het kladblok van de Windows image in Parallels. Die start dus ook steeds op als ik er niet aan denk expliciet aan te geven mijn .js bestanden in Sublime Text te openen.
Ik heb al geprobeerd om via alt + rechter muis knop "open altijd met" te gebruiken maar dan opent het bestand de volgende keer wederom in Parallels.

Iemand een betere oplossing om de bestandskoppeling aan te passen zonder dat ik programma's moet gaan herinstalleren e.d.

Ik gebruik overigens voor mijn bestandsnavigatie Path Finder 7, maar Finder zelf heeft het probleem ook. Parallels is versie 10.

quote:

Op zaterdag 26 september 2015 11:23 schreef n8n het volgende:

[..]

Op een bestand in de Finder, cmd + i. In het venster onder ‘open with’ de app kiezen en daarna op ‘change all’ klikken. Dit per type bestand, dus 1 keer voor alle .js bestanden.

quote:

Op zaterdag 26 september 2015 20:52 schreef Robuustheid het volgende:
Ik kwam onderstaand stukje Javascript tegen:
[ code verwijderd ]

Deze laat de JSON-waarden van een vriend met de naam "Steve" zien.

Waar ik mee zit, is dat ik weinig informatie kan vinden wat "friends[prop]" eigenlijk inhoudt.

Een object is zo: friends.foobar.

Een array is eerder array[1,2,3].

Maar friends is een object. Dus ik vraag mij af waarom het gezien wordt als een array met de "friends[prop]".

quote:

Op zondag 27 september 2015 00:20 schreef Catch22- het volgende:
Een object is eigenlijk een array. person.name is ook aan te roepen met person["name"]

quote:

Op zondag 27 september 2015 16:17 schreef Crutch het volgende:

[..]

Uhm, nee. Gewoon niet.
Dat je een property als index kan aanroepen maakt het nog geen array.

quote:

Op zaterdag 26 september 2015 20:52 schreef Robuustheid het volgende:
Ik kwam onderstaand stukje Javascript tegen:
[ code verwijderd ]

Deze laat de JSON-waarden van een vriend met de naam "Steve" zien.

Waar ik mee zit, is dat ik weinig informatie kan vinden wat "friends[prop]" eigenlijk inhoudt.

Een object is zo: friends.foobar.

Een array is eerder array[1,2,3].

Maar friends is een object. Dus ik vraag mij af waarom het gezien wordt als een array met de "friends[prop]".

quote:

Op woensdag 7 oktober 2015 15:12 schreef richolio het volgende:
Hallo, ik kom ergens niet uit!

Ik wil graag een full image background op een one page, precies als dit voorbeeld eigenlijk:

http://ironsummitmedia.github.io/startbootstrap-creative/

Als je naar de pagina eronder gaat, dan schuift de website er meteen heen en snijdt de foto ook af op dat punt.

Ik heb gewoon dit
[ code verwijderd ]

in de div gezet, maar het werkt nog niet echt goed

quote:

Op woensdag 7 oktober 2015 15:13 schreef richolio het volgende:
Het maakt ook niet uit hoe groot je de browser maakt, de foto blijft altijd wel volledig in beeld, lijkt me heel prettig om te hebben.

quote:

Op woensdag 7 oktober 2015 15:12 schreef richolio het volgende:

in de div gezet, maar het werkt nog niet echt goed

quote:

Op woensdag 7 oktober 2015 23:31 schreef TwenteFC het volgende:
Als hier nog VueJS gebruikers zijn ICM bootstrap:
https://github.com/yuche/vue-strap

Geen jquery en bootstrap.js meer nodig en lekker semantisch, nog wel in alpha.

quote:

Op zondag 25 oktober 2015 20:01 schreef ikbenrond het volgende:
Hallo allen.

Ik had een slider gevonden, met maar vier foto's en dus vier bolletjes om op te klikken.

Ik heb de bolletjes uit kunnen breiden tot 10, maar ze sliden nergens heen.

HTML van Slider
[ code verwijderd ]

CSS ervan
[ code verwijderd ]

Heel misschien weet iemand het probleem of heeft dit eerder gehad oid?

[ afbeelding ]

quote:

Op zondag 25 oktober 2015 20:11 schreef BrainOverfloW het volgende:

[..]

Heb je er wel javascript bij om de slider ook daadwerkelijk te laten werken? Met alleen HTML en CSS blijft het een statisch geheel.