Daar stappen alle browsers op over (nou ja, Safari, Firefox, etc doen het al eeuwen natuurlijk), omdat het veel logischer is. Je kunt onmogelijk fontgroottes wijzigen zonder ergens een lay-out te breken, omdat je nou eenmaal beperkte ruimte e.d. hebt.quote:Op zaterdag 31 januari 2009 00:43 schreef n8n het volgende:
In Safari schaalt nu iig de hele lay-out mee als ik de fontgrootte wijzig, dat zou ook in IE6 zo moeten zijn.
True, maar ik had het idee dat n8n dat punt even vergat.quote:Op zaterdag 31 januari 2009 00:37 schreef Roy_T het volgende:
[..]
Daar ben je zelf bij natuurlijk. Je kunt toch prima nagaan wat de fontgrootte van de parent is?
Ik weet niet wat een gebruiker doet met de instellingen, dus vind ik het handiger om een bekend punt als uitgangspunt te nemen. Daarbij kan die standaard ook nog browserafhankelijk zijn, en misschien zelfs fontafhankelijk.quote:Dat maakt toch niks uit? Het mooie van een relatieve unit is dat het dus meeschaalt (vandaar het "relatieve"). De browserinstelling van de gebruiker maakt dus niets uit. Of denk je liever "de gebruiker stelt z'n browser in op "grote letters", maar daar heb ik niets mee te maken, hij doet het maar met 10px"?
Niet bedoeld als sneerquote:Toch wel, en die deze opmerking lijkt meer op een sneer dan op een steekhoudend argument (correct me if I'm wrong)
Ik heb hier geen IE (laat staan IE6) om mee te kijken. Nu.nl/tvgids gebruikt idd alleen em-fonts, dit in tegenstelling tot de gewone nu.nl site. Mooi vergelijkingsmateriaal.quote:Kijk anders eens hoe relatieve units (em) prima werken op de NU.nl TV-gids, ook in IE6. En daar heb ik echt geen halsbrekende toeren voor uit hoeven halen
Dat ben ik ook niet Maar de site(s) van nu.nl heb ik niet gemaakt.quote:NB: Het design daarvan heeft niet altijd ruimte voor grote fonts, daar kan ik ook niks aan doen Maar dat doet niets af aan het prima bruikbare em. En ja, dit is ook een shameless plug om aan te geven dat ik echt geen n00b ben op dit gebied.
Ik wel Tenminste: die TV-gids (of was dat al duidelijk?)quote:Op zaterdag 31 januari 2009 01:05 schreef Light het volgende:
Dat ben ik ook niet Maar de site(s) van nu.nl heb ik niet gemaakt.
Ik vind relatieve units wel erg handig bij dingen als line-height en bij margins en paddings van headers en paragrafen. Dan hoef je dat niet bij iedere aanpassing in de fontgrootte aan te passenquote:Op zaterdag 31 januari 2009 02:26 schreef Roy_T het volgende:
Ik moet stiekem wel bekennen dat ik normaal ook liever px gebruik dan relatieve units
Eensch! Dat zijn inderdaad de uitzonderingen. Voor line-height gebruik ik dan vaak ook gewoon percentages ipv em, zoals "line-height: 150%".quote:Op zaterdag 31 januari 2009 08:45 schreef Light het volgende:
[..]
Ik vind relatieve units wel erg handig bij dingen als line-height en bij margins en paddings van headers en paragrafen. Dan hoef je dat niet bij iedere aanpassing in de fontgrootte aan te passen
Leuk stukje tekst, bij die link.quote:Op zaterdag 31 januari 2009 10:44 schreef n8n het volgende:
Ik gebruik altijd em's, eerst zet ik wel de grootte van de em op 10 px, wat het rekenen een stuk makkelijker maakt. Dit doe je met html { font-size: 62.5%; }, zie hier voor meer uitleg. Het enige waarvoor ik tegenwoordig geen em's meer voor gebruik is de breedte van de lay-out (of ik gebruik een max-width) en de afmetingen van afbeeldingen omdat dit bij vegroting de kwaliteit teniet doet.
Misschien ligt het aan mij, maar ik heb nog geen standaard corpsgrootte gezien bij het W3C. Waar kan ik dat vinden?quote:Het eerste wat je moet weten is de standaard corpsgrootte, dus zonder dat jij er in je css iets aan veranderd hebt. Dit is door W3C vastgesteld op 16px.
Waar het te vinden is weet ik niet, en ook niet of de w3c het wel heeft vastgelegd. Wat ik wel weet is dat (bijna?) elke browser een standaard corpsgrootte van 16px heeft voor platte tekst. Kijk maar bij elke wilekeurige browser in de voorkeuren. Het voordeel van em's is dan ook, als iemand de corpsgrootte op bijvoorbeeld 18px instelt, en alle developers zouden em gebruiken, alle websites voor die persoon direct een groter font en eventueel een grotere lay-out hebben. Maargoed de wereld is niet perfect, zeker niet in webdesign.quote:Op zaterdag 31 januari 2009 11:16 schreef Light het volgende:
Misschien ligt het aan mij, maar ik heb nog geen standaard corpsgrootte gezien bij het W3C. Waar kan ik dat vinden?
1 2 3 4 5 6 7 8 9 10 11 12 13 | background-color:#ffffff; width:960px;} #globalnav li{display:inline;margin-left:0.5em;padding-right:0.7em;border-right:1px solid #D4D4D4;} #navigation { float:right; text-align: right; background-color:#985e04; margin-right: 0%; width: 100%; font-size: 10px; background:url('logo.gif'); height:100px; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div id="globalnav"> <ul> <li><a href="http://www.flickr.com/photos/rcsmit/" target="_blank">Photos@FlickR</a> </li> <li><a href="http://petitmonde.yepcheck.com/" target="_blank">Lifelog</a></li> <li><a href="http://www.yeuxmarrons.com/contact.php" class="contact">Contact(er)</a></li> </ul> </div><!-- #globalnav --> <div id="navigation" onclick="location.href='http://www.yeuxmarrons.com';" style="cursor:pointer;"> <ul> <li><a href="http://www.yeuxmarrons.com/photos/B2614">B2614</a></li>ETCETERA</ul> </div> |
#globalnav een margin-top van x pixels geven?quote:Op zondag 8 februari 2009 11:45 schreef tim2308 het volgende:
Het is gelukt! en als ik die ruimte wel wil hebben, maar dan wit?
Ik zie dat zo snel niet eigenlijk. Je kunt de background wel aan de UL meegeven, maar ik weet niet of dat is wat je wilt?quote:Het is trouwens raar dat ik in het fototabel gedeelte geen achtergrond kan plaatsen, maar in het logogedeelte wel. Ik heb http://www.webmasterworld.com/forum83/6991.htm daarover gevonden, maar ken je nog een simpeler walkaround?
1 2 3 4 5 | <li>bla</li> <li>bla</li> <li>bla</li> </ul> |
1 2 3 | <li>bla</li><li>bla</li><li>bla</li> </ul> |
Op het werk gebruiken wij Smarty voor het schrijven van de templates. Dat heeft een functie {strip} die alle witruimte in je code weg haalt. Als je dus in je templates aan het werk bent krijg je keurig net ingesprongen code te zien, maar zodat het ingelezen wordt door de browser wordt alle witruimte verwijderd... Aangezien Smarty PHP-based is voor zover ik weet, zal er ook best een PHP-functie zijn waarmee je hetzelfde bereikt..?quote:Op zondag 8 februari 2009 14:16 schreef veldmuis het volgende:
Ik vraag me trouwens nog iets af. Ik heb vaak last van waardeloze marges als ik iets zo opzet:
[ code verwijderd ]
Dit werkt dan wel
[ code verwijderd ]
Het verschilt per browser hoe daarmee omgegaan wordt. Voor de duidelijkheid en netheid van de HTML heb ik liever het eerste, maar het tweede is helaas wel eens nodig.
Is daar een oplossing voor?
Thnx!quote:Op zondag 8 februari 2009 22:01 schreef veldmuis het volgende:
En waarom typ ik altijd die px erachter als het 0 is? .
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |