[html, css, js] Waar dummies iniatief gaan tonen! ;) #23

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  vrijdag 2 maart 2012 @ 10:23:46 #1
56176 Catch22-
Ben je Blind?!
pi_108617198
[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/
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_108617216
Welk probleem overigens :') heb helemaal over die google maps shit heen gelezen.
  vrijdag 2 maart 2012 @ 10:31:00 #3
87680 Mirel
Mirel wil een bongophone.
pi_108617362
Het probleem ligt aan de manier waarop de content naar beneden wordt geslide. Als ik die hele animatie weghaal en dat gedeelte al te zien is (geen uitklap nodig), dan is de map ook goed te zien.

Dan maar even daar naar kijken.
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:32:39 #4
56176 Catch22-
Ben je Blind?!
pi_108617398
Oke ik ga je toch helpen.

Post het stuk code eens dat dat vlak uitklapt.
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 2 maart 2012 @ 10:34:48 #5
87680 Mirel
Mirel wil een bongophone.
pi_108617443
Ben nog aan het zoeken. Ik weet alleen dat als ik een div met id="panel_wrapper" weghaal, dat de uitklapanimatie weggaat en alles direct te zien is.

Dus ik download even de hele template op m'n bureaublad. Dan prop ik het hele mapje in notepad++ zodat ik door alle bestanden kan zoeken naar panel_wrapper. Eens kijken wat ik krijg :P
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:35:42 #6
56176 Catch22-
Ben je Blind?!
pi_108617464
heb je het ergens staan waar we het kunnen bekijken?
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 2 maart 2012 @ 10:36:27 #7
87680 Mirel
Mirel wil een bongophone.
pi_108617482
Nog niet. Eerst even zoeken waar en wat het is en dan zet ik het wel in pastebin ofzo.
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:38:56 #8
87680 Mirel
Mirel wil een bongophone.
pi_108617526
Dit is alles. Ik kan wel de hele .js posten maar ik geloof dat dit het is.
1
2
3
4
5
6
7
8
9
10		        // pages top toggle box 
        jQuery("#open").click(function(){
            jQuery("div#panel_wrapper").slideDown("slow");
        });    
        jQuery("#close").click(function(){
            jQuery("div#panel_wrapper").slideUp("slow");    
        });        
        jQuery("#toggle a").click(function () {
            jQuery("#toggle a").toggle();
        });    

Eens kijken wat er gebeurt als ik hier panel_wrapper vervang door de div waar de googlemap in werd gezet. :o
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:40:27 #9
56176 Catch22-
Ben je Blind?!
pi_108617573
quote:
0s.gif Op vrijdag 2 maart 2012 10:38 schreef Mirel het volgende:
Dit is alles. Ik kan wel de hele .js posten maar ik geloof dat dit het is.
[ code verwijderd ]

1
2
3
4
5		jQuery("#open").click(function(){
            jQuery("div#panel_wrapper").slideDown("slow", function() {
initialize();
});
        });  
en de andere initialize referentie verwijderen.
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 2 maart 2012 @ 10:42:24 #10
87680 Mirel
Mirel wil een bongophone.
pi_108617635
Ok. Maar waarom haal je de knop weg om het weer dicht te maken? :P Edit, ik dacht dat ik alles moest vervangen, maar dit komt nog erbij zeker..? :)
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:43:26 #11
56176 Catch22-
Ben je Blind?!
pi_108617672
dat hoef je niet aan te passen. Ik heb dat niet meegepost omdat dat hetzelfde blijft.

wat je doet met deze oplossing is de callback van de slideDown functie gebruiken. Een callback is een functie die wordt aangeroepen als de aangeroepen functie 'klaar' is.
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 2 maart 2012 @ 10:44:05 #12
87680 Mirel
Mirel wil een bongophone.
pi_108617691
Oh ik zie het al, daarboven staat nog het label 'open'. Daar moet initaliizejizjeizjee bij.
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:50:52 #13
87680 Mirel
Mirel wil een bongophone.
pi_108617863
Ah ja, hij doet al.

In header.php is dus een van de 2 initializers weg. (jij had nog een 2e erbij gezet, aanvankelijk stond er gewoon eentje):
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
35
36
37
38
39		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

    function initialize() {
        var latlng = new google.maps.LatLng(52.1025780, 5.0978729);
        var settings = {
            zoom: 15,
            center: latlng,
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
    };
var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);

var companyLogo = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo.png',
    new google.maps.Size(100,50),
    new google.maps.Point(0,0),
    new google.maps.Point(50,50)
);
var companyShadow = new google.maps.MarkerImage('http://www.filmdepartment.nl/v2/wp-content/themes/filmdept/images/googlemaps/logo_shadow.png',
    new google.maps.Size(130,50),
    new google.maps.Point(0,0),
    new google.maps.Point(65, 50)
);
var companyPos = new google.maps.LatLng(52.1025780, 5.0978729);
var companyMarker = new google.maps.Marker({
    position: companyPos,
    map: map,
    icon: companyLogo,
    shadow: companyShadow,
    title:"Filmdepartment"
});
}
</script>

De jquery is dus zo:
1
2
3
4
5
6
7
8
9
10
11
12		        // pages top toggle box 
        jQuery("#open").click(function(){
                    jQuery("div#panel_wrapper").slideDown("slow", function() {
        initialize();
        });
                });
        jQuery("#close").click(function(){
            jQuery("div#panel_wrapper").slideUp("slow");    
        });        
        jQuery("#toggle a").click(function () {
            jQuery("#toggle a").toggle();
        });

Je ziet nu een stukje kaart linksboven en daarna begint de rest vanaf het midden te laden (niet in 1x, je ziet het zichzelf opbouwen).


thanks :)
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:52:55 #14
56176 Catch22-
Ben je Blind?!
pi_108617907
Als ik een stukje code post waarin een functie wordt aangeroepen houdt dat in dat hij op andere plekken weg moet ;)
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 2 maart 2012 @ 10:54:02 #15
87680 Mirel
Mirel wil een bongophone.
pi_108617931
Ik ga eens dat toggle stukje js in header.php proppen ergens bovenaan, misschien dat 'ie dan nog eerder geladen wordt :P Het is nu een beetje lelijk dat een enkele seconde na het uitklappen pas de boel te zien is. :P
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 10:56:04 #16
56176 Catch22-
Ben je Blind?!
pi_108617981
Dat komt omdat de map met overlays werkt die niet goed worden ingeladen als het verschuift. Ik zou gewoon een loadingicoontje over map leggen ofzo.
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 2 maart 2012 @ 10:56:49 #17
87680 Mirel
Mirel wil een bongophone.
pi_108617997
Ja inderdaad. Kunnen gifjes, of is het flash, of jquery? Maar dan moet dat icoontje stoppen of weggaan als het klaar is. Waarmee doe je die dingen :') ?
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 12:21:36 #18
87680 Mirel
Mirel wil een bongophone.
pi_108620361
Maarre moet dat icoontje er op een speciale manier in? Ik heb jqueryloader geprobeerd maar werkt niet. Een gifje zomaar eronder zetten kan ook niet, want de grijze ondergrond van googlemaps staat er zelf al op.

Ik heb dus iets nodig wat eroverheen kan gaan en na een seconde of 2 weggaat. Even googlen naar timers enzo :')
When all else fails, you always have delusion.
  vrijdag 2 maart 2012 @ 12:30:16 #19
56176 Catch22-
Ben je Blind?!
pi_108620624
Loader. Gif zoeken, die er absolhut overheen positioneren en met een settimeout of callback weghalen
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 2 maart 2012 @ 12:38:19 #20
87680 Mirel
Mirel wil een bongophone.
pi_108620838
Ja, ik dacht hetzelfde. Ik wil dit gebruiken:
http://papermashup.com/jquery-fading-a-div-after-a-certain-time/

Hopelijk gaat position:absolute wel z'n werk doen in zo'n uitklap ding :P
When all else fails, you always have delusion.
pi_108623087
quote:
11s.gif Op vrijdag 2 maart 2012 10:10 schreef Catch22- het volgende:
Ja, maar dan moet je dus niet hier komen.

Het is hetzelfde als aan een automonteur vragen hoe je een band moet vervangen en als hij zegt "Pak eerst de krik" dat jij vraagt "wat is een krik?"
Hmm, nouja, een vraag stellen kan altijd..
Er zullen zat mensen zijn die niet veel van programmeren weten maar bijvoorbeeld wel een leuk achtergrondje of plugin aan hun profieltje/weblog/hyves/etc toe willen voegen. Ik vind het een beetje ver gaan om te zeggen dat elke hobbyist zich volledig in moet lezen in dingen die ze daarna nooit meer gebruiken. (zoals ik al eerder vergeleek, als ik een vriend in het buitenland vraag hoe ik 'dank je wel' moet zeggen in het spaans, zal een 'ga eerst maar eens een LOI studie Spaans volgen' me ook niet echt verder helpen).
Dat je als gevorderde geen zin hebt om een vraag, die voor jou makkelijk is te beantwoorden, te beantwoorden aan iemand die zelf maar een beetje aan t hobby-en is, dat is natuurlijk een tweede, en je volste recht.
Don't let your shadow spoil the view of what's around you
pi_108623234
quote:
0s.gif Op vrijdag 2 maart 2012 13:51 schreef Maartel het volgende:

[..]

Hmm, nouja, een vraag stellen kan altijd..
Er zullen zat mensen zijn die niet veel van programmeren weten maar bijvoorbeeld wel een leuk achtergrondje of plugin aan hun profieltje/weblog/hyves/etc toe willen voegen. Ik vind het een beetje ver gaan om te zeggen dat elke hobbyist zich volledig in moet lezen in dingen die ze daarna nooit meer gebruiken. (zoals ik al eerder vergeleek, als ik een vriend in het buitenland vraag hoe ik 'dank je wel' moet zeggen in het spaans, zal een 'ga eerst maar eens een LOI studie Spaans volgen' me ook niet echt verder helpen).
Dat je als gevorderde geen zin hebt om een vraag, die voor jou makkelijk is te beantwoorden, te beantwoorden aan iemand die zelf maar een beetje aan t hobby-en is, dat is natuurlijk een tweede, en je volste recht.
Vind ik ook. KomtTijd.. ik vind dat je best fel bent. Mensen komen hier gewoon om wat hulp vragen, jij hoeft ze niet te helpen maar ze meteen weer wegsturen vind ik ook wat ver gaan.
pi_108623326
quote:
14s.gif Op vrijdag 2 maart 2012 13:56 schreef picodealion het volgende:

[..]

Vind ik ook. KomtTijd.. ik vind dat je best fel bent. Mensen komen hier gewoon om wat hulp vragen, jij hoeft ze niet te helpen maar ze meteen weer wegsturen vind ik ook wat ver gaan.
Nouja, hij heeft ook niet gezegd dat ik nooit meer in dit topic mag komen.
En ik ben van mijn kant wellicht ook wel gemakszuchtig. Ik heb in vrijwel alles wat ik mezelf heb aangeleerd dat vaak gedaan door heel veel uit te proberen, te googlen, over te nemen en dan aan te passen, en zo heel af-en-toe als ik er echt niet uit kwam een vraag te stellen.
Nu was die laatste vraag naar mijn inzien ook niet eens een 'schrijf een een script voor mij!' vraag, maar puur een vraag of iets mogelijk is, zodat ik iig weet of het zin heeft om me verder in css3 te verdiepen, voordat ik daar uren in steek om vervolgens te ontdekken dat wat ik wil niet eens kan.
Don't let your shadow spoil the view of what's around you
pi_108624284
quote:
14s.gif Op vrijdag 2 maart 2012 13:56 schreef picodealion het volgende:

[..]

Vind ik ook. KomtTijd.. ik vind dat je best fel bent. Mensen komen hier gewoon om wat hulp vragen, jij hoeft ze niet te helpen maar ze meteen weer wegsturen vind ik ook wat ver gaan.
Ik wil ook iedereen helpen hoor, maar na een keer of 4 ben je wel zat om ieder greintje medewerking eruit te moeten zeulen bij degene die je probeert te helpen. Dan heb ik wel wat beters te doen.
zcflevo.nl
  vrijdag 2 maart 2012 @ 14:28:41 #25
12221 Tijn
Powered by MS Paint
pi_108624333
quote:
14s.gif Op vrijdag 2 maart 2012 14:27 schreef KomtTijd... het volgende:

[..]

