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.
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.
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.
  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.
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.
  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.
  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.
  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.
  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 :')
  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.
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 ;) )
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? :)
  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?
  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
  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..
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 ]
  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
  woensdag 7 maart 2012 @ 10:23:22 #101
56176 Catch22-
Ben je Blind?!
pi_108812250
ik zou het met CSS3 doen in dat geval, met een plaatje als backup voor IE.

Is het een gradient of radial? Want een gradient hoeft maar 1px breed te zijn he.
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 @ 11:04:18 #102
63192 ursel
"Het Is Hier Fantastisch!
pi_108813379
quote:
11s.gif Op woensdag 7 maart 2012 10:23 schreef Catch22- het volgende:
ik zou het met CSS3 doen in dat geval, met een plaatje als backup voor IE.

Is het een gradient of radial? Want een gradient hoeft maar 1px breed te zijn he.
Gewoon linear gradient lines. Zie de link.
Maar snap alleen niet wat je bedoeld met 1px breed. :{
  woensdag 7 maart 2012 @ 11:07:10 #103
12221 Tijn
Powered by MS Paint
pi_108813455
quote:
11s.gif Op woensdag 7 maart 2012 10:23 schreef Catch22- het volgende:

ik zou het met CSS3 doen in dat geval, met een plaatje als backup voor IE.
Ik zou voor IE een Direct X filter gebruiken. Dan hoef je niet te klungelen met plaatjes en kun je alles vanuit je CSS doen.
  woensdag 7 maart 2012 @ 11:25:11 #104
87680 Mirel
Mirel wil een bongophone.
pi_108814011
Bestaat er nog een kortere manier om dit op te schrijven? Spatie met :hover helemaal achterin werkte niet.

1.icon_twitter:hover, .icon_facebook:hover, .icon_youtube:hover, .icon_vimeo:hover, .icon_googleplus:hover{
When all else fails, you always have delusion.
  woensdag 7 maart 2012 @ 11:26:44 #105
50298 QM84
Het Orakel
pi_108814066
Op al die iconen een extra class toevoegen die voor al die iconen hetzelfde is? (.icon bvb),
dan hoef je alleen .icon:hover te stylen.
dat dus.
  woensdag 7 maart 2012 @ 11:34:53 #106
87680 Mirel
Mirel wil een bongophone.
pi_108814344
Oh :o ik wist niet dat je 2 classes kon doen op 1 element. Ik deed altijd een class en id als het nodig was.
When all else fails, you always have delusion.
pi_108814634
Mijn site doet trouwens he-le-maal niets in IE. Dat lijkt me niet echt goed. :') Alleen het menu doet het ongeveer.
pi_108814669
quote:
7s.gif Op woensdag 7 maart 2012 11:26 schreef QM84 het volgende:
Op al die iconen een extra class toevoegen die voor al die iconen hetzelfde is? (.icon bvb),
dan hoef je alleen .icon:hover te stylen.
of .parentelement img
pi_108814672
quote:
0s.gif Op woensdag 7 maart 2012 11:42 schreef RenRen- het volgende:
Mijn site doet trouwens he-le-maal niets in IE. Dat lijkt me niet echt goed. :') Alleen het menu doet het ongeveer.
Doe je goed :D
pi_108814690
quote:
10s.gif Op woensdag 7 maart 2012 11:43 schreef Scorpie het volgende:

[..]

Doe je goed :D
Ja, en waar het aan kan liggen weet ik ook niet _O- Gelukkig kom ik er nu achter en niet als ik mijn eindproduct moet presenteren :')
  woensdag 7 maart 2012 @ 13:15:01 #111
50298 QM84
Het Orakel
pi_108818186
IE wil nog wel eens moeilijk doen over fouten in de tags, > vergeten achter een tag oid.
Javascript-fout kan ook een oorzaak zijn.

En als je font-face gebruikt: er zijn een paar fonts waar IE over valt, en het dus ook vertikt om te werken, als je die gebruikt.
dat dus.
pi_108818247
quote:
7s.gif Op woensdag 7 maart 2012 13:15 schreef QM84 het volgende:
IE wil nog wel eens moeilijk doen over fouten in de tags, > vergeten achter een tag oid.
Javascript-fout kan ook een oorzaak zijn.

En als je font-face gebruikt: er zijn een paar fonts waar IE over valt, en het dus ook vertikt om te werken, als je die gebruikt.
Ik heb er snel naar gekeken en het lijkt erop dat alle tags zijn afgesloten, als ik tijd heb ga ik daar even uitgebreid naar kijken en alle tags nalopen.

En ik gebruik wel fontface, met een alternatief font dat op iedere computer te vinden is, maar dat zou toch niet de reden moeten zijn voor een (voor het grootste deel) lege pagina? :o Of wel en moet ik dat eruit filteren voor IE?

Bedankt voor het meedenken.
  woensdag 7 maart 2012 @ 13:19:37 #113
50298 QM84
Het Orakel
pi_108818356
Welk font is het? Ik weet namelijk even niet meer welk font het precies is, maar ik ben een paar maanden geleden tegen eenzelfde bug aangelopen, en met wat geGoogle, bleek het inderdaad aan het font te liggen. Dat is gewoon echt een bug in IE die er al sinds tijden inzit en niet gefikst wordt..
dat dus.
pi_108818393
Uhh... Eentje Bazar, de ander Ubuntu
  woensdag 7 maart 2012 @ 13:23:28 #115
87680 Mirel
Mirel wil een bongophone.
pi_108818496
quote:
0s.gif Op woensdag 7 maart 2012 13:16 schreef RenRen- het volgende:

[..]

Ik heb er snel naar gekeken en het lijkt erop dat alle tags zijn afgesloten, als ik tijd heb ga ik daar even uitgebreid naar kijken en alle tags nalopen.

En ik gebruik wel fontface, met een alternatief font dat op iedere computer te vinden is, maar dat zou toch niet de reden moeten zijn voor een (voor het grootste deel) lege pagina? :o Of wel en moet ik dat eruit filteren voor IE?

Bedankt voor het meedenken.
Gebruikt een tool zoals Notepad++. Die zet code die fout is om naar standaard zwarte tekst. En als je op een begin tag klikt, dan wordt die gehighlight, en de einde tag ook. :)
When all else fails, you always have delusion.
pi_108818605
quote:
0s.gif Op woensdag 7 maart 2012 13:23 schreef Mirel het volgende:

[..]

Gebruikt een tool zoals Notepad++. Die zet code die fout is om naar standaard zwarte tekst. En als je op een begin tag klikt, dan wordt die gehighlight, en de einde tag ook. :)
Je bedoelt dat dan alles wat binnen die tag valt wordt gehighlight? Even kijken waar ik die kan vinden, kan ik die tool gebruiken om te controleren.
pi_108818651
Welke IE-versies gaat het fout in?
IE9 heeft toch ook iets van development tools die je zou kunnen gebruiken?
  woensdag 7 maart 2012 @ 13:27:04 #118
56176 Catch22-
Ben je Blind?!
pi_108818657
Notepad++ is niet heeeel sterk daarin.

Ik gebruik Visual Studio, die doet al iets beter, maar ook niet perfect.
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_108818679
*kuch* Eclipe met Webtools *kuch*

Maar ja, ik programmeer dan ook in Java/PHP/Javascript/HTML/XML/JSON/CSS in Eclipse.

