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
quote:
[..]
Het te centreren object is niet variabel in hoogte, maar de pagina als geheel wel.
| 1 2 3 | Position: absolute; Top: 50% margin-top: -*px // * = halve hoogte van het object |
Ja, ik ben geen retard, ik weet er alleen erg weinig vanaf. Als je met een halve uitleg komt dan blijf ik vragen stellen.
Kijk eens in je eigen code. Zie je mogelijk iets in je eigen code wat ook maar enigsinds overeen komt met stuk van komtijd ? Mogelijk moet het dan daar toegevoegd worden.quote:
Ja, ik ben geen retard, ik weet er alleen erg weinig vanaf. Als je met een halve uitleg komt dan blijf ik vragen stellen.
Dat je ergens weinig vanaf weet is niet erg. Dat je wilt dat andere het helemaal voorkauwen wel.
- - = |randommusicvideos | = - - | - - = | prettyendless | = - -
Ja, de link zelf, maar het gaat ook om de verticale lijn en dus de hele tabel. Vandaar mijn vraag waar ik het moet plaatsen, want als ik dat alleen bij de <a> tag van de link zet dan heeft KomtTijd kennelijk niet begrepen wat mijn vraag was.
Ik wil helemaal niet dat het me voorgekauwd wordt, maar ik zou wel eens een serieus antwoord willenquote:
Dat je ergens weinig vanaf weet is niet erg. Dat je wilt dat andere het helemaal voorkauwen wel.
http://www.handleidinghtml.nl/
Daar heb ik het jaren geleden ook mee geleerd. Als je het daar niet kunt vinden kan het gewoon niet met HTML. Althans dat werd destijds gezegd.
Daar heb ik het jaren geleden ook mee geleerd. Als je het daar niet kunt vinden kan het gewoon niet met HTML. Althans dat werd destijds gezegd.
Het moet dan ook niet met HTML, maar met CSS.quote:
http://www.handleidinghtml.nl/
Daar heb ik het jaren geleden ook mee geleerd. Als je het daar niet kunt vinden kan het gewoon niet met HTML. Althans dat werd destijds gezegd.
Het enige mogelijke serieuze antwoord op dit topic is: Tyf de hele boel weg en begin overnieuw. Maargoed dat wou je ook niet horen.quote:
[..]
Ik wil helemaal niet dat het me voorgekauwd wordt, maar ik zou wel eens een serieus antwoord willen
OMG.quote:
Ja, de link zelf, maar het gaat ook om de verticale lijn en dus de hele tabel. Vandaar mijn vraag waar ik het moet plaatsen, want als ik dat alleen bij de <a> tag van de link zet dan heeft KomtTijd kennelijk niet begrepen wat mijn vraag was.
Ik zie nu pas dat je een achtergrond van een tabel gebruikt om een lijntje toe te voegen
Dat is zó ver gezocht, dat had ik nooit bedacht nee.
Doe dat gewoon niet, dan is je probleem al de helft kleiner.
|
|