maar na een keer of 4 ben je wel zat om ieder greintje medewerking eruit te moeten zeulen bij degene die je probeert te helpen. Dan heb ik wel wat beters te doen.
Je hoeft natuurlijk niet te posten.
Verberg de nieuwsticker
pi_108624542
quote:
7s.gif Op vrijdag 2 maart 2012 14:28 schreef Tijn het volgende:

[..]

Je hoeft natuurlijk niet te posten.
Hoeft niet nee, maar het is wel leuk.
Je zult mij dan ook niemand "weg zien sturen" hier, maar ik ga ook niet 5x het zelfde uitleggen. Dan is het namelijk niet meer leuk.
zcflevo.nl
  vrijdag 2 maart 2012 @ 14:37:07 #27
12221 Tijn
Powered by MS Paint
pi_108624638
quote:
14s.gif Op vrijdag 2 maart 2012 14:34 schreef KomtTijd... het volgende:

[..]

Hoeft niet nee, maar het is wel leuk.
Je zult mij dan ook niemand "weg zien sturen" hier, maar ik ga ook niet 5x het zelfde uitleggen. Dan is het namelijk niet meer leuk.
Begrijp me niet verkeerd, ik waardeer je inzet hier enorm. Maar misschien dat wanneer je zelf het idee hebt dat je iemand 5x hetzelfde aan het uitleggen bent, je dan beter niet meer kan posten dan dat je gaat roepen dat iemand alles anders moet doen.
Verberg de nieuwsticker
  vrijdag 2 maart 2012 @ 14:47:33 #28
82546 Apekoek
terrorhenk
pi_108625016
Bij Yummy FTP blijft alles continue in de wachtrij staan, hoe kan dat komen? Iedere keer heb ik een halve backup en dan blijft alles in de wachtrij?
  vrijdag 2 maart 2012 @ 15:00:47 #29
56176 Catch22-
Ben je Blind?!
pi_108625465
quote:
14s.gif Op vrijdag 2 maart 2012 14:37 schreef Tijn het volgende:

[..]

Begrijp me niet verkeerd, ik waardeer je inzet hier enorm. Maar misschien dat wanneer je zelf het idee hebt dat je iemand 5x hetzelfde aan het uitleggen bent, je dan beter niet meer kan posten dan dat je gaat roepen dat iemand alles anders moet doen.
Dat is gewoon een handige tip. Ik heb het vak ook niet geleerd door alles te copypasten en door anderen te laten doen.

Ik vind het leuk om hier te helpen omdat het voor mij ook uitdaging is. Alleen het is niet de bedoeling dat mensen zeggen "Ik heb deze site en wil deze plugin maar ik weet het allemaal niet, fiks het voor mij want ik weet niets van programmeren", of "Dat blok komt er niet naast, hoezo is dat. Ik weet niets van CSS dus als iemand het even wil fiksen zou dat mooi zijn".
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 2 maart 2012 @ 15:05:03 #30
12221 Tijn
Powered by MS Paint
pi_108625610
Ik vind ook niet dat alles voorgekauwd moet worden. Maar ik denk dat het beter is dan iemand gewoon geen antwoord krijgt, dan dat er chagerijnige reacties heen en weer worden gepost, want dat vervuilt het topic nodeloos.
Verberg de nieuwsticker
  vrijdag 2 maart 2012 @ 16:32:46 #31
56176 Catch22-
Ben je Blind?!
pi_108629247
nou, meestal wordt er dan gewoon nog 4x geroepen "HELP MIJ". Misschien kan het subtieler gebracht worden (o.a. door mij) maar een beetje eigen inzet is wel gewenst.

Ik wil best mensen helpen met het leren van JS/CSS/HTML, ik heb geen zin om voor niks iemands sores op te lossen.
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_108629302
Er zijn inderdaad wel momenten waarbij er een hoog 'GIMME' gehalte is, mensen die verwachten dat alles kant en klaar wordt aangeleverd :') maar goed, beetje tegengas kan geen kwaad op zo`n moment.

[ Bericht 0% gewijzigd door #ANONIEM op 02-03-2012 17:15:31 ]
pi_108648665
Actief topic ineens. :P
"A goal without a plan is just a wish." - Antoine de Saint-Exupery
pi_108723891
:o Wat heb ik gedaan?

Nouja, ik begrijp de andere kant van het verhaal opzich echt wel.
Naar mijn idee was mijn laatste vraag echter niet bepaald een 'schrijf eens even wat html voor mij!' gevalletje. Ik denk eerlijk gezegd dat het posten van mijn html of css niet eens relevant was voor de vraag want het ging om een algemene 'is dit mogelijk met css3?' vraag.
Don't let your shadow spoil the view of what's around you
  zondag 4 maart 2012 @ 22:58:38 #35
87680 Mirel
Mirel wil een bongophone.
pi_108724037
Doe eens lief tegen elkaar jongens. En fix mijn googlemaps even.

Grapje, dat is al af.

Even een mop om de sfeer te herstellen:

quote:
"Er staan 2 systeembeheerders langs de weg met pech. Zegt de een tegen de ander: probeer anders even uit te stappen en opnieuw in te stappen"
When all else fails, you always have delusion.
pi_108728953
Ik heb de laatste tijd heerlijk zitten stylen met :nth-child en rgba-kleuren. Wat werkt dat toch geniaal O+ Een veld highlighten? Gewoon background:rgba(255,255,255,0.05) eroverheen!

't wachten is op de eerste mensen die komen klagen dat ze het overzicht kwijt raken in IE7 :')
zcflevo.nl
  maandag 5 maart 2012 @ 01:13:23 #37
56176 Catch22-
Ben je Blind?!
pi_108729105
quote:
0s.gif Op zondag 4 maart 2012 22:58 schreef Mirel het volgende:
Doe eens lief tegen elkaar jongens. En fix mijn googlemaps even.

Grapje, dat is al af.

Geen dank

quote:
14s.gif Op maandag 5 maart 2012 01:06 schreef KomtTijd... het volgende:
Ik heb de laatste tijd heerlijk zitten stylen met :nth-child en rgba-kleuren. Wat werkt dat toch geniaal O+ Een veld highlighten? Gewoon background:rgba(255,255,255,0.05) eroverheen!

't wachten is op de eerste mensen die komen klagen dat ze het overzicht kwijt raken in IE7 :')
een fallback is toch zo geschreven?
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_108729341
Voor nth-child niet echt. heb niet zoveel zin om mijn templates daarvoor om te gaan bouwen.