[ Bericht 59% gewijzigd door #ANONIEM op 07-03-2012 13:28:15 ]
pi_108818758
quote:
14s.gif Op woensdag 7 maart 2012 13:26 schreef KomtTijd... het volgende:
Welke IE-versies gaat het fout in?
IE9 heeft toch ook iets van development tools die je zou kunnen gebruiken?
Ik denk 9, maar ik moet nu weg, dus kan niet kijken, ik laat het je nog zeker weten.

Het kán 8 zijn, maar ik heb geen idee.
pi_108853474
Het is dus 9 en zie geen development tools oid.

Ik heb ook even gekeken, alle tagjes worden afgesloten, en ik heb zeker goed gekeken naar het punt waar het mis lijkt te gaan (De eerste div die niet meer zichtbaar is), en daarzie ik ook niets geks aan.
pi_108853486
Dan wordt het trial & error, uitschakelen van styles / divs totdat je het gevonden hebt.
pi_108853500
quote:
0s.gif Op donderdag 8 maart 2012 08:48 schreef Scorpie het volgende:
Dan wordt het trial & error, uitschakelen van styles / divs totdat je het gevonden hebt.
jjasjlkdjsalkd. Doe ik wel als ik tijd heb dit weekend :( Alles opnieuw bouwen, best een kutklus.
pi_108853537
quote:
0s.gif Op donderdag 8 maart 2012 08:49 schreef RenRen- het volgende:

[..]

jjasjlkdjsalkd. Doe ik wel als ik tijd heb dit weekend :( Alles opnieuw bouwen, best een kutklus.
Opnieuw bouwen? Welnee. Je weet toch wel wat <!-- --!> doet en /** **/ doet?
pi_108853950
quote:
0s.gif Op donderdag 8 maart 2012 08:52 schreef Scorpie het volgende:

[..]

Opnieuw bouwen? Welnee. Je weet toch wel wat <!-- --!> doet en /** **/ doet?
...
Oh.
Kan dat ook.
Dankje, dat scheelt echt een hoop _O-
  donderdag 8 maart 2012 @ 09:23:17 #126
56176 Catch22-
Ben je Blind?!
pi_108854027
1
2
3
4
*{
    margin:0;
    padding:0;
}
haal dat eens weg en include voor je reguliere stylesheet een normalize.css.
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?
  donderdag 8 maart 2012 @ 09:40:55 #127
87680 Mirel
Mirel wil een bongophone.
pi_108854438
Hoe nieuw is dat normalize.css eigenlijk? Ik heb daar nooit wat van gehoord tijdens de lessen op school :?
When all else fails, you always have delusion.
  donderdag 8 maart 2012 @ 09:59:41 #128
63192 ursel
"Het Is Hier Fantastisch!
pi_108854864
quote:
0s.gif Op donderdag 8 maart 2012 09:40 schreef Mirel het volgende:
Hoe nieuw is dat normalize.css eigenlijk? Ik heb daar nooit wat van gehoord tijdens de lessen op school :?
Geen flauw idee hoe nieuw het is. Kwam het toevallig van de week tegen en dit is hoe ze het noemen:

A modern, HTML5-ready alternative to CSS reset
pi_108855175
quote:
11s.gif Op donderdag 8 maart 2012 09:23 schreef Catch22- het volgende:

[ code verwijderd ]

haal dat eens weg en include voor je reguliere stylesheet een normalize.css.
Of nog beter: gebruik helemaal geen reset.
pi_108855271
quote:
14s.gif Op donderdag 8 maart 2012 10:13 schreef KomtTijd... het volgende:

[..]

Of nog beter: gebruik helemaal geen reset.
Of nog beter: toch wel
  donderdag 8 maart 2012 @ 10:18:39 #131
134533 donroyco
dus niet Donroyco
pi_108855315
quote:
14s.gif Op donderdag 8 maart 2012 10:13 schreef KomtTijd... het volgende:

[..]

Of nog beter: gebruik helemaal geen reset.
Juist wel.
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_108855351
[/eindeloze discussie]
  donderdag 8 maart 2012 @ 11:43:33 #133
56176 Catch22-
Ben je Blind?!
pi_108857832
normalize.css is gewoon verdomde handig. Je houdt je stylen; alleen wel overal gelijk. Dus UL's werken wel gewoon, maar wel in elke browser met dezelfde paddings.
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?
  donderdag 8 maart 2012 @ 11:46:47 #134
137776 boem-dikkie
Jedi Mind Baby!
pi_108857947
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 maart 2012 @ 11:49:31 #135
134533 donroyco
dus niet Donroyco
pi_108858052
quote:
7s.gif Op donderdag 8 maart 2012 11:46 schreef boem-dikkie het volgende:
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
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. :'(
  donderdag 8 maart 2012 @ 12:45:25 #136
56176 Catch22-
Ben je Blind?!
pi_108859880
quote:
7s.gif Op donderdag 8 maart 2012 11:46 schreef boem-dikkie het volgende:
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
alleen haalt een reset ALLE stijlen weg, dus een <strong> tag zorgt niet meer voor vetgedrukte tekst, een LI springt niet in etc etc.

normalize.css zorgt ervoor dat een li in elke browser hetzelfde inspringt. Dat een H3 in elke browser standaard even groot wordt etc etc.
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?
  donderdag 8 maart 2012 @ 13:01:54 #137
50298 QM84
Het Orakel
pi_108860424
quote:
11s.gif Op donderdag 8 maart 2012 12:45 schreef Catch22- het volgende:

[..]

alleen haalt een reset ALLE stijlen weg, dus een <strong> tag zorgt niet meer voor vetgedrukte tekst, een LI springt niet in etc etc.

normalize.css zorgt ervoor dat een li in elke browser hetzelfde inspringt. Dat een H3 in elke browser standaard even groot wordt etc etc.
Precies: Een kwestie van voorkeur. Ik vind het zelf heel handig, om de <strong> te stylen zoals ik dat wil. Soms is het vetgedrukt, maar het kan ook een iets groter font zijn, of italic, of... Hetzelfde als een li; in de meeste gevallen dat ik li's gebruik, wil ik ook niet dat ze inspringen; eigenlijk alleen bij lijstjes in de content-area wel; dan stijl ik liever die op inspringen, en de rest gewoon niet.

Maw: mijn voorkeur gaat uit naar een reset. Ik snap ook best dat anderen liever een normalize hebben; 't is maar net wat je zelf het makkelijkst werken vindt. Hier is geen goed of fout in, geen reden waarom je de ene móét gebruiken en de ander niet.
dat dus.
  donderdag 8 maart 2012 @ 13:03:51 #138
56176 Catch22-
Ben je Blind?!
pi_108860492
quote:
7s.gif Op donderdag 8 maart 2012 13:01 schreef QM84 het volgende:

[..]

Precies: Een kwestie van voorkeur. Ik vind het zelf heel handig, om de <strong> te stylen zoals ik dat wil. Soms is het vetgedrukt, maar het kan ook een iets groter font zijn, of italic, of...
Dat is semantisch niet oke natuurlijk
quote:
Hetzelfde als een li; in de meeste gevallen dat ik li's gebruik, wil ik ook niet dat ze inspringen; eigenlijk alleen bij lijstjes in de content-area wel; dan stijl ik liever die op inspringen, en de rest gewoon niet.
ook dit is semantisch niet geheel correct. Een lijst springt in principe in. De afwijking is in menu's, ik defenieer liever in een menu dat het anders moet, want het standaardgedrag is dan semantisch oke.
quote:
Maw: mijn voorkeur gaat uit naar een reset. Ik snap ook best dat anderen liever een normalize hebben; 't is maar net wat je zelf het makkelijkst werken vindt. Hier is geen goed of fout in, geen reden waarom je de ene móét gebruiken en de ander niet.
Ik gebruikte heel lang resets, maar ben nu overgestapt naar een normalize stylesheet.

en LESS. Goddomme wat is dat fijn! CSS3 zonder LESS (of SASS) is echt een drama.
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?
  donderdag 8 maart 2012 @ 13:08:19 #139
91039 mstx
2x1/2 = 1/2 x 1/2
pi_108860654
quote:
7s.gif Op donderdag 8 maart 2012 13:01 schreef QM84 het volgende:

[..]

Precies: Een kwestie van voorkeur. Ik vind het zelf heel handig, om de <strong> te stylen zoals ik dat wil. Soms is het vetgedrukt, maar het kan ook een iets groter font zijn, of italic, of...
Waarom??
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
  donderdag 8 maart 2012 @ 13:10:54 #140
50298 QM84
Het Orakel
pi_108860744
Wat heeft dikgedrukte tekst of insprong met semantiek te maken?
Strong is een tag die aangeeft dat de tekst daarbinnen extra benadrukt moet worden. Hoe je dat visueel oplost, heeft 0,niks met semantiek te maken. Zelfde principe voor lijsten..

Ik gebruik ook SCSS sinds kort, maar ik ben er nog niet helemaal over te spreken.. het moedigt aan om rommelig en inefficiënt te coderen. Op zich kan het qua css3-mixins wel handig zijn. Maar bvb de tijd die je kwijt bent aan het debuggen, wat een stuk lastiger is geworden, weegt daar imho niet tegenop.

quote:
9s.gif Op donderdag 8 maart 2012 13:08 schreef mstx het volgende:

[..]

Waarom??
Omdat designers soms rare mensen zijn?
dat dus.
pi_108862014
Oke wacht even zorgt een normalize.css ervoor dat alles hetzelfde wordt gerenderd? Want ik heb nu een probleem dat alles in Chrome er goed uit ziet, in Firefox bijna alles, en in IE :') Naja daar ga ik het niet eens over hebben.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 13:54:37 #142
56176 Catch22-
Ben je Blind?!
pi_108862088
quote:
7s.gif Op donderdag 8 maart 2012 13:10 schreef QM84 het volgende:
Wat heeft dikgedrukte tekst of insprong met semantiek te maken?
Strong is een tag die aangeeft dat de tekst daarbinnen extra benadrukt moet worden. Hoe je dat visueel oplost, heeft 0,niks met semantiek te maken. Zelfde principe voor lijsten..
een lijst die achterelkaar staat is niet echt een lijst natuurlijk. En EM is voor nadruk (emphasis). Maargoed; suit yourself.
quote:
Ik gebruik ook SCSS sinds kort, maar ik ben er nog niet helemaal over te spreken.. het moedigt aan om rommelig en inefficiënt te coderen. Op zich kan het qua css3-mixins wel handig zijn. Maar bvb de tijd die je kwijt bent aan het debuggen, wat een stuk lastiger is geworden, weegt daar imho niet tegenop.
Dat ligt aan jezelf, je moet wel gestructureerd blijven werken. Voor mij is LESS wel iets dat mij tijd bespaart. Door zowel de mixin's als de nesting.
quote:
17s.gif Op donderdag 8 maart 2012 13:52 schreef DutchErrorist het volgende:
Oke wacht even zorgt een normalize.css ervoor dat alles hetzelfde wordt gerenderd? Want ik heb nu een probleem dat alles in Chrome er goed uit ziet, in Firefox bijna alles, en in IE :') Naja daar ga ik het niet eens over hebben.
niet alles natuurlijk. Maar het zorgt er wel voor dat de basis overal gelijk is.

[ Bericht 5% gewijzigd door Catch22- op 08-03-2012 14:08:00 ]
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_108862149
quote:
11s.gif Op donderdag 8 maart 2012 13:54 schreef Catch22- het volgende:

[..]

Dat ligt aan jezelf, je moet wel gestructureerd blijven werken. Voor mij is LESS wel iets dat mij tijd bespaart. Door zowel de mixin's als de nesting.

[..]

niet alles natuurlijk. Maar het zorgt er wel voor dat de basis overal gelijk is.
Oeeeeeh even kijken :D
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 14:05:29 #144
230788 n8n
Pragmatisch
pi_108862434
quote:
7s.gif Op donderdag 8 maart 2012 11:46 schreef boem-dikkie het volgende:
Ik vind een 'reset' wel handig. Dan wordt alles zo gestyled zoals ik zelf aangeef in plaats van de user agent stylesheet die alles in elke browser anders pleurt.
Dit en het font van de body op 62.5% zodat een em 10 pixels representeert. Door px, em en % goed in te zetten kan je heel nice websites maken die zich aanpassen aan de browser.
Specialization is for insects”.—Robert Heinlein
pi_108862581
Oke nou mogen jullie mij even helpen ik zit gewoon even wat te kutten enzo, maar nu kom ik dit tegen.

Links is Chrome, rechts is Firefox. Dit is de CSS die er bij zit.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#left {
    background: url('images/title.gif') repeat-x;
    float: left;
    width: 300px;
    background-color: white;
    margin: 6px;
    border-style:solid;
    border-color:black;
    border-width: 0 1px 1px 1px;
}

#left h1 {
    font-size: 8px;
    letter-spacing: 1px;
    font-family: pixChicagoRegular;
    font-weight:normal;

Font doet er even niet toe. Arial doet het net zo hard.

Hoe krijg ik nu die 2 h1's op dezelfde hoofte
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 14:17:32 #146
56176 Catch22-
Ben je Blind?!
pi_108862810
series, wat denk je nou?

wat voor verdere stylen heeft die h1 en waar komt die streep vandaan?
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?
  donderdag 8 maart 2012 @ 14:26:05 #147
137776 boem-dikkie
Jedi Mind Baby!
pi_108863064
quote:
17s.gif Op donderdag 8 maart 2012 13:52 schreef DutchErrorist het volgende:
Oke wacht even zorgt een normalize.css ervoor dat alles hetzelfde wordt gerenderd? Want ik heb nu een probleem dat alles in Chrome er goed uit ziet, in Firefox bijna alles, en in IE :') Naja daar ga ik het niet eens over hebben.
Dat zorgt er voor dat de standaard stijl die aan bepaalde elementen wordt gehangen door de browser (paddings, margins, inspringen van list items, e.d.) worden 'gereset' naar een vaste waarde zodat ze in alle browsers hetzelfde zijn en zo worden als dat jij aangeeft in je CSS.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108863181
quote:
11s.gif Op donderdag 8 maart 2012 14:17 schreef Catch22- het volgende:
series, wat denk je nou?

wat voor verdere stylen heeft die h1 en waar komt die streep vandaan?
Die streep komt van dat gifje (die title.gif) en verder heeft die h1 geen stylen.

Sorry als ik het helemaal verkeerd doe oke ;( Niet boos zijn.

Zonder dat gifje is er niets anders en staat die tekst precies hetzelfde.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 14:36:32 #149
56176 Catch22-
Ben je Blind?!
pi_108863418
kan je de html van dat blokje niet online zetten?
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_108863481
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="left">
<h1>    GetSimple Features</h1>
<ul>    
<li>XML based data storage</li>
<li>Best-in-Class User Interface</li>
<li>'Undo' protection & backups</li>
<li>Easy to theme</li>
<li>Great documentation</li>
<li>Growing community</li>
</ul>
<p>This is your sidebar text. Please change me in <em>Theme -> Edit Components</em></p>
<p><a href="http://get-simple.info/download/">Download the Latest GetSimple</a></p>
</div>
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 14:40:31 #151
56176 Catch22-
Ben je Blind?!
pi_108863513
geef die h1 eens margin:0; en padding:0;, want hij heeft in Chrome een padding gok 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_108863584
quote:
11s.gif Op donderdag 8 maart 2012 14:40 schreef Catch22- het volgende:
geef die h1 eens margin:0; en padding:0;, want hij heeft in Chrome een padding gok ik
Dan zet hij het goed in chrome maar staat het verkeerd firefox in (tegen de bovenkant gedrukt) .
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 14:51:29 #153
63192 ursel
"Het Is Hier Fantastisch!
pi_108863823
Misschien de normalize.css includen :7
pi_108863859
quote:
0s.gif Op donderdag 8 maart 2012 14:51 schreef ursel het volgende:
Misschien de normalize.css includen :7
:D al gedaan.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  donderdag 8 maart 2012 @ 15:59:51 #155
56176 Catch22-
Ben je Blind?!
pi_108866165
quote:
17s.gif Op donderdag 8 maart 2012 14:43 schreef DutchErrorist het volgende:

[..]

Dan zet hij het goed in chrome maar staat het verkeerd firefox in (tegen de bovenkant gedrukt) .
er zit ergens een margin of padding die niet goed is. Zonder een codevoorbeeld kan ik je niet vertellen wat en moet je het zelf vinden.
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_108866462
Ik heb een vraag.

Ik heb een webshop en als je hebt besteld dan kom je op de success pagina.



Nu heb ik daar een stuk omcirkeld waar ik een BOX wil hebben zodat dat stukje opvalt en mensen eerder geneigd zijn om het te delen.

Ik heb gisteren het internet afgespeurd maar ik kan echt niet vinden hoe ik dat nou naar voren kan laten springen. Er moet dus niet alleen een rand omheen maar alles daar binnen moet beetje lichtgrijs zijn.

Kan iemand me hiermee helpen, liefst via Skype.

Het liefst wil ik zo'n systeem maar dat was lastig te maken.



Bedankt!
If not now, then when.
pi_108866654
quote:
11s.gif Op donderdag 8 maart 2012 15:59 schreef Catch22- het volgende:

[..]

er zit ergens een margin of padding die niet goed is. Zonder een codevoorbeeld kan ik je niet vertellen wat en moet je het zelf vinden.
Ik zal even zoeken.
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
pi_108866731
quote:
0s.gif Op donderdag 8 maart 2012 16:07 schreef Yuri_Boyka het volgende:
Ik heb een vraag.

Ik heb een webshop en als je hebt besteld dan kom je op de success pagina.

[ afbeelding ]

Nu heb ik daar een stuk omcirkeld waar ik een BOX wil hebben zodat dat stukje opvalt en mensen eerder geneigd zijn om het te delen.

Ik heb gisteren het internet afgespeurd maar ik kan echt niet vinden hoe ik dat nou naar voren kan laten springen. Er moet dus niet alleen een rand omheen maar alles daar binnen moet beetje lichtgrijs zijn.

Kan iemand me hiermee helpen, liefst via Skype.

Het liefst wil ik zo'n systeem maar dat was lastig te maken.

[ afbeelding ]

Bedankt!
Dit is echt basis css. Ik neem aan dat dat blok al in een div of soortgelijk element zit, en waarschijnlijk zelfs met een class of een id eraan dat je kan gebruiken om het te stijlen. Dan mag je zelf even gaan zoeken hoe je css gebruikt om borders, achtergrondkleuren en eventueel zelfs een box-shadow toe te voegen.
pi_108866987
quote:
14s.gif Op donderdag 8 maart 2012 16:15 schreef picodealion het volgende:

[..]

Dit is echt basis css. Ik neem aan dat dat blok al in een div of soortgelijk element zit, en waarschijnlijk zelfs met een class of een id eraan dat je kan gebruiken om het te stijlen. Dan mag je zelf even gaan zoeken hoe je css gebruikt om borders, achtergrondkleuren en eventueel zelfs een box-shadow toe te voegen.
:') Dat heb ik gedaan maar kom alleen lelijke boxxen tegen. Het moet er echt fancy uit zien. Wat ik trouwens een beetje jammer vind is dat ik hier met een vraag kom en ik een reactie krijg van jou dat ik het maar lekker zelf moet gaan uitzoeken. Ik kom hier niets voor niets. 8)7

Ik ben een totale noob qua coding dus zou ook niet weten in welke file dit precies zou moeten en dat ik het zo fix dat het op die desbetreffende pagina komt.
If not now, then when.
  donderdag 8 maart 2012 @ 16:22:13 #160
56176 Catch22-
Ben je Blind?!
pi_108867022
quote:
0s.gif Op vrijdag 2 maart 2012 10:23 schreef Catch22- het volgende:
[html, css, js] Voor Dummies
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.
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_108867530
quote:
11s.gif Op donderdag 8 maart 2012 16:22 schreef Catch22- het volgende:

[..]

Ja leuk en aardig en ik begrijp het ook wel. Maar ik heb het al druk zat met andere zaken rondom de business dat ik geen tijd heb om zoveel tijd te spenderen om uit te zoeken hoe ik een box kan maken daar, wat voor jullie a piece of cake is.

Ik wil het liefst zoiets als die oranje of die blauwe. Ik heb de files doorgekeken van die specifieke theme waarin dit shorcuts/codes zijn maar daar zie ik door de bomen het niet bos niet meer.

If not now, then when.
  donderdag 8 maart 2012 @ 16:36:45 #162
56176 Catch22-
Ben je Blind?!
pi_108867591
als je het zo druk hebt en de zaken dus zo goed gaan, heb je vast wel 100 euro liggen om een ZZP'er 2 uurtjes in te huren
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?
  donderdag 8 maart 2012 @ 16:53:27 #163
330093 McCandless
I'm supertramp
pi_108868221
Ik ben een beginneling en heb een vraag. Hoeveel tijd gaat het me ongeveer kosten om html en CSS goed onder de knie te krijgen en hoe leer ik mijzelf nou echt een goede manier van code schrijven aan?

Probleem is een beetje dat ik braaf wat tutorials doorgelopen heb, maar dat ik eigenlijk niet echt een project heb waarmee ik het geleerde in praktijk kan brengen. Mijn uiteindelijke doel is dat ik zelf een webshop via een eenvoudig open-source systeem op kan zetten, maar om daar nou meteen mee te beginnen is gewoon nog een stap te ver voor mij.

Hoe hebben jullie het gedaan? Ik vergeet nu vaak al weer wat ik vorige week gelezen/gedaan heb, dus ik neem aan dat succes hem vooral zit in de herhaling?
  donderdag 8 maart 2012 @ 16:54:48 #164
134533 donroyco
dus niet Donroyco
pi_108868272
quote:
5s.gif Op donderdag 8 maart 2012 16:53 schreef McCandless het volgende:
Ik ben een beginneling en heb een vraag. Hoeveel tijd gaat het me ongeveer kosten om html en CSS goed onder de knie te krijgen en hoe leer ik mijzelf nou echt een goede manier van code schrijven aan?

Probleem is een beetje dat ik braaf wat tutorials doorgelopen heb, maar dat ik eigenlijk niet echt een project heb waarmee ik het geleerde in praktijk kan brengen. Mijn uiteindelijke doel is dat ik zelf een webshop via een eenvoudig open-source systeem op kan zetten, maar om daar nou meteen mee te beginnen is gewoon nog een stap te ver voor mij.

Hoe hebben jullie het gedaan? Ik vergeet nu vaak al weer wat ik vorige week gelezen/gedaan heb, dus ik neem aan dat succes hem vooral zit in de herhaling?
Leuk dat je het wil oppakken! Herhaling is inderdaad de heilige graal. En vooral er (voortdurend) mee bezig zijn.
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. :'(
  donderdag 8 maart 2012 @ 16:58:39 #165
330093 McCandless
I'm supertramp
pi_108868435
quote:
7s.gif Op donderdag 8 maart 2012 16:54 schreef donroyco het volgende:

[..]

Leuk dat je het wil oppakken! Herhaling is inderdaad de heilige graal. En vooral er (voortdurend) mee bezig zijn.
Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
  donderdag 8 maart 2012 @ 16:58:40 #166
230788 n8n
Pragmatisch
pi_108868436
Zorg alleen alsjeblieft–voor iedereen–dat je wel kwaliteit gaat produceren en niet als zovelen alles snel in elkaar leert te hacken op een manier waarmee nu >80% van alle websites worden gemaakt. Dit betekend veel uitproberen, veel artikelen lezen en elke 'webtaal' gebruiken waarvoor deze bedoeld is.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:00:52 #167
330093 McCandless
I'm supertramp
pi_108868504
quote:
7s.gif Op donderdag 8 maart 2012 16:58 schreef n8n het volgende:
Zorg alleen alsjeblieft–voor iedereen–dat je wel kwaliteit gaat produceren en niet als zovelen alles snel in elkaar leert te hacken op een manier waarmee nu >80% van alle websites worden gemaakt. Dit betekend veel uitproberen, veel artikelen lezen en elke 'webtaal' gebruiken waarvoor deze bedoeld is.
Nouja, ik hou me op dit moment veel bezig met SEO dus weet hoe belangrijk het is dat een website goed in elkaar steekt qua techniek en code en heb het er ook zeker wel voor over om dit te leren, maar ik wil wel graag een beeld hebben van hoe lang het zou duren voor ik één en ander weet.
  donderdag 8 maart 2012 @ 17:01:57 #168
230788 n8n
Pragmatisch
pi_108868535
quote:
2s.gif Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:

[..]

Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
Ligt er ook aan over welke kennis je beschikt en waar je mee begint. Zou je aanraden om je eerst volledig te focussen op html, de basis van het web. Dan css om de opmaak te leren, javascript voor extra functionaliteit en dan php om daadwerkelijk applicaties te schrijven.

Met deze 4 zaken kom je wel een eind, daarnaast raad ik aan om artikelen over UX, SEO, Usability, typografie etc. te lezen, liefst dagelijks want het is een markt die vol aan het evolueren is
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:02:19 #169
137776 boem-dikkie
Jedi Mind Baby!
pi_108868546
quote:
2s.gif Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:

[..]

Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
Koop dit boek:

http://www.bol.com/nl/p/e(...)010712714/index.html

Bijzonder goed vormgegeven boek om HTML en CSS te leren. Als je even Google'd vind je wel een inkijkexemplaar met wat pagina's.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 maart 2012 @ 17:03:13 #170
56176 Catch22-
Ben je Blind?!
pi_108868579
quote:
2s.gif Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:

[..]

Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
Zorg dat je een goede basis hebt.

Html
- welke tags zijn er?
- welke tags gebruik je wanneer?
CSS
- Welke properties zijn er?
- Wat is een blockelement?
- Wat doen floats?
JS
- Hoe werkt de basis?

en ga dan proberen een standaard Wordpress installatie te begrijpen. Of probeer een andere site na te maken...

de hoeveelheid tijd die je nodig hebt ligt tussen een half jaar en infinity, afhankelijk van hoeveel tijd je er wekelijks insteekt en hoe snel je het oppakt.
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?
  donderdag 8 maart 2012 @ 17:03:39 #171
56176 Catch22-
Ben je Blind?!
pi_108868587
quote:
14s.gif Op donderdag 8 maart 2012 17:02 schreef boem-dikkie het volgende:

[..]

Koop dit boek:

http://www.bol.com/nl/p/e(...)010712714/index.html

Bijzonder goed vormgegeven boek om HTML en CSS te leren. Als je even Google'd vind je wel een inkijkexemplaar met wat pagina's.
krijg jij geld voor dat boek ofzo? allemachtig je loopt die rommel aan iedereen te verkopen pff
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?
  donderdag 8 maart 2012 @ 17:03:44 #172
230788 n8n
Pragmatisch
pi_108868591
quote:
14s.gif Op donderdag 8 maart 2012 17:00 schreef McCandless het volgende:

[..]

Nouja, ik hou me op dit moment veel bezig met SEO dus weet hoe belangrijk het is dat een website goed in elkaar steekt qua techniek en code en heb het er ook zeker wel voor over om dit te leren, maar ik wil wel graag een beeld hebben van hoe lang het zou duren voor ik één en ander weet.
html en css zijn niet moeilijk om te begrijpen als je de basisfundamenten weet, het is gewoon wat functies leren. Met css is het al wat lastiger, hiermee moet je veel uitproberen omdat het niet altijd werkt zoals gewenst en je hebt wat trucjes te leren. Gelukkig zijn beide uitgebreid gedocumenteerd. Het is vooral een kwestie van tijd.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:05:20 #173
230788 n8n
Pragmatisch
pi_108868638
quote:
11s.gif Op donderdag 8 maart 2012 17:03 schreef Catch22- het volgende:

[..]

Zorg dat je een goede basis hebt.

Html
- welke tags zijn er?
- welke tags gebruik je wanneer?
CSS
- Welke properties zijn er?
- Wat is een blockelement?
- Wat doen floats?
JS
- Hoe werkt de basis?

en ga dan proberen een standaard Wordpress installatie te begrijpen. Of probeer een andere site na te maken...

de hoeveelheid tijd die je nodig hebt ligt tussen een half jaar en infinity, afhankelijk van hoeveel tijd je er wekelijks insteekt en hoe snel je het oppakt.
Dit ja, bij html is semantiek dan ook belangrijk en met css zou ik veel websites maken met alleen een menu of een image gallery om zo uit te proberen wat er mogelijk is.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:06:19 #174
230788 n8n
Pragmatisch
pi_108868662
quote:
11s.gif Op donderdag 8 maart 2012 17:03 schreef Catch22- het volgende:

[..]

krijg jij geld voor dat boek ofzo? allemachtig je loopt die rommel aan iedereen te verkopen pff
boeken raad ik sowieso nooit aan, altijd verouderd en je leert de manier aan van een ander die in mijn ervaring nooit kunnen tippen aan hoe het 'hoort'. Altijd een beetje halfslachtig naar mijn mening.
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:07:12 #175
137776 boem-dikkie
Jedi Mind Baby!
pi_108868691
quote:
11s.gif Op donderdag 8 maart 2012 17:03 schreef Catch22- het volgende:

[..]

krijg jij geld voor dat boek ofzo? allemachtig je loopt die rommel aan iedereen te verkopen pff
Heb je 'm gezien? Ik heb nog nooit eerder zo'n mooi vormgegeven boek gezien die over een 'saai' onderwerp gaat als HTML/CSS. _O_
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 maart 2012 @ 17:07:36 #176
230788 n8n
Pragmatisch
pi_108868701
quote:
17s.gif Op donderdag 8 maart 2012 17:07 schreef boem-dikkie het volgende:

[..]

Heb je 'm gezien? Ik heb nog nooit eerder zo'n mooi vormgegeven boek gezien die over een 'saai' onderwerp gaat als HTML/CSS. _O_
hoe durf je html en css saai te noemen
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:07:38 #177
137776 boem-dikkie
Jedi Mind Baby!
pi_108868702
En ja, 450 euro Catch.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  donderdag 8 maart 2012 @ 17:10:35 #178
56176 Catch22-
Ben je Blind?!
pi_108868805
quote:
17s.gif Op donderdag 8 maart 2012 17:07 schreef boem-dikkie het volgende:

[..]

Heb je 'm gezien? Ik heb nog nooit eerder zo'n mooi vormgegeven boek gezien die over een 'saai' onderwerp gaat als HTML/CSS. _O_
Boeken sowieso -1
Vormgeving sowieso -1
Mooi sowieso -heelveel
quote:
14s.gif Op donderdag 8 maart 2012 17:07 schreef boem-dikkie het volgende:
En ja, 450 euro Catch.
fantástisch

Eikel
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_108868806
quote:
14s.gif Op donderdag 8 maart 2012 17:02 schreef boem-dikkie het volgende:

[..]

Koop dit boek:

http://www.bol.com/nl/p/e(...)010712714/index.html

Bijzonder goed vormgegeven boek om HTML en CSS te leren. Als je even Google'd vind je wel een inkijkexemplaar met wat pagina's.
als je mij een niet partnerprogramma link geeft klik ik en kijk ik ^O^
pi_108868812
quote:
0s.gif Op donderdag 8 maart 2012 16:35 schreef Yuri_Boyka het volgende:

[..]

Ja leuk en aardig en ik begrijp het ook wel. Maar ik heb het al druk zat met andere zaken rondom de business dat ik geen tijd heb om zoveel tijd te spenderen om uit te zoeken hoe ik een box kan maken daar, wat voor jullie a piece of cake is.

Ik wil het liefst zoiets als die oranje of die blauwe. Ik heb de files doorgekeken van die specifieke theme waarin dit shorcuts/codes zijn maar daar zie ik door de bomen het niet bos niet meer.

[ afbeelding ]
Het is toch niet zo moeilijk als mensen hier al zeiden dat je het in een element moet zetten en het stylen? Anderen hier hebben ook hun bussiness, je bent niet de enige.
Donkere border om je element die een lichtere achtergrond heeft, en google op css3 rounded corners. Opgelost.
  donderdag 8 maart 2012 @ 17:10:55 #181
230788 n8n
Pragmatisch
pi_108868814
Mis eigenlijk wel een html/css le pro topic waar artikelen gepost worden en manieren van werken bediscussieerd (8>
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:10:56 #182
56176 Catch22-
Ben je Blind?!
pi_108868815
dat doet Danny :')
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?
  donderdag 8 maart 2012 @ 17:11:31 #183
56176 Catch22-
Ben je Blind?!
pi_108868844
quote:
0s.gif Op donderdag 8 maart 2012 17:10 schreef mschol het volgende:

[..]

als je mij een niet partnerprogramma link geeft klik ik en kijk ik ^O^
http://www.bo l.com/nl/p/engelse-boeken/html-css/1001004010712714/index.html
dat doet Danny :')

quote:
7s.gif Op donderdag 8 maart 2012 17:10 schreef n8n het volgende:
Mis eigenlijk wel een html/css le pro topic waar artikelen gepost worden en manieren van werken bediscussieerd (8>
ik ook. ga je gang!

edit; ik maak er wel 1
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?
  donderdag 8 maart 2012 @ 17:12:37 #184
230788 n8n
Pragmatisch
pi_108868886
quote:
11s.gif Op donderdag 8 maart 2012 17:10 schreef Catch22- het volgende:
dat doet Danny :')
wat doet danny :@


quote:
11s.gif Op donderdag 8 maart 2012 17:11 schreef Catch22- het volgende:


edit; ik maak er wel 1
nice, ik ga ff op zoek naar aanvullende bronnen voor de OP
Specialization is for insects”.—Robert Heinlein
  donderdag 8 maart 2012 @ 17:13:22 #185
56176 Catch22-
Ben je Blind?!
pi_108868918
quote:
7s.gif Op donderdag 8 maart 2012 17:12 schreef n8n het volgende:

[..]

wat doet danny :@
referral toevoegen aan bol.com en ibood links. Snap het wel hoor, maakt ook weinig uit verder

Frontenddevelopers topic #1 : Go Pro!

ta-daa! Voor de pro's
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_108868947
quote:
7s.gif Op donderdag 8 maart 2012 17:10 schreef n8n het volgende:
Mis eigenlijk wel een html/css le pro topic waar artikelen gepost worden en manieren van werken bediscussieerd (8>
Zou interessant kunnen zijn!
  donderdag 8 maart 2012 @ 17:15:56 #187
134533 donroyco
dus niet Donroyco
pi_108869027
quote:
2s.gif Op donderdag 8 maart 2012 16:58 schreef McCandless het volgende:

[..]

Tja, ik heb helaas een full-time baan, waardoor voor mij vooral de avond-uren en weekenden overblijven. Moet ik echt gaan denken in jaren voordat ik een fatsoenlijke website kan bouwen?
Basis-basis: http://tutsplus.com/course/30-days-to-learn-html-and-css/

En daarbij het merendeel wat de rest zegt.
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_108869116
quote:
11s.gif Op donderdag 8 maart 2012 17:11 schreef Catch22- het volgende:

[..]

http://www.bo l.com/nl/p/engelse-boeken/html-css/1001004010712714/index.html
dat doet Danny :')
weet ik :+
  donderdag 8 maart 2012 @ 17:22:52 #189
330093 McCandless
I'm supertramp
pi_108869316
quote:
3s.gif Op donderdag 8 maart 2012 17:15 schreef donroyco het volgende:

[..]

Basis-basis: http://tutsplus.com/course/30-days-to-learn-html-and-css/

En daarbij het merendeel wat de rest zegt.
Merci, en de rest ook natuurlijk! Er is voor mij weer wat werk aan de winkel. :).
  donderdag 8 maart 2012 @ 17:24:34 #190
330093 McCandless
I'm supertramp
pi_108869375
quote:
7s.gif Op donderdag 8 maart 2012 17:06 schreef n8n het volgende:

[..]

boeken raad ik sowieso nooit aan, altijd verouderd en je leert de manier aan van een ander die in mijn ervaring nooit kunnen tippen aan hoe het 'hoort'. Altijd een beetje halfslachtig naar mijn mening.
Wie bepaald hoe het hoort dan? Hoe weet ik of ik het doe zoals het 'hoort'?
  donderdag 8 maart 2012 @ 17:37:29 #191
230788 n8n
Pragmatisch
pi_108869792
quote:
5s.gif Op donderdag 8 maart 2012 17:24 schreef McCandless het volgende:

[..]

Wie bepaald hoe het hoort dan? Hoe weet ik of ik het doe zoals het 'hoort'?
de specificatie, daarom is het aan te raden–vind ik–alles achter elkaar te leren, zo leer je elke specificatie los van elkaar en gebruik je deze zoals 'het hoort'. Semantiek is belangrijk. Zoals het hoort is altijd subjectief, toch hebben toonaangevende ontwikkelaars overeenkomstige idealen waardoor ze die positie verkregen hebben.
Specialization is for insects”.—Robert Heinlein
pi_108870014
quote:
5s.gif Op donderdag 8 maart 2012 17:24 schreef McCandless het volgende:

[..]

Wie bepaald hoe het hoort dan? Hoe weet ik of ik het doe zoals het 'hoort'?
Er zijn gigantisch veel blogs over frontend development met allerlei verschillende inzichten en do's en don'ts. En Google schrijft ongeveer de wet voor over SEO. Maar uiteindelijk vind je gewoon je eigen stijl.

Boeken zijn misschien wel leuk om de basis aan te leren, maar het web evolueert zo snel dat een diepgaande cursus gewoon altijd achterhaald is. Bovendien is er online zo ongelooflijk veel informatie te vinden, dat een boek ook gewoon overbodig is.
  donderdag 8 maart 2012 @ 18:37:12 #193
330093 McCandless
I'm supertramp
pi_108871921
Helder. Ik ga aan de slag. :).
  donderdag 8 maart 2012 @ 19:26:05 #194
87680 Mirel
Mirel wil een bongophone.
pi_108873666
quote:
0s.gif Op woensdag 7 maart 2012 11:34 schreef Mirel het volgende:
Oh :o ik wist niet dat je 2 classes kon doen op 1 element. Ik deed altijd een class en id als het nodig was.
Werkte idd niet, heb gewoon een id en class gebruikt :)
When all else fails, you always have delusion.
pi_108873982
quote:
11s.gif Op donderdag 8 maart 2012 17:13 schreef Catch22- het volgende:

[..]

referral toevoegen aan bol.com en ibood links. Snap het wel hoor, maakt ook weinig uit verder

Frontenddevelopers topic #1 : Go Pro!

ta-daa! Voor de pro's
Nice
  donderdag 8 maart 2012 @ 19:35:38 #196
230788 n8n
Pragmatisch
pi_108874052
quote:
0s.gif Op donderdag 8 maart 2012 19:26 schreef Mirel het volgende:

[..]

Werkte idd niet, heb gewoon een id en class gebruikt :)
kan gewoon, scheiden met spatie en je kan ze onafhankelijk van elkaar beïnvloeden. Stiekem zijn id's er alleen voor anchor links en voor extra gewicht in de css.
Specialization is for insects”.—Robert Heinlein
pi_108905639
Toch niet, ik weet even niet wat ik moet doen.

Ik heb een contactformulier met onderin een textarea. Ik heb in een voorvertoning in Firefox de textarea staan en daar is hij netjes 200px hoog. Als ik het bestand inclusief CSS upload naar mijn server en het dan online bekijk, is hij 30px hoog. Ik dacht dat dat niet klopte, dus heb het bestand van de server bekeken en daarin staat ook gewoon dat de textarea 200px hoog is.

Waarom laat hij dat niet zien? Hard F5 heb ik al gedaan, op een andere computer die nog niet op de server was geweest, klopte het ook niet.

[ Bericht 51% gewijzigd door RenRen- op 09-03-2012 14:58:23 ]
pi_108906367
quote:
0s.gif Op donderdag 8 maart 2012 19:26 schreef Mirel het volgende:

[..]

Werkte idd niet, heb gewoon een id en class gebruikt :)
Meerdere classes in hetzelfde attribuut zetten, en scheiden met spaties. <p class="class1 class2 class3">
  vrijdag 9 maart 2012 @ 15:11:49 #199
56176 Catch22-
Ben je Blind?!
pi_108906512
quote:
0s.gif Op vrijdag 9 maart 2012 14:45 schreef RenRen- het volgende:
Toch niet, ik weet even niet wat ik moet doen.

Ik heb een contactformulier met onderin een textarea. Ik heb in een voorvertoning in Firefox de textarea staan en daar is hij netjes 200px hoog. Als ik het bestand inclusief CSS upload naar mijn server en het dan online bekijk, is hij 30px hoog. Ik dacht dat dat niet klopte, dus heb het bestand van de server bekeken en daarin staat ook gewoon dat de textarea 200px hoog is.

Waarom laat hij dat niet zien? Hard F5 heb ik al gedaan, op een andere computer die nog niet op de server was geweest, klopte het ook niet.
textarea maak je op met rows= en cols= in de tag.
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_108908702
quote:
11s.gif Op vrijdag 9 maart 2012 15:11 schreef Catch22- het volgende:

[..]

textarea maak je op met rows= en cols= in de tag.
Hij pakt height prima bij de andere formulieren hoor, dus het werkt wel. :o eneneenene lokaal werkt het wel...
pi_108908985
* Scorpie mompelt iets over semantiek
  vrijdag 9 maart 2012 @ 16:45:18 #202
56176 Catch22-
Ben je Blind?!
pi_108909526
* Catch22- mompelt iets over n00bs die dat niet snappen en "gewoon willen dat het werkt"
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_108910084
quote:
11s.gif Op vrijdag 9 maart 2012 16:45 schreef Catch22- het volgende:
* Catch22- mompelt iets over n00bs die dat niet snappen en "gewoon willen dat het werkt"
Denigreren doe je maar met je vriendin. :{ Ik zie toch dat het werkt, lokaal? Ik zie toch dat het niet meer werkt als ik het op de server heb gezet en dat dan de hoogte verdwijnt? Doe normaal man.
quote:
0s.gif Op vrijdag 9 maart 2012 16:28 schreef Scorpie het volgende:
* Scorpie mompelt iets over semantiek
Ga ik me even over inlezen, heb er nog nooit van gehoord.
  vrijdag 9 maart 2012 @ 17:02:25 #204
56176 Catch22-
Ben je Blind?!
pi_108910147
quote:
0s.gif Op vrijdag 9 maart 2012 17:00 schreef RenRen- het volgende:

[..]

Denigreren doe je maar met je vriendin. :{ Ik zie toch dat het werkt, lokaal? Ik zie toch dat het niet meer werkt als ik het op de server heb gezet en dat dan de hoogte verdwijnt? Doe normaal man.

[..]

Ga ik me even over inlezen, heb er nog nooit van gehoord.
Eerst heel tof bijdehand doen en dan vervolgens mijn punt maken. Heerlijk hoor mop :)
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_108910218
http://www.w3schools.com/tags/tag_textarea.asp

Ik zie nergens 'height' staan?
pi_108910256
quote:
7s.gif Op vrijdag 9 maart 2012 17:04 schreef Tegan het volgende:
http://www.w3schools.com/tags/tag_textarea.asp

Ik zie nergens 'height' staan?
Kan wel, maar ik snap gewoon niet waarom het lokaal wel werkt, best goed eigenlijk :o
quote:
11s.gif Op vrijdag 9 maart 2012 17:02 schreef Catch22- het volgende:

[..]

Eerst heel tof bijdehand doen en dan vervolgens mijn punt maken. Heerlijk hoor mop :)
Rot toch op :') Ik doe niet tof, ik doe niet bijdehand, ik leg uit wat ik zie en waarom ik het niet snap. Nogmaals, doe lekker denigrerend tegen je vriendin, ik ben daar echt niet van gediend.
  vrijdag 9 maart 2012 @ 17:05:35 #207
56176 Catch22-
Ben je Blind?!
pi_108910271
:*

En mijn vriendin is wel 1 van de laatsten waartegen ik denigrerend doe, want zij verdient respect.
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_108910302
Maar het is toch niet relevant dat het lokaal vreemd doet? Want het hoort gewoon met cols en rows en dan doet het wat je wilt.
pi_108910389
Ik heb het nu wel werkend gekregen, dus het is echt niet nodig met cols en rows...
pi_108915647
Voor textarea moet je cols en rows gebruiken, hoewel ik het lever ook heb op de manier van height.
  vrijdag 9 maart 2012 @ 19:54:20 #211
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108915727
quote:
0s.gif Op vrijdag 9 maart 2012 19:52 schreef Niekess het volgende:
Voor textarea moet je cols en rows gebruiken, hoewel ik het lever ook heb op de manier van height.
Je textarea via css stylen is sowieso netter. :)
  vrijdag 9 maart 2012 @ 19:55:17 #212
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108915763
quote:
14s.gif Op vrijdag 9 maart 2012 15:07 schreef picodealion het volgende:

[..]

Meerdere classes in hetzelfde attribuut zetten, en scheiden met spaties. <p class="class1 class2 class3">
Dit werkt trouwens niet in IE 7 en lager, die kunnen meerdere classes niet handelen, en pakken dus alleen de laatst gedefinieerde class (in dit geval class3).
pi_108915812
quote:
7s.gif Op vrijdag 9 maart 2012 19:54 schreef BBQSausage het volgende:

[..]

Je textarea via css stylen is sowieso netter. :)
Dat zeker :)
pi_108915830
quote:
0s.gif Op vrijdag 9 maart 2012 17:09 schreef RenRen- het volgende:
Ik heb het nu wel werkend gekregen, dus het is echt niet nodig met cols en rows...
:(
pi_108918395
quote:
13s.gif Op vrijdag 9 maart 2012 19:55 schreef BBQSausage het volgende:

[..]

Dit werkt trouwens niet in IE 7 en lager, die kunnen meerdere classes niet handelen, en pakken dus alleen de laatst gedefinieerde class (in dit geval class3).
In IE7 werkt dat prima hoor. IE7 gaat vrij redelijk met de standaarden om, afgezien van wat vage quirks m.b.t. z-indexen enzo. Het blijft een oude kutbrowser, daar niet van :D
Nee.
  vrijdag 9 maart 2012 @ 20:57:42 #216
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_108919238
quote:
0s.gif Op vrijdag 9 maart 2012 20:43 schreef PimD het volgende:

[..]

In IE7 werkt dat prima hoor. IE7 gaat vrij redelijk met de standaarden om, afgezien van wat vage quirks m.b.t. z-indexen enzo. Het blijft een oude kutbrowser, daar niet van :D
Oh, IE7 wel? :P Ik had laatst nog flinke ruzie met IE vanwege die multiple classes. Vooral ook in combinatie met jQuery, wat kan ik me dan ergeren aan die kutbrowser. ;(
pi_108919663
IE7 en IE8 zijn echt irritante browsers met HTML/CSS.
Heb ook gewoon simpel de support voor die 2 afgeschaft op de sites die ik gemaakt heb. :P
De site werkt wel maar is dan niet echt super mooi, denk binnenkort om het helemaal te blokkeren en een update linkje te plaatsen dan. :)
pi_108920535
IE8 niet meer supporten :D _O-

IE8 is een prima browser. Zelfs ondersteuning voor box-sizing, display:table; etc etc. Tuurlijk, nog geen CSS3 dingen, maar als je het in IE8 niet werkend krijgt ben je toch wel heeeeele gekke dingen aan het doen.
Nee.
  vrijdag 9 maart 2012 @ 21:33:21 #219
134533 donroyco
dus niet Donroyco
pi_108920889
quote:
0s.gif Op vrijdag 9 maart 2012 21:25 schreef PimD het volgende:
IE8 niet meer supporten :D _O-

IE8 is een prima browser. Zelfs ondersteuning voor box-sizing, display:table; etc etc. Tuurlijk, nog geen CSS3 dingen, maar als je het in IE8 niet werkend krijgt ben je toch wel heeeeele gekke dingen aan het doen.
Of pruts je te veel.
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_108921073
Gekke dingen doen, prutsen, aanklooien... Potato potatoe :D
Nee.
pi_108921294
Mwah, ik "ondersteun" IE8 ook alleen nog maar functioneel hoor. IE7 helemaal niet meer.
pi_108921382
De klanten waar ik voor werk hebben jammer genoeg nog geen meerderheid aan bezoekers die IE9, FF of Chrome gebruiken. Moet wel zeggen dat IE8 ook wel redelijke de baseline aan het worden is. IE7 moet het er niet gebroken uitzien, IE6 moet het functioneel nog enigszins bruikbaar zijn.

Gelukkig wel altijd met progressive enhancement in het achterhoofd. We gaan dus geen mediaqueries proberen aan de praat te krijgen in IE8, geen ronde hoekjes in IE7, geen dropshadows maken met PNG's etc etc. Die tijd ligt gelukkig (hopelijk) voor de meeste front-enders achter ons.
Nee.
pi_108921524
Ja ik beheer maar 1 website, van mijn eigen club, dus ik heb makkelijk praten :P

IE8 mist voornamelijk de ronde hoeken en rgba enzo, IE7 komt er nog wel doorheen maar daar is ook alles mee gezegd.
pi_108965968
een vraagje..
als ik in javascript een slideshow heb,
kan ik dan mbv php de array op bouwen om de foto's te laten zien?

js-code
1
2
3
4
5
var photos=new Array();
//Specify images, optional link, optional target:
photos[0]=['files/photo01.jpg']
photos[1]=['files/photo02.jpg']
etc

mag ik dat dan in javascript iets van maken...of is dat niet door elkaar te gebruiken?
1
2
3
4
var photos=new Array();
<?php
echo "photos[".$i."]=['files/".$menudata["naam"].".jpg'] ";
?>
pi_108966191
Volgens mij zou dat gewoon moeten werken. Mooier zou natuurlijk zijn om het gewoon op basis van je DOM te doen, aangezien je IMO ook een scenario moet aanbieden voor de gebruiker zonder JS.

Daarnaast denk ik dat de onderhoudbaarheid/leesbaarheid van JS die door PHP wordt gegenereerd niet echt optimaal is. Ik zou gewoon gaan voor een <ul> met <li>'s voor ieder item en dit in JS inlezen.
Nee.
  zondag 11 maart 2012 @ 13:27:59 #226
137776 boem-dikkie
Jedi Mind Baby!
pi_108966297
quote:
6s.gif Op vrijdag 9 maart 2012 21:43 schreef PimD het volgende:
De klanten waar ik voor werk hebben jammer genoeg nog geen meerderheid aan bezoekers die IE9, FF of Chrome gebruiken. Moet wel zeggen dat IE8 ook wel redelijke de baseline aan het worden is. IE7 moet het er niet gebroken uitzien, IE6 moet het functioneel nog enigszins bruikbaar zijn.

Gelukkig wel altijd met progressive enhancement in het achterhoofd. We gaan dus geen mediaqueries proberen aan de praat te krijgen in IE8, geen ronde hoekjes in IE7, geen dropshadows maken met PNG's etc etc. Die tijd ligt gelukkig (hopelijk) voor de meeste front-enders achter ons.
Mooi ook dat ik even een website bekijk in IE en het er prima uit ziet, eigenlijk helemaal goed, en dan klik je op dat 'compatibility-view'-knopje in de adresbalk en dan is alles naar de tering. _O-
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108966471
Compatibility view is volgens mij gemaakt om oudere sites alsnog te kunnen bekijken in IE8. Nieuwe sites ga ik daar dus niet in testen.
Nee.
pi_108966997
quote:
0s.gif Op zondag 11 maart 2012 13:25 schreef PimD het volgende:
Volgens mij zou dat gewoon moeten werken. Mooier zou natuurlijk zijn om het gewoon op basis van je DOM te doen, aangezien je IMO ook een scenario moet aanbieden voor de gebruiker zonder JS.

Daarnaast denk ik dat de onderhoudbaarheid/leesbaarheid van JS die door PHP wordt gegenereerd niet echt optimaal is. Ik zou gewoon gaan voor een <ul> met <li>'s voor ieder item en dit in JS inlezen.
leesbaarheid gaat aan de haal doordat php alles achter elkaar pleurt
maar dat mag toch geen reden zijn dat het niet werkt...toch?
code ziet er prima uit nu..maar toch werkt het niet

output zou moeten zijn
1
2
photos[0]=['files/photo01.jpg']
photos[1]=['files/photo02.jpg']
maar is
1photos[0]=['files/photo01.jpg']photos[1]=['files/photo02.jpg']

lijkt me geen probleem...in broncode lijkt het goed te zijn maar geen output op het scherm
php probleem of toch js?
of vergeet ik iets?
pi_108967246
Zet er dan ook een ; achter...

1photos[0]=['files/photo01.jpg'];photos[1]=['files/photo02.jpg'];

Oh, en je maakt nu ook een array in een array.

1photos[0] = 'files/photo1.jpg';
Nee.
pi_108967522
ah...die ; deed de truc..
ik heb nagemaakt wat al werkte en dat zag er zo uit
1
2
photos[0]=['files/photo01.jpg']
photos[1]=['files/photo02.jpg']

ik zal je tips verwerken...thanx!
pi_108967699
Dit klopt dus nog niet, want nu heb je een array in een array. Dan moet je 'm dadelijk gaan aanspreken met photos[0][0].
Nee.
  zondag 11 maart 2012 @ 14:14:28 #232
137776 boem-dikkie
Jedi Mind Baby!
pi_108968212
quote:
0s.gif Op zondag 11 maart 2012 13:32 schreef PimD het volgende:
Compatibility view is volgens mij gemaakt om oudere sites alsnog te kunnen bekijken in IE8. Nieuwe sites ga ik daar dus niet in testen.
Ik ook niet, maar ik kijk altijd wel even of er veel anders wordt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_108969700
quote:
0s.gif Op zondag 11 maart 2012 14:01 schreef PimD het volgende:
Dit klopt dus nog niet, want nu heb je een array in een array. Dan moet je 'm dadelijk gaan aanspreken met photos[0][0].
ik had de haakjes weggehaalt en toen zag ik alleen nog maar de link ipv he haakje
het script heb ik niet zelf geschreven, dus ik laat het met haakjes zo werkt het :)
  zondag 11 maart 2012 @ 17:09:05 #234
87680 Mirel
Mirel wil een bongophone.
pi_108975783
Hoe kan ik in een inputfield een 0 forceren die niet weg te halen of te veranderen is? Googlen gaat zo lastig want dan krijg je alleen resultaten over opmaak veranderen :')
When all else fails, you always have delusion.
  zondag 11 maart 2012 @ 17:11:30 #235
134533 donroyco
dus niet Donroyco
pi_108975880
quote:
0s.gif Op zondag 11 maart 2012 17:09 schreef Mirel het volgende:
Hoe kan ik in een inputfield een 0 forceren die niet weg te halen of te veranderen is? Googlen gaat zo lastig want dan krijg je alleen resultaten over opmaak veranderen :')
1<input type="text" value="0" disabled="disabled"​>​
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. :'(
  zondag 11 maart 2012 @ 17:12:20 #236
87680 Mirel
Mirel wil een bongophone.
pi_108975902
thanks :)
When all else fails, you always have delusion.
  zondag 11 maart 2012 @ 17:17:58 #237
134533 donroyco
dus niet Donroyco
pi_108976098
quote:
0s.gif Op zondag 11 maart 2012 17:12 schreef Mirel het volgende:
thanks :)
Geen dank.
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. :'(
  zondag 11 maart 2012 @ 17:20:13 #238
