DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Wat dacht je van een paar linkjes naar IE8 of Firefox? Doe ik ook 
We kunnen niet voor eeuwig IE6 ondersteunen omdat sommigen nog in 2001 leven en te lui zijn om te updaten. Ik heb net voor het eerst een "nieuwe generatie" theme gemaakt voor Wordpress en het is heerlijk om niet constant IE6 in je achterhoofd te hoeven houden en achteraf PNG hacks, ie6fixes.css e.d. te moeten implementeren 
We kunnen niet voor eeuwig IE6 ondersteunen omdat sommigen nog in 2001 leven en te lui zijn om te updaten. Ik heb net voor het eerst een "nieuwe generatie" theme gemaakt voor Wordpress en het is heerlijk om niet constant IE6 in je achterhoofd te hoeven houden en achteraf PNG hacks, ie6fixes.css e.d. te moeten implementeren
シ
De klant is koning, en als de koning lui is, dan moet ik me als winkelier daar maar op aanpassenquote:Op woensdag 22 juli 2009 17:33 schreef Chanty87 het volgende:
Wat dacht je van een paar linkjes naar IE8 of Firefox? Doe ik ook
Trotse poster van het 37000000ste bericht ^O^
Youtube, Digg en 37signals dachten er ook zo over 
Maar prima hoor, jouw keuze 
Ik verspil mijn tijd niet meer aan IE6 (tenzij de klant echt zeker weten IE6 support wil voor een extra bedrag). Zeker niet nu de grote sites er ook mee kappen. Hoe meer designers/developers de ondersteuning laten vallen des te sneller we van die kutbrowser af zijn.
Maar prima hoor, jouw keuze Ik verspil mijn tijd niet meer aan IE6 (tenzij de klant echt zeker weten IE6 support wil voor een extra bedrag). Zeker niet nu de grote sites er ook mee kappen. Hoe meer designers/developers de ondersteuning laten vallen des te sneller we van die kutbrowser af zijn.
シ
Er zit een verschil tussen een site niet laten werken in IE6 en er iets anders uit laten zien in IE6. Nu is jouw geval wellicht anders, maar standaard zorg ik ervoor dat een site werkt in IE6. Ik vertel mijn klant vantevoren dat de site er misschien in details anders uit ziet (door het gebrek aan :last-child krijgt de laatste rij in een tabel tóch een randje eronder, etc). Wil je het pixel perfect in IE6: prima. Maar dan gaan we daar wel eerst een begroting voor makenquote:Op woensdag 22 juli 2009 17:13 schreef daReaper het volgende:
Voor mijn eigen site wil ik best IE6 bannen, maar dit is voor een klant die een webshop in rusland wil draaien, en daar is internet nog niet overal zo ver ontwikkeld, dus zijn er nog een hoop IE6-gebruikers, die dan dus geen klant zullen zijn.
Da's niet echt waar, recent onderzoek toont aan dat van de IE6 gebruikers slechts ongeveer 14% thuisgebruikers zijn. De overige 86% zijn mensen die het op hun werk moeten gebruiken, en die kunnen niet upgraden. Dat die bedrijven niet upgraden, daar hebben ze een goede reden voor: ze hebben 8 jaar geleden web apps laten bouwen door prutsers, die alleen in IE6 werken. Als ze moeten kiezen tussen YouTube goed tonen, of hun app die een ton gekost heeft laten werken, dan is de keuze snel gemaakt. Zolang de pruts apps niet uitgefaseerd zijn blijft een groot deel van werkend Nederland IE6 gebruiken.quote:Op woensdag 22 juli 2009 17:33 schreef Chanty87 het volgende:
Wat dacht je van een paar linkjes naar IE8 of Firefox? Doe ik ook
Ahja, zoals het er nu uit ziet in IE6 ben ik op zich tevreden, hoewel het inderdaad niet perfect is. en :last-child werkt door dat script dus wèlquote:Op donderdag 23 juli 2009 09:19 schreef Roy_T het volgende:
[..]
Er zit een verschil tussen een site niet laten werken in IE6 en er iets anders uit laten zien in IE6. Nu is jouw geval wellicht anders, maar standaard zorg ik ervoor dat een site werkt in IE6. Ik vertel mijn klant vantevoren dat de site er misschien in details anders uit ziet (door het gebrek aan :last-child krijgt de laatste rij in een tabel tóch een randje eronder, etc). Wil je het pixel perfect in IE6: prima. Maar dan gaan we daar wel eerst een begroting voor maken
Trotse poster van het 37000000ste bericht ^O^
Nee, :last-child werkt niet, maar dat zie je niet omdat dat script het gedrag van :last-child nadoetquote:Op donderdag 23 juli 2009 10:27 schreef daReaper het volgende:
Ahja, zoals het er nu uit ziet in IE6 ben ik op zich tevreden, hoewel het inderdaad niet perfect is. en :last-child werkt door dat script dus wèl
Maar dan ben je nu opeens afhankelijk van JavaScript, of dat nou echt een beter alternatief is, daar kun je over discussiëren
:last-child werkt ook niet in IE7, voor zover ik weet. En meeestal kun je het met :first-child ook wel oplossen (maar ook die werkt niet in IE6).quote:Op donderdag 23 juli 2009 09:19 schreef Roy_T het volgende:
(door het gebrek aan :last-child krijgt de laatste rij in een tabel tóch een randje eronder, etc). Wil je het pixel perfect in IE6: prima. Maar dan gaan we daar wel eerst een begroting voor maken
Ik heb het ook niet alleen over thuisgebruikersquote:
[..]
Da's niet echt waar, recent onderzoek toont aan dat van de IE6 gebruikers slechts ongeveer 14% thuisgebruikers zijn. De overige 86% zijn mensen die het op hun werk moeten gebruiken, en die kunnen niet upgraden. Dat die bedrijven niet upgraden, daar hebben ze een goede reden voor: ze hebben 8 jaar geleden web apps laten bouwen door prutsers, die alleen in IE6 werken. Als ze moeten kiezen tussen YouTube goed tonen, of hun app die een ton gekost heeft laten werken, dan is de keuze snel gemaakt. Zolang de pruts apps niet uitgefaseerd zijn blijft een groot deel van werkend Nederland IE6 gebruiken.
Door die bedrijven blijft het web constant steken. Het is de hoogste tijd om na 8 jaar IE6 met de volgende generatie te gaan werken ipv vernieuwing in de weg te blijven zitten omdat ze hun prutsapps niet willen updaten. Zolang iedere designer/developer IE6 blijft ondersteunen zal er nooit geupgradet worden omdat die noodzaak er niet is en dus sluit ik me maar al te graag aan bij YT, Digg en 37signals
シ
Jawel hoorquote:Op donderdag 23 juli 2009 12:40 schreef Light het volgende:
:last-child werkt ook niet in IE7, voor zover ik weet
:nth-child niet.
Van de bedrijven die je noemt is 37signals de enige die winst boekt uit verkopen van een dienst, en die hebben echt andere klanten dan de bedrijven die een paar ton aan een web app uitgeven. Dat is iets anders dan max 99$ voor Basecamp.quote:Op donderdag 23 juli 2009 12:47 schreef Chanty87 het volgende:
Ik heb het ook niet alleen over thuisgebruikers
Ik ben het helemaal met je eens dat IE6 er zo snel mogelijk uit moet, en dat iedereen (ook bedrijven) zou moeten upgraden. Maar dat neemt niet weg dat ik heel goed begrijp waarom een TNT of een Rabobank dat niet doen. Een groot deel van hun processen valt stil als ze upgraden naar een browser waar hun apps niet mee werken. Het is, zeker nu, een stuk voordeliger om dan maar IE6 te houden ipv veel geld uit te geven aan nieuwe apps.
:last-child ook niet. Is trouwens een css3 ding, net als :nth-child.quote:
Ik heb het getest met onderstaande html/css:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Test</title> <style type="text/css"> #test { color: red; } #test :last-child { color: green; } </style> </head> <body> <div id="test"> <p>Child 1</p> <p>Child 2</p> <p>Child 3</p> </div> </body> </html> |
Je hebt gelijk. Ik was in de war met :first-child (wat weer CSS 2.1 is en wél werkt in IE7).quote:Op donderdag 23 juli 2009 17:14 schreef Light het volgende:
:last-child ook niet. Is trouwens een css3 ding, net als :nth-child.
Ik kom niet uit het volgende:
HTML:
CSS:
Is mijn opbouw (css) goed zo? want ik heb het idee als ik in .topsteden .cities { } padding: 5px; doe, dat die voor alle andere ook geldt?
HTML:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <div class="cities"> <div class="city" id="1"> <div class="image"><img src="/images/amsterdam.jpg" alt="Amsterdam" width="80" /></div> <div class="title"><a href="#">Amsterdam</a></div> <div class="rating"><img src="/images/star.png" alt="nvt" /></div> <div class="text">Amsterdam is de hoofdstad van Nederland en mag aanspraak maken op de titel "Wereldstad". Vele verschillende kanten van Nederland zie je hier in een stad. Oude gebouwen, moderne architectuur, natuur, musea en nog veel meer. <a href="#" style="font-size: 10px;" class="border"><i>(lees verder...)</i></a></div> </div> <div class="city" id="2"> <div class="image"><img src="/images/den_haag.jpg" alt="Den Haag" width="80" /></div> <div class="title"><a href="#">Den Haag</a></div> <div class="rating"><img src="/images/star.png" alt="nvt" /></div> <div class="text">bsdfgh fdfg dsfgvbsdasdf lablabla</div> </div> </div> |
CSS:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .topsteden {} .topsteden .menu { text-align: center;} .topsteden .cities {position: relative; top: 15px;} .topsteden .cities .city {position: relative; top: 10px; padding: 10px; height: 95px;} .topsteden .cities .city .image { position: relative; float: left; width: 85px; height: 85px; border:1px solid gray; padding-left: 5px; padding-top: 5px; left: 5px; } .topsteden .cities .city .title {position: relative; left: 13px; float:left; font-weight: bold;} .topsteden .cities .city .rating {position: relative; left: 130px;} .topsteden .cities .city .text {position: absolute; left: 110px; top: 20px;font-size: 10px;} |
Is mijn opbouw (css) goed zo? want ik heb het idee als ik in .topsteden .cities { } padding: 5px; doe, dat die voor alle andere ook geldt?
Voor welke anderen?
Je HTML is verder redelijk ruk overigens Divitis is net zo erg als tabellen Waarom .text ipv <p>, waarom .title ipv <hn>?
Je HTML is verder redelijk ruk overigens
Divitis is net zo erg als tabellen Waarom .text ipv <p>, waarom .title ipv <hn>?
Voor topsteden .cities .city en topsteden .cities .city .images etc. bijvoorbeeldquote:Op zondag 26 juli 2009 22:33 schreef Roy_T het volgende:
Voor welke anderen?
Je HTML is verder redelijk ruk overigens
Je hebt idd gelijkt betreffende die .text en .title :0
Je bedoelt dat .cities een lijst met steden is en .city een losse stad? Waarom dan niet <ul> en <li> gebruiken? Die zijn speciaal voor lijsten gemaaktquote:
[..]
Voor topsteden .cities .city en topsteden .cities .city .images etc. bijvoorbeeld
Je hebt idd gelijkt betreffende die .text en .title :0
Als je in ".topsteden .cities {position: relative; top: 15px;}" padding toevoegt, dan heeft dat alleen effect op de div met class="cities".
En niet op de gehele div .topsteden?quote:Op maandag 27 juli 2009 10:03 schreef Roy_T het volgende:
Als je in ".topsteden .cities {position: relative; top: 15px;}" padding toevoegt, dan heeft dat alleen effect op de div met class="cities".
Nee. Alleen op de div .cities in de div .topsteden.quote:
[..]
En niet op de gehele div .topsteden?
Nee. Je bent niet in de war met margin ofzo? Niet dat het daarvoor wel geldt, maar dan is het op het eerste gezicht moeilijker om te zien of de ruimte door padding op de ouder of margin op het kind komt.quote:Op maandag 27 juli 2009 10:41 schreef Likkende_Lassie het volgende:
En niet op de gehele div .topsteden?
Ander dingetje... Ik heb zeg maar zo'n collapse/expand gevalletje wat er ongeveer zo uitziet...
Nu werkt het allemaal fijn alleen zit er zeg maar nu zo'n lelijke ruimte ruimte, witregel, tussen me links... en die wil ik weghebben... padding en margin veranderen helpt niet
(als div weg is is witregel ook weg ofcourse)
| 1 2 3 4 | <a href="#" onclick"toggle('id2')">Collapse 2</a><div id="id2" style="display:none;">Blaat 2</div> <a href="#" onclick"toggle('id3')">Collapse 3</a><div id="id3" style="display:none;">Blaat 3</div> <a href="#" onclick"toggle('id4')">Collapse 3</a><div id="id4" style="display:none;">Blaat 4</div> |
Nu werkt het allemaal fijn alleen zit er zeg maar nu zo'n lelijke ruimte ruimte, witregel, tussen me links... en die wil ik weghebben... padding en margin veranderen helpt niet
(als div weg is is witregel ook weg ofcourse)
Lineheight aanpassen?quote:
Ander dingetje... Ik heb zeg maar zo'n collapse/expand gevalletje wat er ongeveer zo uitziet...
[ code verwijderd ]
Nu werkt het allemaal fijn alleen zit er zeg maar nu zo'n lelijke ruimte ruimte, witregel, tussen me links... en die wil ik weghebben... padding en margin veranderen helpt niet
Wat wil je bereiken? Op het moment dat er geen div aan staat, is er ook geen witruimte en staan ze gewoon achter elkaar. Als er een div aan staat, dan staat er ook inhoud in neem ik aan?quote:Op dinsdag 28 juli 2009 16:05 schreef iBolt het volgende:
Ander dingetje... Ik heb zeg maar zo'n collapse/expand gevalletje wat er ongeveer zo uitziet...
[ code verwijderd ]
Nu werkt het allemaal fijn alleen zit er zeg maar nu zo'n lelijke ruimte ruimte, witregel, tussen me links... en die wil ik weghebben... padding en margin veranderen helpt niet