Maar ik ga voor de leesbaarheid nog wel een keer een fallback maken als ik me verveel. 't Betreft geen publieke pagina's.
zcflevo.nl
pi_108730918
Ok, eindelijk na wat lezen, heb ik het ongeveer voor elkaar.

1
2
3
4
5
6
7		<script>
var auto_refresh = setInterval(
function()
{
$('#loaddiv').load('progress.php');
}, 2000);
</script>

progress.php geeft een waarde terug tussen de 0-100 (het groeit van 0 naar de 100).

Wat ik wil is, dat wanneer de 100 is bereikt, de div niet meer refresht wordt, maar veranderd in 'Completed'.

Kan iemand mij hiermee helpen?
pi_108730961
In de functie een check maken die de gereturnde waarde checkt en als de waarde 100 is de timeout cleart.

1
2
3		if(val == 100){
clearTimeout(auto_refresh);
}

Ofzo.
Nee.
  maandag 5 maart 2012 @ 08:11:25 #41
56176 Catch22-
Ben je Blind?!
pi_108731498
quote:
14s.gif Op maandag 5 maart 2012 01:23 schreef KomtTijd... het volgende:
Voor nth-child niet echt. heb niet zoveel zin om mijn templates daarvoor om te gaan bouwen.

Maar ik ga voor de leesbaarheid nog wel een keer een fallback maken als ik me verveel. 't Betreft geen publieke pagina's.
Je kan via je code of js toch gewoon even en odd classes aangeven?
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 5 maart 2012 @ 10:04:09 #42
87680 Mirel
Mirel wil een bongophone.
pi_108733150
Op www.filmdepartment.nl/v2 staan bovenaan 3 van die slidedingetjes. Er passen 3 op het scherm, en op het moment dat je er 4 of meer hebt, verschijnen er knoppen om te scrollen, < en >. (Zie originele thema: http://templatesden.com/TF/WPCMS/apogee/)

Je kan ook met de muiswiel scrollen wanneer je eroverheen staat met de muis, ook als het er 3 of minder zijn. Bovenaan wil ik er echter gewoon 3 hebben die níet scrollen, hoe dan ook. Dit heb ik uitgezet door in een JS bestand de 1tjes in 0tjes te veranderen (er waren twee scrollopties op ja gezet, eentje voor als de slider open is en eentje voor als 'ie dicht zit, beide staan dus uit).

Het is een kleinigheidje maar je kan de gehele pagina niet scrollen als je toevallig met je muis op dat plekje staat. Kan dat ergens aangezet worden?

Scroll stukje van de contentcarousel javascript:
http://pastebin.com/EyzESa9X

en het bestand waar alles samen komt:
http://pastebin.com/iwuLvM0J
When all else fails, you always have delusion.
pi_108733359
Kijk eens naar event bubbling.
pi_108733491
quote:
11s.gif Op maandag 5 maart 2012 08:11 schreef Catch22- het volgende:

[..]

Je kan via je code of js toch gewoon even en odd classes aangeven?
Ja idd, of je geeft gewoon alle IE8 gebruikers een schop onder hun hol. (alle bezoekers persoonlijk kennen geeft je dat voordeel ;) )
zcflevo.nl
pi_108740223
Mijn knoppen worden onderin de divs altijd afgesneden, dus bovenin hebben ze ronde hoeken en onder valt de ronde hoek weg. Hoe kan ik dit oplossen? Volgens mij heeft het te maken met de overflow:hidden's die ik heb, maar die zijn nodig voor dat lijntje naast de koppen..
  maandag 5 maart 2012 @ 13:53:01 #46
56176 Catch22-
Ben je Blind?!
pi_108740275
link?
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_108740294
Moment
  maandag 5 maart 2012 @ 14:00:30 #48
230788 n8n
Pragmatisch
pi_108740511
quote:
14s.gif Op maandag 5 maart 2012 10:19 schreef KomtTijd... het volgende:

[..]

Ja idd, of je geeft gewoon alle IE8 gebruikers een schop onder hun hol. (alle bezoekers persoonlijk kennen geeft je dat voordeel ;) )
Gewoon extra zware js specifiek aan IE koppelen, als er dan geklaagd wordt over de snelheid bied je een sneller alternatief aan
“Specialization is for insects”.—Robert Heinlein
  maandag 5 maart 2012 @ 16:16:46 #49
87680 Mirel
Mirel wil een bongophone.
pi_108745019
Ik heb een verdwijn scriptje voor een div. De div in kwestie zie je alleen als je een gedeelte van de site uitklapt via een knop (het googlemaps gebeuren waar ik een paar dagen terug mee bezig was). Op www.filmdepartment.nl/v2 rechtsboven.

Het uitklapgedeelte zit in een apart bestand, en niet in header.php of index.php. De jquery plugin includes zitten in de <head>, maar het scriptje hierboven moest persé in het php bestand van het uitklapgedeelte, anders werkt het niet.

1
2
3
4
5
6
7
8		$(document).ready(function(){
    setTimeout(function(){
        $("div.map_loading").fadeOut("slow", function () {
            $("div.map_loading").remove();
        });

    }, 2000);
});

Maar he zorg ik ervoor dat pas bij het uitklappen de timer begint met af te tellen, en niet bij het laden van de hele website? Zoiets? http://api.jquery.com/click/ bomen en bos verhaal voor mij.

Zit ik zo in de juiste richting? Dit werkt nog niet.
1
2
3
4
5
6
7
8
9
10		$("a.open").click(function () {
    $(document).ready(function(){
        setTimeout(function(){
            $("div.map_loading").fadeOut("slow", function () {
                $("div.map_loading").remove();
            });

        }, 2000);
    });
});

Want de open knop is dit:
1
2
3
4		            <li id="toggle">
                <a id="open" class="open" href="#"></a>
                <a id="close" style="display: none;" class="close" href="#"></a>
            </li>


[ Bericht 4% gewijzigd door Mirel op 05-03-2012 16:58:35 ]
When all else fails, you always have delusion.
pi_108748703
Vier keer een functie nesten, dat zal vast lekker te onderhouden zijn ja. Als je nou gewoon de laadfunctionaliteit lostrekt, en dus een functie loadGoogleMap ofzo hebt, dan roep je die toch gewoon aan op je click-event?

1
2
3
4
5		var loadGoogleMap = function(){
// hier je code die de API inlaadt enzo
}

$('#open').bind('click', loadGoogleMap);