87680 Mirel
Mirel wil een bongophone.
pi_108976168
Voor het de website waar ik dat forceer is er een product uitverkocht. Maar ik krijg alsnog de melding dat alleen numerieke waarden mogen gebruikt. Ach ja. Er staat groot in het rood dat het uitverkocht is, hopelijk weerhoudt dat mensen om toch niet dat 0tje in een 1tje te veranderen of iets anders :P
When all else fails, you always have delusion.
  zondag 11 maart 2012 @ 17:38:20 #239
352041 Mr.Fahrenheit
burning through the sky
pi_108976792
quote:
0s.gif Op zondag 11 maart 2012 17:20 schreef Mirel het volgende:
Voor het de website waar ik dat forceer is er een product uitverkocht. Maar ik krijg alsnog de melding dat alleen numerieke waarden mogen gebruikt. Ach ja. Er staat groot in het rood dat het uitverkocht is, hopelijk weerhoudt dat mensen om toch niet dat 0tje in een 1tje te veranderen of iets anders :P
Je zult dus dat soort dingen serverside opnieuw moeten controleren om te voorkomen dat mensen met de HTML kunnen aanklooien en invloed kunnen uitoefenen.
  zondag 11 maart 2012 @ 20:08:35 #240
63192 ursel
"Het Is Hier Fantastisch!
pi_108982764
Iemand trouwens hoe ik dit kan bereiken uit een simpele thead regel.
Het omhoog zetten van de thead en de grijze achtergrondkleur. Maar die breedte werkt niet echt mee. ;(
Of zal ik de th texten nog binnen een extra element moeten plaatsen?

  zondag 11 maart 2012 @ 20:09:20 #241
134533 donroyco
dus niet Donroyco
pi_108982805
quote:
0s.gif Op zondag 11 maart 2012 20:08 schreef ursel het volgende:
Iemand trouwens hoe ik dit kan bereiken uit een simpele thead regel.
Het omhoog zetten van de thead en de grijze achtergrondkleur. Maar die breedte werkt niet echt mee. ;(
Of zal ik de th texten nog binnen een extra element moeten plaatsen?

[ afbeelding ]
Post eens wat code.
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. :'(
  zondag 11 maart 2012 @ 20:09:41 #242
137776 boem-dikkie
Jedi Mind Baby!
pi_108982819
quote:
0s.gif Op zondag 11 maart 2012 20:08 schreef ursel het volgende:
Iemand trouwens hoe ik dit kan bereiken uit een simpele thead regel.
Het omhoog zetten van de thead en de grijze achtergrondkleur. Maar die breedte werkt niet echt mee. ;(
Of zal ik de th texten nog binnen een extra element moeten plaatsen?

[ afbeelding ]
Ik snap je niet.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  zondag 11 maart 2012 @ 20:27:32 #243
63192 ursel
"Het Is Hier Fantastisch!
pi_108983759
Was ik al bang voor. :')
De grijze blokken die je bovenin ziet zijn de thead elementen uit een tabel.
Die dienen dus hoger te staan boven de tabel. Verder zit er dus die spatie tussen elk kolom. Zoals je ziet valt de thead regel dus over 2 blokken heen. Het bovenste rode blok en het witte content blok. Ondanks een kleine width blijft toch de gehele regel grijs.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table id="eventTable" class="dataTableIndex" >
    <thead>
        <tr class="list-header-row">
            <th class="list-header-cell html" >Datum</th>
            <th class="list-header-cell html" >Naam</th>
            <th class="list-header-cell html" >Plaats</th>
            <th class="list-header-cell html" >Provincie</th>
            <th class="list-header-cell html cell-last" >Organisatie</th>
        </tr>
    </thead>
    <tbody>
        <tr class="list-row">
            <td value="1331370000"  class="list-row-cell"   >10-03-2012</td>
            <td value="Rommelmarkt Eelde"  id=""  class="list-row-cell"   ><a href="#">Rommelmarkt Eelde</a></td>
            <td value="Eelde" class="list-row-cell"   ><a href="#">Eelde</a></td>
            <td value="Drenthe"  class="list-row-cell"   ><a href="#">Drenthe</a></td>
            <td value="Drentse Vlooienmarkt" class="cell-last" ><a href="#">Drentse Vlooienmarkt</a></td>
        </tr>
    </tbody>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#eventTable thead {
    position: relative;
    top:-20px;
    height: 50px;
}
#eventTable thead th {
    background-color: grey;
    padding: 0px 5px 0px 5px;
    width: 80px;
    height: 30px;
}
#eventTable tbody td {
    padding: 0px 5px 0px 5px;
}

