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...
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')