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.quote: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.
1 | .icon_twitter:hover, .icon_facebook:hover, .icon_youtube:hover, .icon_vimeo:hover, .icon_googleplus:hover{ |
of .parentelement imgquote: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.
Doe je goedquote: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.
Ja, en waar het aan kan liggen weet ik ook nietquote:
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.quote: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.
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.quote: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?Of wel en moet ik dat eruit filteren voor IE?
Bedankt voor het meedenken.
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.quote: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.
Ik denk 9, maar ik moet nu weg, dus kan niet kijken, ik laat het je nog zeker weten.quote: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?
jjasjlkdjsalkd. Doe ik wel als ik tijd heb dit weekendquote: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.
Opnieuw bouwen? Welnee. Je weet toch wel wat <!-- --!> doet en /** **/ doet?quote:Op donderdag 8 maart 2012 08:49 schreef RenRen- het volgende:
[..]
jjasjlkdjsalkd. Doe ik wel als ik tijd heb dit weekendAlles opnieuw bouwen, best een kutklus.
...quote:Op donderdag 8 maart 2012 08:52 schreef Scorpie het volgende:
[..]
Opnieuw bouwen? Welnee. Je weet toch wel wat <!-- --!> doet en /** **/ doet?
1 2 3 4 | *{ margin:0; padding:0; } |
Geen flauw idee hoe nieuw het is. Kwam het toevallig van de week tegen en dit is hoe ze het noemen:quote: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
Of nog beter: gebruik helemaal geen reset.quote: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: toch welquote:Op donderdag 8 maart 2012 10:13 schreef KomtTijd... het volgende:
[..]
Of nog beter: gebruik helemaal geen reset.
Juist wel.quote:Op donderdag 8 maart 2012 10:13 schreef KomtTijd... het volgende:
[..]
Of nog beter: gebruik helemaal geen reset.
quote: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.quote: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.
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.quote: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.
Dat is semantisch niet oke natuurlijkquote: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...
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: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.
Ik gebruikte heel lang resets, maar ben nu overgestapt naar een normalize stylesheet.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.
Waarom??quote: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...
Omdat designers soms rare mensen zijn?quote:
een lijst die achterelkaar staat is niet echt een lijst natuurlijk. En EM is voor nadruk (emphasis). Maargoed; suit yourself.quote: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..
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: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.
niet alles natuurlijk. Maar het zorgt er wel voor dat de basis overal gelijk is.quote: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 IENaja daar ga ik het niet eens over hebben.
Oeeeeeh even kijkenquote: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.
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.quote: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.
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; |
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.quote: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 IENaja daar ga ik het niet eens over hebben.
Die streep komt van dat gifje (die title.gif) en verder heeft die h1 geen stylen.quote: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?
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> |
Dan zet hij het goed in chrome maar staat het verkeerd firefox in (tegen de bovenkant gedrukt) .quote: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
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |