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.
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.
IE6 doet het niet en zal dat ook niet meer gaan doen
Ik bedoel juist zonder ondersteuning van de browser. Probeer het eens zou ik zeggen (als je daar nog mogelijkheid toe hebt). Safari doet het namelijk niet, is ook niet nodig als je correct met em's werkt.
“Specialization is for insects”.—Robert Heinlein
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 nietquote:NB: Het design daarvan heeft niet altijd ruimte voor grote fonts, daar kan ik ook niks aan doen
Maar de site(s) van nu.nl heb ik niet gemaakt.
Ik welquote:Op zaterdag 31 januari 2009 01:05 schreef Light het volgende:
Dat ben ik ook niet
Tenminste: die TV-gids (of was dat al duidelijk?) Ik moet stiekem wel bekennen dat ik normaal ook liever px gebruik dan relatieve units
[ Bericht 7% gewijzigd door Roy_T op 31-01-2009 02:31:50 ]
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:
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
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.
“Specialization is for insects”.—Robert Heinlein
Leuk stukje tekst, bij die link.quote:
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.
Even een tussendoortje, want ik neem aan dat hier de css guru's rond hangen.
Willen jullie even kijken naar mijn topic in dezelfde sectie als deze?
Bedankt
Willen jullie even kijken naar mijn topic in dezelfde sectie als deze?
Bedankt
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:
Misschien ligt het aan mij, maar ik heb nog geen standaard corpsgrootte gezien bij het W3C. Waar kan ik dat vinden?
“Specialization is for insects”.—Robert Heinlein
Wie weet waarom ik het kleine gekleurde balkje heb tussen het menu bovenin en het logo? In IE heb ik hem niet maar in alle andere browsers wel. Ik vermoed dat het heel erg simpel is, maar ik vind het niet
http://www.yeuxmarrons.com
http://www.yeuxmarrons.com
| 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> |
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
Jij bent er snel bij ! Toegevoegd, is http://www.yeuxmarrons.com
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
De UL van je bovenste menu (rechtsboven die 3 links). Daar even de margin-bottom op 0px zetten en het is over
Het is gelukt! en als ik die ruimte wel wil hebben, maar dan wit?
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?
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?
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
#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?
Ik vraag me trouwens nog iets af. Ik heb vaak last van waardeloze marges als ik iets zo opzet:
Dit werkt dan wel
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?
| 1 2 3 4 5 | <li>bla</li> <li>bla</li> <li>bla</li> </ul> |
Dit werkt dan wel
| 1 2 3 | <li>bla</li><li>bla</li><li>bla</li> </ul> |
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?
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?
Bleuh.
Ik gebruik de lists altijd voor de menu's. Ik heb zo snel geen voorbeeld bij de hand, ik ga wat in elkaar flansen. Krijg het zo 1-2-3 niet voor elkaar, dus moet even wat bedenken
Hmmm lists blijven toch altijd lastig. Kan iemand mij op weg helpen?
Ik heb een UL met daarin een aantal items. Nu wil ik twee dingen:
1) Het tekentje ervoor weg (geen probleem; list-style-type: none;)
2) De margin/padding ervoor weg.
Dat tweede lukt me dus niet. Ik krijg het niet voor elkaar om het geheel niet meer in te laten springen en dus gewoon links uit te lijnen. Any thoughts?
Ik heb een UL met daarin een aantal items. Nu wil ik twee dingen:
1) Het tekentje ervoor weg (geen probleem; list-style-type: none;)
2) De margin/padding ervoor weg.
Dat tweede lukt me dus niet. Ik krijg het niet voor elkaar om het geheel niet meer in te laten springen en dus gewoon links uit te lijnen. Any thoughts?
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?.
Op het moment dat ik het hier lees vind ik net een site met de info (het hoeft alleen maar op de UL en niet ook op de LI). Ik zocht eerst op de verkeerde termen.
http://css.maxdesign.com.au/listutorial/sub03.htm
