[HTML, CSS, JS] Frontend #37: $(".knowledge").extend();

quote:

Op dinsdag 7 januari 2014 22:26 schreef Skunk-m het volgende:

[..]

Als ze de hele tijd opnieuw in dat lijstje komen te staan bij de netwerk tab van developer tools en er staat bij dat het uit de cache komt, maakt dat dan wat uit of ik ze in een verborgen div zet zodat ze daar niet steeds opnieuw in het lijstje komen? komt op hetzelfde neer zeker. 1 keer downloaden en dat was t..?

Allereerst, als er bij status 304 Not modified staat, dan is de image gewoon uit de cache gehaald en is er qua performance niet zo gek veel aan de hand.
Een handige tool is deze website: http://gtmetrix.com/ waar je je pagina's kan laten analyseren.
Sterker nog; je kan er volledig geoptimaliseerde versies van je afbeeldingen mee downloaden.

Wat wil je precies bereiken?

@crutch het ging me er alleen om dat ze niet continu opnieuw gedownload worden en dat is dus niet het geval..

maarja nu heb ik iets anders.

ik heb een div met een 50%width en 400px min-widht..
daarin heb ik een tabel van 2td's breed maar geen opmaak ingesteld ofzo, op zn hoogst wat de template van phpbb voor tabellen in het algemeen heeft ingesteld.

als ik nou mn venster verklein word die div smaller en gaat de tekst in de eerste td naar een nieuwe regel dat wil ik dus niet.

wat ik wil:
- de tabel moet in zn geheel binnen de kaders van de div blijven, dus incl. de rechterkolom.
- als de tekstin de linkerkolom ruimte tekort komt wil ik dat die tekst afgekapt word met puntjes (text-overflow:ellipsis;)

Ik heb al text-overflow:ellipsis;white-space:nowrap; geprobeerd her en der maar dan word de tekst niet afgekapt maar word de tabel gewoon breder en gaat ie uit de div.

Geen tabel gebruiken.

Ik ben nog erg nieuw in de wereld van HTML en CSS en ben nu bezig met mijn eerste website via dat te maken.
Ik heb in de body nu een navigatiebar gezet met deze HTML (ik heb de linkjes zelf even weg gehaald):


En deze CSS (met behulp van het boek webdisign voor beginners):


Nu zou ik die navigatiebar graag willen centreren, omdat er nog een achtergrond komt. Weet iemand misschien hoe ik dat doe?
Hetzelfde geld trouwens voor een afbeelding die precies even groot als de navigatiebar is en er precies onder moet komen te staan.

Alvast bedankt!

Dit klinkt heel onaardig, maar is het beste voor je: gebruik google

quote:

Op woensdag 8 januari 2014 22:31 schreef manonbs146 het volgende:
Ik ben nog erg nieuw in de wereld van HTML en CSS en ben nu bezig met mijn eerste website via dat te maken.
Ik heb in de body nu een navigatiebar gezet met deze HTML (ik heb de linkjes zelf even weg gehaald):
[ code verwijderd ]

En deze CSS (met behulp van het boek webdisign voor beginners):
[ code verwijderd ]

Nu zou ik die navigatiebar graag willen centreren, omdat er nog een achtergrond komt. Weet iemand misschien hoe ik dat doe?
Hetzelfde geld trouwens voor een afbeelding die precies even groot als de navigatiebar is en er precies onder moet komen te staan.

Alvast bedankt!

http://jsfiddle.net/ms2ch/

Hier is je code met wat verbeteringen én het menu gecentreerd. Dat kun je doen door een breedte aan het menu mee te geven en daarbij margin: 0 auto;. Deze twee dingen moet je ook doen voor de afbeelding.

quote:

Op woensdag 8 januari 2014 22:35 schreef donroyco het volgende:

[..]

http://jsfiddle.net/ms2ch/

Hier is je code met wat verbeteringen én het menu gecentreerd. Dat kun je doen door een breedte aan het menu mee te geven en daarbij margin: 0 auto;. Deze twee dingen moet je ook doen voor de afbeelding.

Tnxzz!

quote:

Op woensdag 8 januari 2014 22:35 schreef donroyco het volgende:

[..]

http://jsfiddle.net/ms2ch/

Hier is je code met wat verbeteringen én het menu gecentreerd. Dat kun je doen door een breedte aan het menu mee te geven en daarbij margin: 0 auto;. Deze twee dingen moet je ook doen voor de afbeelding.

Ik heb nu alleen het probleem dat er bij de navigatiebar er 2 opties langs elkaar staan en daar ook nog twee onder, terwijl ze alle vier langs elkaar bedoeld waren.

quote:

Op woensdag 8 januari 2014 22:40 schreef manonbs146 het volgende:

[..]

Ik heb nu alleen het probleem dat er bij de navigatiebar er 2 opties langs elkaar staan en daar ook nog twee onder, terwijl ze alle vier langs elkaar bedoeld waren.

Dan moet je van #navbar de breedte aanpassen in 291px * 4 + 4* 5px = 1204px uit mijn hoofd.

quote:

Op woensdag 8 januari 2014 22:41 schreef donroyco het volgende:

[..]

Dan moet je van #navbar de breedte aanpassen in 291px * 4 + 4* 5px = 1204px uit mijn hoofd.

Ik ga het proberen! In ieder geval bedankt

quote:

Op woensdag 8 januari 2014 22:42 schreef manonbs146 het volgende:

[..]

