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.
Ik ben een HTML noob met een website, en ik wil iets verticaal centreren maar heb geen idee hoe.
Zie als voorbeeld deze pagina: http://home.planet.nl/~lever170/hk/hk.html
De pagina is een frame (ik weet het, ouderwets, je hoeft me er niet op te wijzen) met twee 'hokjes', aan de rechterkant de foto's, aan de linkerkant de BACK link. De pagina met de BACK link heeft deze code:
Nou wil ik graag dat allemaal verticaal centreren, zodat de verticale lijn ongeacht schermgrootte altijd samenvalt met de thumbnails van de foto's. Hoe doe ik dit?
[ Bericht 0% gewijzigd door problematiQue op 25-11-2011 17:10:32 ]
Zie als voorbeeld deze pagina: http://home.planet.nl/~lever170/hk/hk.html
De pagina is een frame (ik weet het, ouderwets, je hoeft me er niet op te wijzen) met twee 'hokjes', aan de rechterkant de foto's, aan de linkerkant de BACK link. De pagina met de BACK link heeft deze code:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html> <body style="background-color:#333333" link="white" alink="white" vlink="white"> <br> <br> <br> <br> <br> <br> <center> <table cellspacing="5" border="0" cellpadding="0"> <tr valign="top" align="left"> <td> <br><br><br><br> <a style="text-decoration:none" href="javascript: history.go(-1)">BACK</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p> </td> <td bgcolor="#FFFFFF"><img src="http://home.planet.nl/~lever170/1pix.gif"><BR></td> </tr> </table> </center> </body> </html> |
Nou wil ik graag dat allemaal verticaal centreren, zodat de verticale lijn ongeacht schermgrootte altijd samenvalt met de thumbnails van de foto's. Hoe doe ik dit?
[ Bericht 0% gewijzigd door problematiQue op 25-11-2011 17:10:32 ]
Ik zal het in andere woorden proberen uit te leggen. Bestaat er zoiets als een HTML tag gelijk aan <center> die verticaal werkt? Als je iets binnen <center> </center> zet, dan staat het horizontaal op het midden van de pagina, ongeacht of je het op een 40" TV bekijkt of op je iPhone. Dat wil ik verticaal (indien mogelijk).
Frames! 
.
Gebruik tabellen!. valign="middle"! .
[ Bericht 16% gewijzigd door #ANONIEM op 25-11-2011 17:11:43 ]
.Gebruik tabellen!
. valign="middle"! .[ Bericht 16% gewijzigd door #ANONIEM op 25-11-2011 17:11:43 ]
Dus, valign="top" vervangen door valign="middle" en that's it? (en nog wat <br>s weg)quote:Op vrijdag 25 november 2011 17:11 schreef zarGon het volgende:
Frames!
Gebruik tabellen!
Ja, of CSS, maar dat is eigenlijk niks, dan moet je de stijl van de inhoud gaan scheiden, brrr.
Puike code wel, succes ermee.
Puike code wel, succes ermee.
Frames en tabellen.quote:Op vrijdag 25 november 2011 17:12 schreef problematiQue het volgende:
[..]
Dus, valign="top" vervangen door valign="middle" en that's it? (en nog wat <br>s weg)
!Plaats de volgende icon op je pagina!
.
Plaats 'm eens tussen de <td> in plaats van <tr>.quote:Op vrijdag 25 november 2011 17:17 schreef problematiQue het volgende:
valign="middle" heeft geen merkbaar effect.
De boel opluisteren met marquee tags is natuurlijk ook een must... en bonuspunten voor eentje in je statusbalk.
Het doet me enorm deugd dat ik jullie zo'n lolletje kan bezorgen.
Met valign="middle" in de td tags gebeurt er nog steeds niets.
Met valign="middle" in de td tags gebeurt er nog steeds niets.
Plaats 'm tussen elke <table>, <tr> en <td>. En haal je <br>'s weg.quote:Op vrijdag 25 november 2011 17:25 schreef problematiQue het volgende:
Het doet me enorm deugd dat ik jullie zo'n lolletje kan bezorgen.
Met valign="middle" in de td tags gebeurt er nog steeds niets.
Ja, enorm lollig. Die tig Enters in plaats van Ctrl + Enter in Word is ook enorm lollig.
Misschien werkt het niet omdat je geen hoogte en/of breedte opgeeft.
Geen idee. Ik valignde 12 jaar geleden.
Geen idee. Ik valignde 12 jaar geleden.
Misschien dat er iets met Javascript kan, dat is client-side en kan de afmetingen van het venster bepalen. Dat kun je dan weer gebruiken om te centreren.
Dat is meteen ook alles wat ik er van weet. Heb een keer in lightbox routines zitten spitten voor fotoweergave en daar kwam ik iets overeenkomstig tegen om de positie van het weergave venster te bepalen.
Dat is meteen ook alles wat ik er van weet. Heb een keer in lightbox routines zitten spitten voor fotoweergave en daar kwam ik iets overeenkomstig tegen om de positie van het weergave venster te bepalen.
Wie ik ben?
Wie ben jij eigenlijk????
Wie ben jij eigenlijk????
Ja, dat soort pagina's heb ik ook bekeken, maar veel wijzer ben ik er niet van geworden.quote:
http://www.webmasterstart.nl/css/verticaal-centreren-in-css.html
Google eerste hit?
Wat moet hier bijvoorbeeld komen als de hoogte van de website de hoogte van het browserscherm is (MAW, er is geen vaste hoogte):
| 1 | margin-bottom:-300px; /* helft van de website hoogte */ |
quote:
[..]
Plaats 'm tussen elke <table>, <tr> en <td>. En haal je <br>'s weg.
Ja, enorm lollig. Die tig Enters in plaats van Ctrl + Enter in Word is ook enorm lollig.
.
Ik typ straat.
Mijn fashion blog: http://ludosfashionblog.wordpress.com/
Mijn fashion blog: http://ludosfashionblog.wordpress.com/
Als de hoogte van het te centreren object variable is dan zul je toch iets moeten zoeken in de trend van JavaScript. Als je denkt dat je nog meer JavaScript nodig hebt dan moet je anders eens kijken naar het framework JQuery.quote:
[..]
Ja, dat soort pagina's heb ik ook bekeken, maar veel wijzer ben ik er niet van geworden.
Wat moet hier bijvoorbeeld komen als de hoogte van de website de hoogte van het browserscherm is (MAW, er is geen vaste hoogte):
[ code verwijderd ]
Als je niet echt veel JavaScript gaat gebruiken dan hoef je ook niet echt een framework te gebruiken. Kan later op de avond misschien wel een voorbeeld geven als je er een nodig hebt.
Het te centreren object is niet variabel in hoogte, maar de pagina als geheel wel.quote:
[..]
Als de hoogte van het te centreren object variable is
|
|