Dit is wat ik telkens mee achter blijf.:
pi_108991429
cell-spacing zoek je.
  zondag 11 maart 2012 @ 22:53:05 #245
63192 ursel
"Het Is Hier Fantastisch!
pi_108993099
Tnx. Morgen mee stoeien. Laptop heeft er geen zin meer in vandaag :'(
  zondag 11 maart 2012 @ 23:55:29 #246
12221 Tijn
Powered by MS Paint
pi_108996010
Weet iemand hoe je een swipe gesture kunt implementeren die ook werkt op ouderwetse single touch screens?

Ik vind wel dingen als jGestures of jQuery Touchwipe, maar die lijken allemaal gericht te zijn om mobile. Ik zoek iets dat gewoon in Google Chrome op een desktop werkt.

[edit] Ah, nog even doorgezocht en toen vond ik dit: touchSwipe. Dat werkt :)

[ Bericht 22% gewijzigd door Tijn op 12-03-2012 00:35:52 ]
  maandag 12 maart 2012 @ 09:27:55 #247
63192 ursel
"Het Is Hier Fantastisch!
pi_109001747
quote:
14s.gif Op zondag 11 maart 2012 22:26 schreef KomtTijd... het volgende:
cell-spacing zoek je.
Gelukt via cell-spacing kwam ik dankzij Google op de volgende oplossing:

1
2
    border-collapse: separate;
    border-spacing: 15px;
pi_109005539
Ik ben nu bezig met valideren met W3 om die problemen met IE op te lossen.. Maar elke keer als ik er iets corrigeer komen er 4 meer errors binnen, allemaal in de richting van, je tag is niet gesloten, of je tag begint hier. Alles is gesloten, alles begint correct, dus ik snap echt niet wat hij bedoelt.

Ik wil de link geven in een DM als iemand wil helpen?
pi_109006224
tip 1: gebruik het html5 doctype ipv xhtml 1.0.
pi_109006774
quote:
14s.gif Op maandag 12 maart 2012 12:27 schreef KomtTijd... het volgende:
tip 1: gebruik het html5 doctype ipv xhtml 1.0.
Maar ik doe niet aan HTML5. Of maakt dat niet uit?
pi_109007262
Maakt niet uit, de standaard is gewoon compatible. De HTML-5 doctype tag is korter en veelzijdiger. Ik zie alleen maar voordelen.
pi_109007363
*O* Hij doet het in IE dus mijn grootste probleem is opgelost O+ Held.
pi_109008395
Even iets anders, iemand ervaring met het zelf ontwerpen van een eigen huisstijl?
pi_109008686
quote:
0s.gif Op maandag 12 maart 2012 13:38 schreef Alovenac het volgende:
Even iets anders, iemand ervaring met het zelf ontwerpen van een eigen huisstijl?
Ik heb een keer mijn eigen website ontworpen, en dat is waarschijnlijk het laatste design werk wat ik ooit zal doen :P.
pi_109008969
Ik wel, ook met die van een ander. Wat wil je weten?
pi_109010737
quote:
0s.gif Op maandag 12 maart 2012 13:56 schreef RenRen- het volgende:
Ik wel, ook met die van een ander. Wat wil je weten?
Ik wil dus een eenvoudige huisstijl gaan ontwerpen, alleen ben ik dus niet handig in het maken van een eenvoudig logo.

Zijn er nog goede tutorials op internet die ik kan/moet volgen?
pi_109012003
quote:
0s.gif Op maandag 12 maart 2012 14:38 schreef Alovenac het volgende:

[..]

Ik wil dus een eenvoudige huisstijl gaan ontwerpen, alleen ben ik dus niet handig in het maken van een eenvoudig logo.

Zijn er nog goede tutorials op internet die ik kan/moet volgen?
Ik heb nooit een logo ontworpen met tutorials. Wat ik altijd doe is schetsen, nagaan wat ik wil uitstralen als bedrijf/onderneming, dat opschrijven, meer schetsen, misschien meer out of the box denken, nog meer schetsen, kijken naar wat anderen doen en daar inspiratie uit opdoen.

En dan maken. En dán pas komt een tutorial van pas, over hoe illustrator werkt.

Waar ik inspiratie opdoe:
Logopond.com

Net even gegooglet, deze lijkt wel een paar leuke tutorials te hebben:
http://speckyboy.com/2009(...)iques-and-tutorials/
http://sixrevisions.com/g(...)s-using-illustrator/
Paar avn hetzeflde, aar ook wat nieuwe.

En als ik advies kan geven; Houd het echt simpel! Niet te veel gradients en gedoe, 1/2 fonts met een beeldmerk is mooi, simpel en onthouden mensen sneller.
pi_109012146
quote:
0s.gif Op maandag 12 maart 2012 15:08 schreef RenRen- het volgende:

[..]

Ik heb nooit een logo ontworpen met tutorials. Wat ik altijd doe is schetsen, nagaan wat ik wil uitstralen als bedrijf/onderneming, dat opschrijven, meer schetsen, misschien meer out of the box denken, nog meer schetsen, kijken naar wat anderen doen en daar inspiratie uit opdoen.

En dan maken. En dán pas komt een tutorial van pas, over hoe illustrator werkt.

Waar ik inspiratie opdoe:
Logopond.com

Net even gegooglet, deze lijkt wel een paar leuke tutorials te hebben:
http://speckyboy.com/2009(...)iques-and-tutorials/
http://sixrevisions.com/g(...)s-using-illustrator/
Paar avn hetzeflde, aar ook wat nieuwe.

En als ik advies kan geven; Houd het echt simpel! Niet te veel gradients en gedoe, 1/2 fonts met een beeldmerk is mooi, simpel en onthouden mensen sneller.
Thanks. Ik ben dus eigenlijk meer de programmeur, maar wil voor mijn eigen bedrijf wel een mooi logo/huisstijl hebben. Echter had ik geen idee waar ik moest beginnen met het ontwerpen hiervan.
pi_109012185
quote:
0s.gif Op maandag 12 maart 2012 15:11 schreef Alovenac het volgende:

[..]

Thanks. Ik ben dus eigenlijk meer de programmeur, maar wil voor mijn eigen bedrijf wel een mooi logo/huisstijl hebben. Echter had ik geen idee waar ik moest beginnen met het ontwerpen hiervan.
Echt nagaan waarin jij onderscheidend bent, of wat bij jou past, dat lijkt me een leuk begin :) En dan een beetje schetsen, hoeft niet geniaal te zijn!
  maandag 12 maart 2012 @ 15:12:55 #260
56176 Catch22-
Ben je Blind?!
pi_109012194
Stap 1 is een echte designer inhuren. een logo maken is meer dan wat op papier schetsen wat je zelf mooi vindt.
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_109012321
quote:
11s.gif Op maandag 12 maart 2012 15:12 schreef Catch22- het volgende:
Stap 1 is een echte designer inhuren. een logo maken is meer dan wat op papier schetsen wat je zelf mooi vindt.
Als je er het geld niet voor hebt, omdat je net begint en een echte designer nog wat kost, is een mooi begin.
pi_109012516
Inderdaad, ik ben nog student en loop nu een jaar stage. Echter komen steeds meer mensen in mijn omgeving erachter dat ik programmeur ben van websites en dus komen er steeds meer mensen aankloppen of ik een website kan maken.

Dit heeft mij tot nadenken gezet en vind dat ik eigenlijk wel een goede huisstijl moet hebben. Dit kan namelijk weer voor een stukje reclame zorgen.
pi_109012582
quote:
0s.gif Op maandag 12 maart 2012 15:20 schreef Alovenac het volgende:
Inderdaad, ik ben nog student en loop nu een jaar stage. Echter komen steeds meer mensen in mijn omgeving erachter dat ik programmeur ben van websites en dus komen er steeds meer mensen aankloppen of ik een website kan maken.

Dit heeft mij tot nadenken gezet en vind dat ik eigenlijk wel een goede huisstijl moet hebben. Dit kan namelijk weer voor een stukje reclame zorgen.
Gewoon zelf doen, lekker veel om meningen vragen (Als je niet weet wat je verder moet, Post hier je grafisch- en webdesign in dit topic zijn mensen je altijd bereid om te helpen :) ) en doen.
pi_109013342
quote:
0s.gif Op maandag 12 maart 2012 13:07 schreef RenRen- het volgende:
*O* Hij doet het in IE dus mijn grootste probleem is opgelost O+ Held.
Wow. Just wow.
  maandag 12 maart 2012 @ 15:48:54 #265
230788 n8n
Pragmatisch
pi_109013500
quote:
0s.gif Op maandag 12 maart 2012 15:20 schreef Alovenac het volgende:
Inderdaad, ik ben nog student en loop nu een jaar stage. Echter komen steeds meer mensen in mijn omgeving erachter dat ik programmeur ben van websites en dus komen er steeds meer mensen aankloppen of ik een website kan maken.

Dit heeft mij tot nadenken gezet en vind dat ik eigenlijk wel een goede huisstijl moet hebben. Dit kan namelijk weer voor een stukje reclame zorgen.
Kan ook gewoon je naam gebruiken, genoeg vakmensen aan de top die dit doen dus niks om je zorgen om te maken.
Specialization is for insects”.—Robert Heinlein
  maandag 12 maart 2012 @ 15:49:46 #266
56176 Catch22-
Ben je Blind?!
pi_109013535
Beter je naam in een mooi font dan een nietszeggende generieke krabbel bij je hype-naam
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_109013675
quote:
7s.gif Op maandag 12 maart 2012 15:48 schreef n8n het volgende:

[..]

Kan ook gewoon je naam gebruiken, genoeg vakmensen aan de top die dit doen dus niks om je zorgen om te maken.
Eensch.
  maandag 12 maart 2012 @ 16:52:47 #268
87680 Mirel
Mirel wil een bongophone.
pi_109015925
Op http://www.ditisjeugdzorg.nl/nl/home/ als je op 't is zoals 't is klikt,(wat overigens een vreemde URL geeft) kom je op een pagina met een filmpje.

Op een iphone is de resolutie van dat filmpje duidelijk breedbeeld, maar op een gewoon computerscherm niet.. Hoe kan dat eigenlijk? Het heeft geen mobiele layout..

Heb via firebug even geschoven met dingen, en er zitten niet stukjes van het filmpje verstopt. Of je het via firebug dusdanig kan aanpassen weet ik verder niet.
When all else fails, you always have delusion.
  maandag 12 maart 2012 @ 16:54:15 #269
230788 n8n
Pragmatisch
pi_109015990
quote:
0s.gif Op maandag 12 maart 2012 16:52 schreef Mirel het volgende:
Op http://www.ditisjeugdzorg.nl/nl/home/ als je op 't is zoals 't is klikt,(wat overigens een vreemde URL geeft) kom je op een pagina met een filmpje.

Op een iphone is de resolutie van dat filmpje duidelijk breedbeeld, maar op een gewoon computerscherm niet.. Hoe kan dat eigenlijk? Het heeft geen mobiele layout..

Heb via firebug even geschoven met dingen, en er zitten niet stukjes van het filmpje verstopt. Of je het via firebug dusdanig kan aanpassen weet ik verder niet.
mobiel is (waarschijnlijk) .mp4 en desktop krijg je flash, zou daar aan kunnen liggen
Specialization is for insects”.—Robert Heinlein
  maandag 12 maart 2012 @ 17:03:42 #270
87680 Mirel
Mirel wil een bongophone.
pi_109016468
Enkel de extensie zorgt ervoor dat de resolutie ook anders wordt?
When all else fails, you always have delusion.
  maandag 12 maart 2012 @ 17:04:31 #271
230788 n8n
Pragmatisch
pi_109016492
als het verschillende bestanden zijn. moet er wel bij vermelden dat ik niet bijster veel ervaring heb met online video
Specialization is for insects”.—Robert Heinlein
pi_109027021
Beste menschen :) Ik heb een vraagje; ik bouw momenteel een website met html/css maar wil ik het volgende:

Ik wil bedrijfslogo's uitgelijnd onder elkaar hebben en als je op het logo klikt, je de informatie van dat bedrijf krijgt. Als je er weer op klikt klapt het weer in en zie je alleen het logo. Dus een soort 'dropdown' met een image.

Iemand enig idee hoe die code eruit ziet, of hoe dat in het engels heet dat ik het zelf uit kan zoeken :P

Alvast bedankt
pi_109027196
google maar op "Jquery Accordeon".
pi_109030946
Top bedankt!

Nu heb ik via w3schools een jQuery effect wat ik wel zou willen hebben: http://www.w3schools.com/(...)tryjquery_slide_down

Maar als ik deze letterlijk op mijn website plaats (in een al-bestaande-div), doet hij niks? Ik heb een aparte .css, maar als ik hem letterlijk zou kopiëren zou die het toch moeten doen? Wat ik zou willen is, dit effect maar dan een plaatje ipv tekst. Maar om de basis te begrijpen probeer ik het zo eerst maar even, maar zelfs dat wil dus al niet lukken.
  PR/Manusje van alles maandag 12 maart 2012 @ 22:24:43 #275
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109032174
Ik heb een aantal checkboxjes die onderdeel zijn van een stukje javascript. Deze code laat een aantal thumbnails wel / niet zien. Alleeeen in de code worden er standaard maar 2 checkboxjes getoond van de 8. De andere 6 zitten onder een 'show all' knopje... :{ Als het er 30 zijn is dat inderdaad wel handig. Maar nu dus totaal niet nodig.

De code aanpassen heb ik geprobeerd maar dan werkt het helemaal niet meer. De checkboxjes zijn dan wel standaard zichtbaar. Maar doen vervolgens niets meer... Ik hooop dat ik ergens overheen kijk..

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
 <div class="sidebar_bar">
    <div class="sidebar_left_find">
  <div class="sidebar_list">
<ul id="category_list">

<li count="2" style="display:block;">
<input id="category_1" value="1" type="checkbox">
<span style="display: none;">1 </span>
</li>

<li count="2" style="display:block;">
<input id="category_2" value="2" type="checkbox">
<span style="display: none;">2 </span>
</li>

<li count="11" style="display: list-item;">
<input id="category_3" value="3" type="checkbox">
<span style="display: none;">3 </span>
</li>

<li count="11" style="display: list-item;">
<input id="category_4" value="4" type="checkbox">
<span style="display: none;">4 </span>
</li>

</ul>
<p>
<a href="#" id="category_more" style="display:list-item;">
show all
<img alt="arrow" src="services_bestanden/find_down_arrow.png">
</a>
</p>
</div>

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<?php
jjQuery
(document).ready(function($)
 {
 ;$(
'#category_more,').click(function(e){

      
e.preventDefault();
      $(
'#' this.id.replace('more''list li')).fadeIn(0);
      $(
this).hide();

     })
 

   $(
' #nonprofit_all, #price_all').closest('ul').children().find(':checkbox').attr('checked'true);

   var 
tJS serviceRenderInit();

   

   $(
'#category_none, #nonprofit_none, #price_none').click(function(e){
     
e.preventDefault();
     $(
this).closest('ul').children().find(':checkbox').attr('checked'true);
     
tJS.filter();
   });

   $(
'#category_ li:gt(20)').hide();
   $(
'#nonprofit_list li:gt(10)').hide();

});

function 
serviceRenderInit(){

  var 
spots = function(service){
    if(!
service.booking_capacity) return null;

    var 
spot_count service.booking_capacity service.booked_seats;
    if(
spot_count <= 3){
       return  
spot_count + (spot_count == ' Spot Left' ' Spots Left');
    }
    return 
null;
  };

  var 
day_left = function(service){
    if(
service.is_schedulelater) return null;
    var 
service.start_date.split('-');
    var 
days Math.round((new Date(d[0],d[1] - 1d[2]) - new Date())/86400000);

    if(
days <= 3){
      if(
days == 0) return 'Last Day';
      else if(
days == 1) return '1 Day Left';
      else if(
days 1) return days ' Days Left';
    }

    return 
null;
  };

  var 
view = function(service){
    var 
spot_content spots(service);
    var 
day_content day_left(service);
    var 
service_title service.title.length 24 service.title service.title.substring(0,21) +'...';
    var 
nonprofit_name service.nonprofit.name.length 27 service.nonprofit.name service.nonprofit.name.substring(0,27) +'...';
  

    
clear     this.div({'class''clear'});
    
//s_image   = this.div({'class': 'fs_box_pic'}, this.image(service.thumbnail));
    
s_image   this.div({'class''fs_box_pic''style':'background:url(' service.thumbnail ') no-repeat center center'}); 
    
tag_spots spot_content this.div({'class''tag_spots'}, spot_content) : null;
    
tag_day   day_content this.div({'class''tag_day'}, day_content) : null;
    
fs_price  this.div({'class''fs_price'}, '$' service.amount );
    
fs_head   this.span({'class''fs_head'}, service_title);
    
fs_for    this.span({'class''fs_for'}, 'for');
    
fs_disc   this.span({'class''fs_disc'}, nonprofit_name);
    
fs_left   this.div({'class''fs_left'}, [fs_headfs_forfs_disc]);
    
fs_box    this.div({'class''fs_box'}, [tag_spotstag_days_imagefs_leftfs_priceclear ] );

    return 
this.link('/services/' service.to_param ,{'title'service.title}, fs_box);
  };

  var 
settings = {
      
filter_criteria: {
          
category: ['#category_list input:checkbox .EVENT.click .SELECT.:checked''service_categories.ARRAY.category_id'],
          
nonprofit: ['#nonprofit_list input:checkbox .EVENT.click .SELECT.:checked' 'nonprofit.nonprofit_categories.ARRAY.category_id'],
          
price: ['#price_list input:checkbox .EVENT.click .SELECT.:checked .TYPE.range''amount']
          }
      };

  var 
tJS = new tagJS(services"#service_list"viewsettings);

  
obj_map tJS.settings.object_map;
  for (
name in obj_map) {
      if (
name != 'price') {
        $(
'#' name '_list li:gt(0)').hide();

        $.
each(obj_map[name], function(el) {
          $(
'#' name "_" el).next().append(" (" obj_map[name][el].length +")"); 
          $(
'#' name "_" el).parent().show();
          $(
'#' name "_" el).parent().attr('count'obj_map[name][el].length);
        });

        $(
'#' name '_list li:gt(0)').each(function() { 
          if(!$(
this).attr('count')) $(this).remove();
        });

        if ($(
'#' name '_list li').length 6) $('#' name '_more').show();
      }
  }
  
testJS tJS;
  return 
tJS;
}

var 
testJS;
?>

Kijk ik er nou gewoon overheen of is het niet zo snel mogelijk en moet ik dan een deel van de code herschrijven? :')
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_109032695
quote:
0s.gif Op maandag 12 maart 2012 22:07 schreef -tape- het volgende:
Top bedankt!

Nu heb ik via w3schools een jQuery effect wat ik wel zou willen hebben: http://www.w3schools.com/(...)tryjquery_slide_down

Maar als ik deze letterlijk op mijn website plaats (in een al-bestaande-div), doet hij niks? Ik heb een aparte .css, maar als ik hem letterlijk zou kopiëren zou die het toch moeten doen? Wat ik zou willen is, dit effect maar dan een plaatje ipv tekst. Maar om de basis te begrijpen probeer ik het zo eerst maar even, maar zelfs dat wil dus al niet lukken.
Mijn magische bol is kapot helaas.
pi_109032750
quote:
11s.gif Op maandag 12 maart 2012 22:24 schreef Surveillance-Fiets het volgende:
Ik heb een aantal checkboxjes die onderdeel zijn van een stukje javascript. Deze code laat een aantal thumbnails wel / niet zien. Alleeeen in de code worden er standaard maar 2 checkboxjes getoond van de 8. De andere 6 zitten onder een 'show all' knopje... :{ Als het er 30 zijn is dat inderdaad wel handig. Maar nu dus totaal niet nodig.

De code aanpassen heb ik geprobeerd maar dan werkt het helemaal niet meer. De checkboxjes zijn dan wel standaard zichtbaar. Maar doen vervolgens niets meer... Ik hooop dat ik ergens overheen kijk..
[ code verwijderd ]

[ code verwijderd ]

Kijk ik er nou gewoon overheen of is het niet zo snel mogelijk en moet ik dan een deel van de code herschrijven? :')
Herschrijven moet je sowieso :') wat een bagger.
  PR/Manusje van alles maandag 12 maart 2012 @ 22:38:04 #278
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109032989
quote:
0s.gif Op maandag 12 maart 2012 22:33 schreef Scorpie het volgende:

[..]

Herschrijven moet je sowieso :') wat een bagger.
:') :D Ja, heuj, het lijkt te werken. deels... uitkleden en herschrijven doe ik wel als alles werkt.

Maar zie je iets? of is het geen poging waard door el bagger?
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
  PR/Manusje van alles maandag 12 maart 2012 @ 22:39:55 #279
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109033099
heuj, het lijkt te lukken.. hoe ik het doe weet ik niet. Maar het liekt te werken. :X
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_109033743
quote:
0s.gif Op maandag 12 maart 2012 22:39 schreef Surveillance-Fiets het volgende:
heuj, het lijkt te lukken.. hoe ik het doe weet ik niet. Maar het liekt te werken. :X
Ik heb geen idee, een testpagina waarop het script werkend te zien is zou al mooi zijn.
  PR/Manusje van alles maandag 12 maart 2012 @ 22:54:26 #281
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109033901
quote:
0s.gif Op maandag 12 maart 2012 22:51 schreef Scorpie het volgende:

[..]

Ik heb geen idee, een testpagina waarop het script werkend te zien is zou al mooi zijn.
ff kijken, hold on
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
  PR/Manusje van alles maandag 12 maart 2012 @ 23:16:20 #282
148800 crew  Surveillance-Fiets
Toezicht is gezond!
pi_109034926
het is me gelukt. *O* ik ga nog ff verder en als het toonbaar is post ik wel een linkje of zo :*
Ik denk meer dat je als nieuwsposter een geile egocentrische narcist moet zijn, die een flinke stijve krijgt van alle berichten die ie van zijn eigen hand ziet op de FP, zo! İyvonne
Beste nieuwsbericht ooit op de FOK!frontpage!
pi_109040345
Veel succes met die code toonbaar maken :')
pi_109057078
Ik heb dus de volgende code die ik in mijn code wil;

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
40
<html>
<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("fast");
  });
});
</script>
 
<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>
 
<body>
 
<div class="panel">
<p>Because time is valuable, we deliver quick and easy learning.</p>
<p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p>
</div>
 
<p class="flip">Show/Hide Panel</p>
 
</body>
</html>

Maar als ik het stukje /script in mijn [/head] zet, de /style in mijn aparte .css bestand en het stukje /body in mijn div (waar ik het dus in wil); krijg ik wel de balk die moet verschijnen, maar niet het 'slide' effect wat je hier ziet: http://www.w3schools.com/(...)yjquery_slide_toggle Iemand enig idee wat ik verkeerd doe?

PS. Dit is mijn div waar hij in moet:

1
2
3
4
5
6
7
8
9
10
11
<div id="body">
<h2 class="title">Lorem Ipsum</h2>
    <div class="story">
            <p>
Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum bevatten.
<br /></p>
<h4>Lorem Ipsum</h4>
Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout van een pagina, afgeleid wordt door de tekstuele inhoud. Het belangrijke punt van het gebruik van Lorem Ipsum is dat het uit een min of meer normale verdeling van letters bestaat, in tegenstelling tot "Hier uw tekst, hier uw tekst" wat het tot min of meer leesbaar nederlands maakt. Veel desktop publishing pakketten en web pagina editors gebruiken tegenwoordig Lorem Ipsum als hun standaard model tekst, en een zoekopdracht naar "lorem ipsum" ontsluit veel websites die nog in aanbouw zijn. Verscheidene versies hebben zich ontwikkeld in de loop van de jaren, soms per ongeluk soms expres (ingevoegde humor en dergelijke). <br />
    </div>
  </div>
</div>

Waar nu dus een Lorem Ipsum zit.

Alvast bedankt
pi_109057643
Ik gok dat het door die display:none komt.
Nee.
  dinsdag 13 maart 2012 @ 21:36:39 #286
137776 boem-dikkie
Jedi Mind Baby!
pi_109066711
Omdat je jQuery een div aanspreekt die panel heet en je de div in je code 'story' noemt?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_109067350
Oh fuck, ik had alleen gekeken naar het eerste code stuk. Maar dat is vast de jQuery demo's HTML :')
Nee.
  donderdag 15 maart 2012 @ 17:31:27 #288
230788 n8n
Pragmatisch
pi_109136198


alleen mogelijk met tables?
Specialization is for insects”.—Robert Heinlein
pi_109139456
Hoe bedoel je? Je kunt toch gewoon de footer absoluut onderaan positioneren, en de body een padding geven aan de onderkant die even hoog is als de footer?

Of snap ik niet helemaal wat je wilt?
Nee.
pi_109139629
Je wilt 2 headers??
  donderdag 15 maart 2012 @ 19:34:21 #291
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109140209
quote:
0s.gif Op dinsdag 13 maart 2012 18:33 schreef -tape- het volgende:
Ik heb dus de volgende code die ik in mijn code wil;
[ code verwijderd ]

Maar als ik het stukje /script in mijn [/head] zet, de /style in mijn aparte .css bestand en het stukje /body in mijn div (waar ik het dus in wil); krijg ik wel de balk die moet verschijnen, maar niet het 'slide' effect wat je hier ziet: http://www.w3schools.com/(...)yjquery_slide_toggle Iemand enig idee wat ik verkeerd doe?

PS. Dit is mijn div waar hij in moet:
[ code verwijderd ]

Waar nu dus een Lorem Ipsum zit.

Alvast bedankt
De content is te lang, daarom schiet de rest er uit.

Klik

Twee mogelijke oplossingen;

1. overflow: auto; of overflow: hidden; gebruiken op .panel, zodat je de hoogte van 120px kunt behouden.
2. De hoogte van .panel aanpassen naar iets van 350px / 400px.
pi_109140543
Of gewoon een wrapper er om heen, met overflow:hidden en die animeren in de hoogte. Dan heb je ook niet meer dat gezeik met paddings/margins die voor een verspringend effect zorgen.
Nee.
  donderdag 15 maart 2012 @ 19:56:24 #293
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109141337
quote:
9s.gif Op donderdag 15 maart 2012 17:31 schreef n8n het volgende:
[ afbeelding ]

alleen mogelijk met tables?
Lukt prima zonder.

Klik.
pi_109141664
quote:
7s.gif Op donderdag 15 maart 2012 19:56 schreef BBQSausage het volgende:

[..]

Lukt prima zonder.

Klik.
Behalve als je content langer wordt ja. Voglens mij moet je je body een min-height van 100% geven, met daarin een wrapper met de bovenste header en de content, met aan de onderkant een padding/negatieve margin die even hoog is als de onderste footer. Daarnaast een absoluut gepositioneerde footer.

1
2
3
4
5
6
7
8
9
10
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="content">
</div>
</div>
<div id="footer">
</div>
</body>

met als CSS

1
2
3
body, html, #wrapper { min-height:100%; height:100%; }
#wrapper { margin-bottom:-100px; }
#footer { height: 100px; }

Zo ongeveer. Anders even zoeken op 'sticky footer' ofzo.

[ Bericht 26% gewijzigd door PimD op 15-03-2012 20:08:31 ]
Nee.
  donderdag 15 maart 2012 @ 20:38:55 #295
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109143875
quote:
0s.gif Op donderdag 15 maart 2012 20:02 schreef PimD het volgende:

[..]

Behalve als je content langer wordt ja. Voglens mij moet je je body een min-height van 100% geven, met daarin een wrapper met de bovenste header en de content, met aan de onderkant een padding/negatieve margin die even hoog is als de onderste footer. Daarnaast een absoluut gepositioneerde footer.
[ code verwijderd ]

met als CSS
[ code verwijderd ]

Zo ongeveer. Anders even zoeken op 'sticky footer' ofzo.
Het ligt er ook maar net aan hoe 'sticky' je die footer wilt hebben. Als je hem altijd in beeld wilt hebben, en niet gewoon onderaan de tekst, zou je de content een overflow mee moeten geven oid.

Wil je hem gewoon altijd écht onderaan je pagina hebben, werkt het inderdaad prima met een min-height en padding / filler.
Klik

En bij minder content ziet dat er dus zo uit: Klik
pi_109144039
Als je 'm altijd onderaan de viewport wilt hebben moet je 'm fixed positioneren, niet absoluut zoals in jouw voorbeeld.
Nee.
  donderdag 15 maart 2012 @ 20:47:44 #297
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109144485
quote:
0s.gif Op donderdag 15 maart 2012 20:41 schreef PimD het volgende:
Als je 'm altijd onderaan de viewport wilt hebben moet je 'm fixed positioneren, niet absoluut zoals in jouw voorbeeld.
Klopt, maar dat is in de meeste gevallen niet gewenst. Net als zo'n grote header die constant bovenaan je pagina blijft zweven.
  donderdag 15 maart 2012 @ 21:11:14 #298
230788 n8n
Pragmatisch
pi_109146044
Footer en de header moeten beide blijven, content in het midden moet schalen naar de overgebleven beschikbare ruimte. Wat ik eigenlijk wil is wat normaal met marge aan de breedte gebeurd. De pagina krijgt een 'letterbox' dat altijd in beeld blijft met daartussen een gallery. Body mag dan ook nooit hoger zijn dan 100%, dat maakt het lastig, zelfs met een table lukt het niet dus voel me genoodzaakt naar js uit te wijken. Bedankt alvast.
Specialization is for insects”.—Robert Heinlein
  donderdag 15 maart 2012 @ 21:15:17 #299
284294 BBQSausage
ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
pi_109146321
quote:
7s.gif Op donderdag 15 maart 2012 21:11 schreef n8n het volgende:
Footer en de header moeten beide blijven, content in het midden moet schalen naar de overgebleven beschikbare ruimte. Wat ik eigenlijk wil is wat normaal met marge aan de breedte gebeurd. De pagina krijgt een 'letterbox' dat altijd in beeld blijft met daartussen een gallery. Body mag dan ook nooit hoger zijn dan 100%, dat maakt het lastig, zelfs met een table lukt het niet dus voel me genoodzaakt naar js uit te wijken. Bedankt alvast.
Hoe bedoel je "schalen" naar overgebleven ruimte?
  donderdag 15 maart 2012 @ 21:20:54 #300
230788 n8n
Pragmatisch
pi_109146686
quote:
15s.gif Op donderdag 15 maart 2012 21:15 schreef BBQSausage het volgende:

[..]

Hoe bedoel je "schalen" naar overgebleven ruimte?
dat als de viewport minder hoog wordt de afbeeldingen kleiner worden met het venster mee. Net als content zou moeten als je normaliter een venster minder breed maakt.
Specialization is for insects”.—Robert Heinlein
  donderdag 15 maart 2012 @ 21:24:22 #301
370539 kucher
is snucher
pi_109146905
Dat kan met media queries

http://kyleschaeffer.com/(...)g-css-media-queries/

Tevens, gebruik een gecentreerde achtergrond op een div met automatische breedte. Wordt de div kleiner, wordt het plaatje gewoon afgesneden.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')