Zoiets. Al maanden niet meer met jQuery gewerkt.
Nee.
pi_108763802
1
2
3
4
5
6
7
8
9
10		$("a.open").click(function () {
    $(document).ready(function(){
        setTimeout(function(){
            $("div.map_loading").fadeOut("slow", function () {
                $("div.map_loading").remove();
            });

        }, 2000);
    });
});
Dat document.ready hoort daar iig niet, dat hoort op het bovenste niveau te zitten, de 'initializer' van je jQuery code als het ware.
Of toch du vader?
  maandag 5 maart 2012 @ 22:33:55 #52
87680 Mirel
Mirel wil een bongophone.
pi_108764083
quote:
0s.gif Op maandag 5 maart 2012 17:56 schreef PimD het volgende:
Vier keer een functie nesten, dat zal vast lekker te onderhouden zijn ja. Als je nou gewoon de laadfunctionaliteit lostrekt, en dus een functie loadGoogleMap ofzo hebt, dan roep je die toch gewoon aan op je click-event?
[ code verwijderd ]

Zoiets. Al maanden niet meer met jQuery gewerkt.
Dit gaat niet over googlemaps maar om een laadicoontje. Die staat er een beetje nep bij maar goed :7 En je gepraat over nesten snap ik serieus echt niet :P Ik weet 0,0 van dit, ben alleen goed in HTML/CSS
When all else fails, you always have delusion.
  maandag 5 maart 2012 @ 22:33:58 #53
137776 boem-dikkie
Jedi Mind Baby!
pi_108764087
1
2
3
4
5
6
7
8		$(document).ready(function() {
    $('a.open').click(function () {
         setTimeout(function(){
            $("div.map_loading").fadeOut("slow", function () {
                $("div.map_loading").remove();
            });
     }, 2000);
});
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 5 maart 2012 @ 22:38:15 #54
87680 Mirel
Mirel wil een bongophone.
pi_108764340
Thanks, ik begreep het al :)
When all else fails, you always have delusion.
pi_108771419
quote:
14s.gif Op maandag 5 maart 2012 22:33 schreef boem-dikkie het volgende:

[ code verwijderd ]

Bah, gebruik dan delay() ipv setTimeout.
pi_108771445
1
2
3
4
5
6
7		<?php
$(document).ready(function() {    
  $('a.open').click(function () {        
     $("div.map_loading").delay(2000).fadeOut("slow", function(element){ element.remove(); } )}
  });
});
?>