Ik ga het proberen! In ieder geval bedankt

Here you go: http://jsfiddle.net/ms2ch/1/

quote:

Op woensdag 8 januari 2014 22:43 schreef donroyco het volgende:

[..]

Here you go: http://jsfiddle.net/ms2ch/1/

een dame vraagt iets onwijs doms en meneer staat ineens klaar om te helpen hoor

Sjongejongejonge

quote:

Op donderdag 9 januari 2014 01:39 schreef Catch22- het volgende:

[..]

een dame vraagt iets onwijs doms en meneer staat ineens klaar om te helpen hoor

Sjongejongejonge

Nee, hoor.

Goede middag allemaal,

Ik heb een vraag, is het mogelijk om met JS een highscore lijst bij te houden? Ik heb al een aantal cookie functies in mijn script staan, waardoor die de naam onthoudt.
Maar kan je ook de score onthouden?

Overal waar ik zoek lijkt het alleen maar te lukken met jQuery of .PHP.

Ik hoop dat iemand van jullie me kan helpen, alvast bedankt.

quote:

Op zaterdag 11 januari 2014 15:35 schreef Nerd_J het volgende:
Goede middag allemaal,

Ik heb een vraag, is het mogelijk om met JS een highscore lijst bij te houden? Ik heb al een aantal cookie functies in mijn script staan, waardoor die de naam onthoudt.
Maar kan je ook de score onthouden?

Overal waar ik zoek lijkt het alleen maar te lukken met jQuery of .PHP.

Ik hoop dat iemand van jullie me kan helpen, alvast bedankt.

Ja, dat kan.

Het is alleen wel afhankelijk waar de score vandaan komt en wat voor taal dat is. Alleen, wat is er mis met jQuery als je toch javascript gaat gebruiken?

quote:

Op zaterdag 11 januari 2014 15:41 schreef Maringo het volgende:

Alleen, wat is er mis met jQuery als je toch javascript gaat gebruiken?

quote:

Op zaterdag 11 januari 2014 15:35 schreef Nerd_J het volgende:
Goede middag allemaal,

Ik heb een vraag, is het mogelijk om met JS een highscore lijst bij te houden? Ik heb al een aantal cookie functies in mijn script staan, waardoor die de naam onthoudt.
Maar kan je ook de score onthouden?

Overal waar ik zoek lijkt het alleen maar te lukken met jQuery of .PHP.

Ik hoop dat iemand van jullie me kan helpen, alvast bedankt.

Waarom zou je geen integer kunnen opslaan en wel een string?

quote:

Op zaterdag 11 januari 2014 15:41 schreef Maringo het volgende:

[..]
Alleen, wat is er mis met jQuery als je toch javascript gaat gebruiken?

Javascript is al iets nieuws voor mij, daar ben ik net een aantal weken mee bezig. Met jQuery daarentegen heb ik nog nooit iets mee gedaan en dus snap ik daar weinig van.

@Boem-dikkie: Ik heb de cookie functies gevonden via w3schools, ik weet dus eerlijk gezegd niet hoe ik dit het beste kan aanpassen. Vandaar dat ik om hulp vraag.

quote:

Op zaterdag 11 januari 2014 15:45 schreef boem-dikkie het volgende:

[..]

Ik had al zo'n gevoel dat de anti-library-squad als eerste zou reageren.

quote:

Op zaterdag 11 januari 2014 16:51 schreef Maringo het volgende:

[..]

Ik had al zo'n gevoel dat de anti-library-squad als eerste zou reageren.

Waarom zou je een cookie gebruiken voor informatie die niet naar de server hoeft? Gebruik dan localstorage. Is makkelijker setten en getten ook.

quote:

Op zaterdag 11 januari 2014 18:12 schreef KomtTijd... het volgende:
Waarom zou je een cookie gebruiken voor informatie die niet naar de server hoeft? Gebruik dan localstorage. Is makkelijker setten en getten ook.

support?

Opera mini wordt toch niet gebruikt voor webgames lijkt me.

quote:

Op zaterdag 11 januari 2014 16:51 schreef Maringo het volgende:

[..]

Ik had al zo'n gevoel dat de anti-library-squad als eerste zou reageren.

Ik ben niet anti-library. Wel voor simpele zaken oplossen met Javascript in plaats van meteen voor de makkelijke oplossing terwijl dat eigenlijk niet hoeft.

Ik heb een div met width:50%;min-width:300px; ofja die min-width heb k nu daar op ingesteld of dat zo blijft kijk ik nog wel maar er komt iig een min-width.

In die div heb ik een tabel met 2 td's per tr.. dus 2 kolommen.
nou is mijn bedoeling dat de rechterkolom de breedte heeft die nodig is voor de td met de breedste tekst zeg maar. en ten alle tijden tegen de rechterkant van de div aan staat met het uiteinde van die breedste td, ongeacht of alle td's aan de linkerkant niet zo breed zijn.
De linkerkant heeft de rest van de breedte van de div en zit hoe dan ook tegen de linkerkant aan en de tekst in die div mag als die te lang is niet naar een nieuwe regel, maar moet afgekort worden met text-overflow:ellipsis; die er dan als ik het goed begrijp '...' achter zet.

Hoe krijg ik zoiets voor elkaar?
En als je komt met dan moet je geen tabel gebruiken maar div's zoals iemand eerder al deed leg het me dan uit, want ik heb met div's zitten kloten maar daar krijg ik in de verste verte niks mee voor elkaar wat ik wil.