abonnement Unibet Coolblue Bitvavo
pi_65433878
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
IE7: Werkt.
IE8: Werkt niet.
FX: Werkt niet.
pi_65433924
quote:
Op maandag 26 januari 2009 20:25 schreef Roy_T het volgende:

[..]

Nee, want het is geen tabulaire data maar een opsomming.
Ik zie eigenlijk ook geen andere manier om verticaal te centreren?

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
pi_65435823
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?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_65435988
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.
pi_65436289
Nou eens zien of het werkt, zal het morgen even proberen en de resultaten posten!.

/meld af
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_65436612
quote:
Op maandag 26 januari 2009 21:05 schreef veldmuis het volgende:

Ik zie eigenlijk ook geen andere manier om verticaal te centreren?
Scheiding van structuur en presentatie enzo 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.
pi_65436730
quote:
Op maandag 26 januari 2009 22:03 schreef Roy_T het volgende:

[..]

Scheiding van structuur en presentatie enzo 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?
pi_65437077
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).
pi_65437172
Klopt. Maar gaat netheid dan boven ontwerp? Stel je dan niet een beetje verkeerde prioriteiten?
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:17:24 #285
1972 Swetsenegger
Egocentrische Narcist
pi_65437272
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
pi_65437405
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?
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.
pi_65437487
quote:
Werkt in FF 3.0.5 en Safari 3.2.1, ondanks het foutje in je HTML (staat een dubbele quote verkeerd).
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:23:04 #288
1972 Swetsenegger
Egocentrische Narcist
pi_65437550
quote:
Op maandag 26 januari 2009 22:21 schreef Roy_T het volgende:

[..]

Werkt in FF 3.0.5 en Safari 3.2.1, ondanks het foutje in je HTML (staat een dubbele quote verkeerd).
Die had ik al gevonden ja
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:24:07 #289
1972 Swetsenegger
Egocentrische Narcist
pi_65437591
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.
pi_65438041
IE8 weigert nog wel.
Wat betreft FX heb je gelijk .
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:35:47 #291
1972 Swetsenegger
Egocentrische Narcist
pi_65438091
quote:
Op maandag 26 januari 2009 22:34 schreef veldmuis het volgende:
IE8 weigert nog wel.
Wat betreft FX heb je gelijk .
Ik zit hier op Mac, dus kan IE8 niet testen nu. Maar IE8 is beta en weigert wel meer
Ik zal morgen ff met IE8 kijken.
pi_65438122
IE8 is RC
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:38:14 #293
1972 Swetsenegger
Egocentrische Narcist
pi_65438199
quote:
Op maandag 26 januari 2009 22:36 schreef veldmuis het volgende:
IE8 is RC
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.
pi_65438248
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.
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:42:01 #295
1972 Swetsenegger
Egocentrische Narcist
pi_65438344
Hmz, ff via citrix getest. Op chrome doettie het ook, maar op IE7 ook niet. ff kijken wat hij met een doctype doet
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:44:56 #296
1972 Swetsenegger
Egocentrische Narcist
pi_65438455
quote:
Op maandag 26 januari 2009 22:39 schreef veldmuis het volgende:
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.
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.

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
pi_65438611
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.
pi_65438667
quote:
Op maandag 26 januari 2009 22:44 schreef Swetsenegger het volgende:

[..]

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.
Transparante PNG's gaan ook in IE7 al gewoon goed, zonder vage workarounds.
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 22:50:27 #299
1972 Swetsenegger
Egocentrische Narcist
pi_65438714
quote:
Op maandag 26 januari 2009 22:49 schreef Light het volgende:

[..]

Transparante PNG's gaan ook in IE7 al gewoon goed, zonder vage workarounds.
Ja precies.
pi_65439181
quote:
Op maandag 26 januari 2009 22:36 schreef veldmuis het volgende:
IE8 is RC
en hier geinstalleerd, nu hopen dat de JS enigne wat stabieler is
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')