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.
IE7: Werkt.quote:Op maandag 26 januari 2009 14:01 schreef Swetsenegger het volgende:
[..]
Je div een line-height meehgeven gelijk aan de height van je div en in je image "vertical-align:middle" opnemen
IE8: Werkt niet.
FX: Werkt niet.
Ik zie eigenlijk ook geen andere manier om verticaal te centreren?quote:Op maandag 26 januari 2009 20:25 schreef Roy_T het volgende:
[..]
Nee, want het is geen tabulaire data maar een opsomming.
Enige optie die er fatsoenlijk uit ziet is wat er al geroepen werd, uitlijnen op de bodem. Da's nog simpel ook, gewoon de img's absoluut positioneren en dan ben je klaar
veldmuis, ik zie inderdaad ook geen andere oplossing, heel netjes niet en de validator valt er wel over maar een tabel zou de meest simpele oplossing zijn.
Maar kun je jou oplossing eens laten zien? en werkt deze wel in alle browsers?
Maar kun je jou oplossing eens laten zien? en werkt deze wel in alle browsers?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ik zou het sowieso anders doen.
die div weglaten, die ul zelfs weglaten en gewoon de a een display block geven, breedte, hoogte, etc.
de a dan een position relative, de img een position absolute, bottom op 0px en eh..nou zit ik ff te denken hoe ik die zou centreren. margin 0px auto denk ik.
die div weglaten, die ul zelfs weglaten en gewoon de a een display block geven, breedte, hoogte, etc.
de a dan een position relative, de img een position absolute, bottom op 0px en eh..nou zit ik ff te denken hoe ik die zou centreren. margin 0px auto denk ik.
Nou eens zien of het werkt, zal het morgen even proberen en de resultaten posten!.
/meld af
/meld af
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Scheiding van structuur en presentatie enzoquote:Op maandag 26 januari 2009 21:05 schreef veldmuis het volgende:
Ik zie eigenlijk ook geen andere manier om verticaal te centreren?
Het is een lijst, dus het zou gewoon (zoals hierboven staat) een <ul> moeten zijn. Dat je dat niet in de look krijgt die je wil, maakt nog niet dat tabellen hier "dus" correct zijn.
Semantisch is het wellicht netter om <ul><li><table><tr><td><a><img></a></td></tr></table></li><li><table><tr><td><a><img></a></td></tr></table></li></ul> te doen. Ik zou echter voor een gewone ouderwetse table gaan hoor. Kan hier prima imo. Het is niet helemaal table-data wat je daar hebt, maar zolang het één tabel is in een keurige html, boeiend toch?quote:Op maandag 26 januari 2009 22:03 schreef Roy_T het volgende:
[..]
Scheiding van structuur en presentatie enzo
Nee, semantisch is het netter om gewoon helemaal geen tabel te gebruiken I.p.v. die <div>'s gewoon <li>'s en klaar. Hier tabellen voor gebruiken is nooit keurige HTML, want het is niet "niet helemaal" tabulaire data, maar "helemaal niet" (tenzij je een kolom "afbeelding", "bestandsnaam", etc maakt en per afbeelding een rij).
I.p.v. die <div>'s gewoon <li>'s en klaar. Hier tabellen voor gebruiken is nooit keurige HTML, want het is niet "niet helemaal" tabulaire data, maar "helemaal niet" (tenzij je een kolom "afbeelding", "bestandsnaam", etc maakt en per afbeelding een rij).
quote:Op maandag 26 januari 2009 21:04 schreef veldmuis het volgende:
[..]
IE7: Werkt.
IE8: Werkt niet.
FX: Werkt niet.
http://test.xploise.nl/align.html
Het één is wat mij betreft niet ondergeschikt aan het andere. De HTML moet goed zijn, de CSS moet net zo goed zijn en de JavaScript ook. Er zit natuurlijk altijd wat rekbaarheid in, maar tabellen gebruiken enkel en alleen voor positionering is plain evil imo.quote:Op maandag 26 januari 2009 22:15 schreef veldmuis het volgende:
Klopt. Maar gaat netheid dan boven ontwerp? Stel je dan niet een beetje verkeerde prioriteiten?
Werkt in FF 3.0.5 en Safari 3.2.1, ondanks het foutje in je HTML (staat een dubbele quote verkeerd).quote:Op maandag 26 januari 2009 22:17 schreef Swetsenegger het volgende:
http://test.xploise.nl/align.html
Die had ik al gevonden jaquote:
[..]
Werkt in FF 3.0.5 en Safari 3.2.1, ondanks het foutje in je HTML (staat een dubbele quote verkeerd).
Er moet wel een tekst achter de image staan zie ik nu, maar dat kan je wel met een spatie oplossen. -edit- zoals nu in mijn huidige voorbeeld.
Ik zit hier op Mac, dus kan IE8 niet testen nu. Maar IE8 is beta en weigert wel meerquote:
IE8 weigert nog wel.
Wat betreft FX heb je gelijk.
Ik zal morgen ff met IE8 kijken.
Ik heb volgens mij beta 1 nog geinstalleerd staan, maar zal morgen ff kijken. Zou wel vreemd zijn als IE8 het niet doet, want dit is standaard CSS. En wat ik tot op heden van IE8 heb gezien stemt positief.quote:
Ik vind IE8 ook zeker een vooruitgang. Alleen jammer dat bijvoorbeeld opacity nog niet ondersteund wordt, maar dat ze daar nu een filter voor pakken wat weer op een andere manier werkt als IE7. Dat soort dingen stellen me wel teleur.
Hmz, ff via citrix getest. Op chrome doettie het ook, maar op IE7 ook niet. ff kijken wat hij met een doctype doet
Is dat zo? Dat wist ik eigenlijk niet, ik zie in ieder geval dat ik nu transparante PNG's hebt zonder dat ik zelf een workaround moet verzinnen.quote:
Ik vind IE8 ook zeker een vooruitgang. Alleen jammer dat bijvoorbeeld opacity nog niet ondersteund wordt, maar dat ze daar nu een filter voor pakken wat weer op een andere manier werkt als IE7. Dat soort dingen stellen me wel teleur.
Met de doctype lijkt hij het nu op alle browsers goed te doen. Getest in
Safari 3.2.x Mac
Firefox 3.0.xx Mac
Opera 9.6x Mac
IE 7.0.x Windows
Chrome 1.0.x Windows
Misschien is http://kimblim.dk/csstest/ ook handig om na te kijken welke browser welke css-features ondersteund. Niet dat alles wordt getest, maar het is wel een leuk overzicht. En je vraagt je meteen weer af waarom IE6 nog steeds niet in de ban is gedaan.
Transparante PNG's gaan ook in IE7 al gewoon goed, zonder vage workarounds.quote:
[..]
Is dat zo? Dat wist ik eigenlijk niet, ik zie in ieder geval dat ik nu transparante PNG's hebt zonder dat ik zelf een workaround moet verzinnen.
Ja precies.quote:
[..]
Transparante PNG's gaan ook in IE7 al gewoon goed, zonder vage workarounds.