[ Bericht 40% gewijzigd door #ANONIEM op 06-03-2012 08:13:16 ]
  dinsdag 6 maart 2012 @ 09:14:35 #57
87680 Mirel
Mirel wil een bongophone.
pi_108772302
php? :? Het is toch JQuery?
When all else fails, you always have delusion.
pi_108772321
quote:
0s.gif Op dinsdag 6 maart 2012 09:14 schreef Mirel het volgende:
php? :? Het is toch JQuery?
Ik gebruik altijd de PHP tag om code te tonen, vind ik mooier qua highlight. :P

Maar je kan toch wel copy pasten en dan de php tags eruit slopen hoop ik :')

[ Bericht 11% gewijzigd door #ANONIEM op 06-03-2012 09:16:17 ]
  dinsdag 6 maart 2012 @ 09:17:36 #59
87680 Mirel
Mirel wil een bongophone.
pi_108772360
Alles wat hier staat doet het overigens niet. Het koppelen aan de a.open
When all else fails, you always have delusion.
pi_108772392
quote:
0s.gif Op dinsdag 6 maart 2012 09:17 schreef Mirel het volgende:
Alles wat hier staat doet het overigens niet. Het koppelen aan de a.open
Laat eens een testpagina zien waarop het staat.
  dinsdag 6 maart 2012 @ 09:22:19 #61
87680 Mirel
Mirel wil een bongophone.
pi_108772423
www.filmdepartment.nl/v2 rechtsboven knopje. loadinggifje zit in het midden. Of wil je iets zoals Jfiddle?

EDIT; de originele code die het wel deed gister doet het nu ook niet, misschien ben ik iets vegeten. Hold on
When all else fails, you always have delusion.
  dinsdag 6 maart 2012 @ 09:24:21 #62
87680 Mirel
Mirel wil een bongophone.
pi_108772455
Oh toch wel. De originele die het wel doet:
1
2
3
4
5
6
7
8		$(document).ready(function(){
    setTimeout(function(){
        $("div.map_loading").fadeOut("slow", function () {
            $("div.map_loading").remove();
        });

    }, 2000);
});
When all else fails, you always have delusion.
pi_108772567
Ik zie geen loading gif.

BTW die hele pagina opbouw :X
  dinsdag 6 maart 2012 @ 09:33:29 #64
87680 Mirel
Mirel wil een bongophone.
pi_108772622
Tja, template, niet mijn keuze :P En het gifje zag je niet omdat de aftelling begon bij het laden van de pagina, dat was nog het ouwe script, je moest gewoon wat sneller zijn. Het nieuwe script van jou zit er nu in.
When all else fails, you always have delusion.
pi_108772688
Het heeft niet zoveel met templates te maken. Ik zie op het eerste oog 5 verschillende document.ready events die afgaan, 7 verschillende plekken waar code gewoon inline wordt neergeplemd, 26 includes van javascript waarbij ik me serieus afvraag of je dat allemaal nodig hebt, om nog maar niet te spreken van de CSS-vuilnisbelt die erna volgt...
  dinsdag 6 maart 2012 @ 09:50:38 #66
87680 Mirel
Mirel wil een bongophone.
pi_108772980
Tot zover ik snap welke je bedoelt is het niet van mij. Hoogstens dit scriptje die ik niet in de head kon laten want hij kon de desbetreffende div vanuit daar niet vinden (die div zit in een ander php bestand)

En veel CSS dingen zitten gewoon inline erin, da's echt gewoon die template.
When all else fails, you always have delusion.
  dinsdag 6 maart 2012 @ 09:52:41 #67
56176 Catch22-
Ben je Blind?!
pi_108773034
dat kan je alsnog wel fiksen.

Het scheelt al de helft als je je eigen aanpassingen/toevoegingen wél netjes structureert.
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?
  dinsdag 6 maart 2012 @ 09:55:17 #68
87680 Mirel
Mirel wil een bongophone.
pi_108773099
Dat probeer ik, maar in het geval van deze script weet ik het echt niet. :/ Ik zet hem in header.php en hij doet het niet, verplaats ik het naar top_toggle_section.php (uitklapgedeelte), dan doet 'ie het wel. Als ik wist hoe ik het vanuit header.php kon verwijzen, dan deed ik dat.
When all else fails, you always have delusion.
  dinsdag 6 maart 2012 @ 09:58:15 #69
56176 Catch22-
Ben je Blind?!
pi_108773176
dan moet je gaan debuggen.

maar beter nog doe je het in een externe file.
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?
  dinsdag 6 maart 2012 @ 10:04:38 #70
87680 Mirel
Mirel wil een bongophone.
pi_108773330
Pakt 'ie het dan vanuit een externe? Als het niet vanuit header.php werkte..
When all else fails, you always have delusion.
pi_108773362
quote:
0s.gif Op dinsdag 6 maart 2012 10:04 schreef Mirel het volgende:
Pakt 'ie het dan vanuit een externe? Als het niet vanuit header.php werkte..
Ik vermoed dat dat te maken heeft met timing issues, die weer worden veroorzaakt door al die onready events en bijbehorende functie calls die in je berg HTML zitten gestopt.
  dinsdag 6 maart 2012 @ 10:07:37 #72
56176 Catch22-
Ben je Blind?!
pi_108773409
top_toggle_section wordt die async ingeladen? want dan is het logisch dat een $(document).ready niet fired in dat bestand.

En ik zag dat je eerst een document.ready bindde in een clickevent, dat gaat niet werken natuurlijk...
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?
  dinsdag 6 maart 2012 @ 10:11:54 #73
87680 Mirel
Mirel wil een bongophone.
pi_108773505
Sorry maar ik snap nauwelijks van wat je zegt, nogmaals: ik weet NIKS van javascript/jquery en al die andere dingen. :P

Er is overigens een custom.js bestand, heb daar even mijn googlemaps code daar verplaatst, maar het werkt niet. :') Maar goed, ik ga nu niet alles lopen aanpassen, want dan ben ik lang bezig.
When all else fails, you always have delusion.
  dinsdag 6 maart 2012 @ 10:12:59 #74
56176 Catch22-
Ben je Blind?!
pi_108773526
dan moet je maar even gaan leren, want we gaan je niet alles voorkauwen.
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?
  dinsdag 6 maart 2012 @ 10:13:42 #75
87680 Mirel
Mirel wil een bongophone.
pi_108773542
Dat snap ik. Dit was ook een kleinigheidje, ik haal de code eruit en ga iets anders doen.
When all else fails, you always have delusion.
pi_108773722
quote:
0s.gif Op dinsdag 6 maart 2012 10:11 schreef Mirel het volgende:
Sorry maar ik snap nauwelijks van wat je zegt, nogmaals: ik weet NIKS van javascript/jquery en al die andere dingen. :P

Er is overigens een custom.js bestand, heb daar even mijn googlemaps code daar verplaatst, maar het werkt niet. :') Maar goed, ik ga nu niet alles lopen aanpassen, want dan ben ik lang bezig.
Besteed het dan uit, want je kan niks en je wil het ook niet leren nu. Zoek iemand met verstand van zaken die het wel voor je wil doen.
  dinsdag 6 maart 2012 @ 10:23:08 #77
87680 Mirel
Mirel wil een bongophone.
pi_108773775
Nee, het is een kleinigheidje om het idee op te wekken dat de googlemap daadwerkelijk geladen wordt. Ga ik niet veel aandacht aan besteden. Heb gister en vandaag wat geprobeerd, het werkt niet, dusja, op naar het volgende. :)
When all else fails, you always have delusion.
pi_108773846
quote:
0s.gif Op dinsdag 6 maart 2012 10:23 schreef Mirel het volgende:
Nee, het is een kleinigheidje om het idee op te wekken dat de googlemap daadwerkelijk geladen wordt. Ga ik niet veel aandacht aan besteden. Heb gister en vandaag wat geprobeerd, het werkt niet, dusja, op naar het volgende. :)
Dus we gaan nog heel veel meer van zulke 'can`t do, won`t do, shall not do' vragen van je krijgen?
  dinsdag 6 maart 2012 @ 10:28:44 #79
87680 Mirel
Mirel wil een bongophone.
pi_108773892
Godverdomme. NEE. Ik vroeg om wat hulp, die hulp ontving ik en ik probeerde zelf ook wat (staat niet in dit topic). Ik zat niet klakkeloos over te kopieren. Als het iets cruciaals was, dan was ik nu nog bezig, maar dat is het niet.

Ik vraag niet om antwoorden.
When all else fails, you always have delusion.
pi_108774020
quote:
0s.gif Op dinsdag 6 maart 2012 10:28 schreef Mirel het volgende:
Godverdomme. NEE. Ik vroeg om wat hulp, die hulp ontving ik en ik probeerde zelf ook wat (staat niet in dit topic). Ik zat niet klakkeloos over te kopieren. Als het iets cruciaals was, dan was ik nu nog bezig, maar dat is het niet.

Ik vraag niet om antwoorden.
quote:
0s.gif Op dinsdag 6 maart 2012 10:23 schreef Mirel het volgende:
Nee, het is een kleinigheidje om het idee op te wekken dat de googlemap daadwerkelijk geladen wordt. Ga ik niet veel aandacht aan besteden. Heb gister en vandaag wat geprobeerd, het werkt niet, dusja, op naar het volgende. :)
Het gaat er meer om dat je na 2 seconden al opgeeft, zonder te achterhalen wat het is, hoe het gefixed kan worden en hoe je in de toekomst dit soort dingen zou kunnen voorkomen. Grote kans natuurlijk dat je bij het volgende probleem dezelfde attitude tentoon spreid.

Nogmaals, hulp vragen is prima, maar je leert het meeste als je zelf dingen uitzoekt, inleest, probeert, doorzet, niet opgeeft totdat je het gevonden hebt. Zodra je hulp vraagt, de oplossing erin plemt, op F5 ramt, het niet werkt en je het vervolgens wegdondert om vrolijk naar het volgende 'probleem' te gaan, dan leer je imo niet veel van je eigen daden. En dat is zonde, want je steekt er tijd en moeite in, die dan ook nog eens voor niks is. Om nog maar te zwijgen over onze tijd en moeite.
  dinsdag 6 maart 2012 @ 10:35:54 #81
87680 Mirel
Mirel wil een bongophone.
pi_108774075
quote:
0s.gif Op dinsdag 6 maart 2012 10:33 schreef Scorpie het volgende:

[..]

[..]

Het gaat er meer om dat je na 2 seconden al opgeeft, zonder te achterhalen wat het is, hoe het gefixed kan worden en hoe je in de toekomst dit soort dingen zou kunnen voorkomen. Grote kans natuurlijk dat je bij het volgende probleem dezelfde attitude tentoon spreid.
Ik ben hier sinds gistermiddag al mee bezig. Daarom vind ik het niet leuk dat ik er beschuldigd van wordt dat ik op kant-en-klaar oplossingen zit te wachten.

Ik ben nu een beetje moe van het boos en geïrriteerd zijn dus ik hou op.
When all else fails, you always have delusion.
  dinsdag 6 maart 2012 @ 10:37:01 #82
56176 Catch22-
Ben je Blind?!
pi_108774105
je stelt vragen "help dit werkt niet" vervolgens moeten wij uit je trekken welk stuk code niet werkt en als wij je een richting opduwen kom je niet verder dan "ja maar ik snap er niets van"
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_108774145
quote:
0s.gif Op dinsdag 6 maart 2012 10:35 schreef Mirel het volgende:

[..]

Ik ben hier sinds gistermiddag al mee bezig.
Vraag jezelf eens af hoe dat komt. Ik heb al wat hints gegeven...

quote:
Daarom vind ik het niet leuk dat ik er beschuldigd van wordt dat ik kant en klaar oplossingen zit te wachten.
Hoe noem je het dan, als je zegt dat je nergens wat vanaf weet? Wat verwacht je dan dat het beeld van jou is bij ons als we zulke opmerkingen zien staan?

quote:
Ik ben nu een beetje moe van het boos en geïrriteerd zijn dus ik hou op.
Tsja, ik ben misschien iets te hard maar die frustratie die je nu hebt is te danken aan een onoverzichtelijke brei van code gemaakt door iemand die geen idee heeft wat hij/zij aan het doen is.
Die frustratie is geenzins op ons af te schuiven.

[ Bericht 0% gewijzigd door #ANONIEM op 06-03-2012 10:38:59 ]
  dinsdag 6 maart 2012 @ 10:38:41 #84
87680 Mirel
Mirel wil een bongophone.
pi_108774151
Mijn kennis ging niet verder dan níet inline code ergens neer te zetten, dingen aanroepen vanuit andere bestanden of scriptbestanden lukte ook niet. Totdaar gaat m'n kennis. Het is nogmaals een niet essentieel iets en ik heb nog andere dingen die ik nu moet doen en heb besloten om dat gifje maar te laten zitten.
When all else fails, you always have delusion.
pi_108774190
quote:
0s.gif Op dinsdag 6 maart 2012 10:38 schreef Mirel het volgende:
Mijn kennis ging niet verder dan níet inline code ergens neer te zetten, dingen aanroepen vanuit andere bestanden of scriptbestanden lukte ook niet. Totdaar gaat m'n kennis. Het is nogmaals een niet essentieel iets en ik heb nog andere dingen die ik nu moet doen en heb besloten om dat gifje maar te laten zitten.
Dan geef ik je een welgemeende tip mee; blijf ver uit de buurt van Javascript, leg je toe op CSS en HTML en laat de rest doen door iemand die daar wel mee overweg kan.
  dinsdag 6 maart 2012 @ 10:42:32 #86
87680 Mirel
Mirel wil een bongophone.
pi_108774265
Dat snap ik. Als het niet lukt om bestaande dingen toe te passen (zoals deze gedownloade code) dan laat ik het ook liggen. En als de hulp van de mensen uit dit topic ook niet kon baten, dan snap ik dat ik als newbie het ook beter kan laten liggen. En anders moet ik weer de hele structuur van de template uitspitten, weer contact opnemen met de template maker die in zijn gebrekkig Engels de boel uitlegt. Duurt me allemaal te lang voor een suf gifje die 9 van de 10 mensen toch niet zal zien. Als het iets essentieels was, dan had ik me er wel voor ingelezen.

Nu snap je ook waarom ik er op deze manier tegenaankijk, misschien kon ik dat ook van te voren zeggen :P
When all else fails, you always have delusion.
  dinsdag 6 maart 2012 @ 10:49:30 #87
56176 Catch22-
Ben je Blind?!
pi_108774479
Als je ipv een hele dag klooien gewoon een paar jQuery tutorials over event binding en debugging had doorgenomen, had je genoeg kennis gehad omdat dit te fiksen... Het is allemaal niet zo moeilijk, je moet alleen gestructureerd bezig gaan.
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?
  Redactie Sport / Supervogel dinsdag 6 maart 2012 @ 14:20:17 #88
270182 crew  Pino112
Pino van Luna O+
pi_108781793
Ja hoi, ik meld me ook maar eens.
http://weerfotosoudleusen.nl/
Ik zit met een stomme IE-bug qua CSS, en ik kom er niet uit.
De dropdown van Weerfeiten laat ie helemaal links zien. Niet de bedoeling dus.

Ik denk dat het in dit stukje CSS zit:
1
2
3
4
5
6
7
8
9
10
11		#up a.buttonclean:hover
{
display:inline-block;
font-weight:bold;
text-decoration:none;
width:90%;
line-height:20px;
border:0;
position:relative;
z-index:911;
}

Heeft iemand een tip om dit te fixen? :)
❤ DeLuna ❤
-------
De FOK! Custom CSS-tool - Top 2000 Stats - FPCL-uitslagen
  dinsdag 6 maart 2012 @ 14:50:56 #89
56176 Catch22-
Ben je Blind?!
pi_108782964
display:block ipv inline-block?

Ik denk dat het feit dat de parent een display:inline heeft ook niet helpt. Zie dit in je code trouwens:

#twitter ul, li { }

bedoel je niet ul, li of #twitter ul, #twitter li ?
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?
  Redactie Sport / Supervogel dinsdag 6 maart 2012 @ 15:13:25 #90
270182 crew  Pino112
Pino van Luna O+
pi_108783756
quote:
11s.gif Op dinsdag 6 maart 2012 14:50 schreef Catch22- het volgende:
display:block ipv inline-block?
Nope, werkt niet..
quote:
Ik denk dat het feit dat de parent een display:inline heeft ook niet helpt. Zie dit in je code trouwens:

#twitter ul, li { }

bedoel je niet ul, li of #twitter ul, #twitter li ?
Aangepast naar '#twitter ul, #twitter, li'. Zie geen merkbaar verschil met wat ik eerst had.

Verder ziet het er toch wel netjes uit?
❤ DeLuna ❤
-------
De FOK! Custom CSS-tool - Top 2000 Stats - FPCL-uitslagen
  dinsdag 6 maart 2012 @ 15:30:17 #91
56176 Catch22-
Ben je Blind?!
pi_108784310
Op zich wel. Alleen ben ik niet zo'n fan van meeschalen. Ik heb mijn browser vaak op 1600px breedte en dan is je content wel heel breed. Breder dan 600px moet je content niet laten worden eigenlijk. Ik zou hem centreren en vastpinnen op 960px;

dropdowns doe ik altijd met superfish icm hoverintent omdat dat fijner is voor gebruikers.
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_108788806
quote:
5s.gif Op dinsdag 6 maart 2012 15:13 schreef Pino112 het volgende:

Aangepast naar '#twitter ul, #twitter, li'. Zie geen merkbaar verschil met wat ik eerst had.
Dat zijn weer 3 compleet andere selectors.
http://www.w3schools.com/css/css_grouping_nesting.asp
zcflevo.nl
  dinsdag 6 maart 2012 @ 19:13:14 #93
230788 n8n
Pragmatisch
pi_108791506
quote:
11s.gif Op dinsdag 6 maart 2012 15:30 schreef Catch22- het volgende:
Op zich wel. Alleen ben ik niet zo'n fan van meeschalen. Ik heb mijn browser vaak op 1600px breedte en dan is je content wel heel breed. Breder dan 600px moet je content niet laten worden eigenlijk. Ik zou hem centreren en vastpinnen op 960px;

dropdowns doe ik altijd met superfish icm hoverintent omdat dat fijner is voor gebruikers.
Meeschalen is geen probleem als het maar goed gebeurd :@
“Specialization is for insects”.—Robert Heinlein
  dinsdag 6 maart 2012 @ 19:17:21 #94
56176 Catch22-
Ben je Blind?!
pi_108791680
Klopt. Maar als content te breed wordt is t niet goed :-)
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?
  Redactie Sport / Supervogel dinsdag 6 maart 2012 @ 20:04:53 #95
270182 crew  Pino112
Pino van Luna O+
pi_108794128
quote:
11s.gif Op dinsdag 6 maart 2012 19:17 schreef Catch22- het volgende:
Klopt. Maar als content te breed wordt is t niet goed :-)
Nadeel dat ik alleen maar op max 1680*1050 kan testen, en daar vind ik het niet lelijk staan eigenlijk.
En de klant ook niet..
❤ DeLuna ❤
-------
De FOK! Custom CSS-tool - Top 2000 Stats - FPCL-uitslagen
pi_108794464
quote:
14s.gif Op dinsdag 6 maart 2012 20:04 schreef Pino112 het volgende:

[..]

Nadeel dat ik alleen maar op max 1680*1050 kan testen, en daar vind ik het niet lelijk staan eigenlijk.
En de klant ook niet..
Pssst. Het is niet verplicht om je browser fullscreen te zetten! ;)

[ Bericht 0% gewijzigd door KomtTijd... op 06-03-2012 20:18:08 ]
zcflevo.nl
  dinsdag 6 maart 2012 @ 21:57:21 #97
230788 n8n
Pragmatisch
pi_108800269
quote:
14s.gif Op dinsdag 6 maart 2012 20:04 schreef Pino112 het volgende:

[..]

Nadeel dat ik alleen maar op max 1680*1050 kan testen, en daar vind ik het niet lelijk staan eigenlijk.
En de klant ook niet..
Toch is het aan te raden niet meer dan 75 karakters per zin te gebruiken, daarnaast is iets meer regelafstand ook geen overbodige luxe.

quote:
Kies 66 karakters als regellengte
Een regellente van 45 tot 75 karakters ervaren lezers als prettig. Een regellengte van 66 karakters, inclusief spaties, is optimaal. De ogen leggen dan een prettige afstand naar het begin van de volgende regel af en hoeven dit niet te vaak te doen. Het aantal karakters per regel vind je door de tekst te kopiëren en te tellen met bijvoorbeeld het online tel programma van Javascript Kit. Daarna deel je het resultaat door het aantal regels.
http://www.bzzen.com/2010/02/leesbaarheid-van-tekst/
“Specialization is for insects”.—Robert Heinlein
  woensdag 7 maart 2012 @ 09:28:29 #98
63192 ursel
"Het Is Hier Fantastisch!
pi_108810948
Ik zou graag de gradient functie willen gebruiken. Het is de bedoeling dat deze voor mijn gehele wrapper gaat plaats vinden. Echter zou ik de gradient maar over +/- 1/3e van de wrapper willen laten lopen. Vanaf daar moet de onderste kleur door blijven lopen, afhankelijk van de totale hoogte.

Hoe kan ik dat het beste oplossen?
Ben bezig de website te voorzien van wat betere opmaak code en optimalisatie. Zie deze website voor het voorbeeld wat ik bedoel:
http://www.zoovadopts.com/
  woensdag 7 maart 2012 @ 09:33:53 #99
56176 Catch22-
Ben je Blind?!
pi_108811093
http://css3please.com/

http://gradients.glrzad.com/

http://www.colorzilla.com/gradient-editor/

http://css3generator.com/

en even pielen :)

of als je het met een afbeelding wil doen; is die 1/3e een vaste hoogte of variabel?
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 7 maart 2012 @ 10:12:20 #100
63192 ursel
"Het Is Hier Fantastisch!
pi_108812015
quote:
11s.gif Op woensdag 7 maart 2012 09:33 schreef Catch22- het volgende:
http://css3please.com/

http://gradients.glrzad.com/

http://www.colorzilla.com/gradient-editor/

http://css3generator.com/

en even pielen :)

of als je het met een afbeelding wil doen; is die 1/3e een vaste hoogte of variabel?
Tis nu een groot plaatje en probeer daar wat winst te behalen. :+
Ga er even mee pielen 8-) Bedankt
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] Waar dummies iniatief gaan tonen! ;) #23
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')