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 ]
.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!
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.
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.
En niet goed voor Google.
Het beste is om met divs i.c.m. css te werken.
Geen idee. Ik valignde 12 jaar geleden.
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.
Google eerste hit?
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.
.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 |
| 1 | <a style="Position: absolute;Top: 50%;margin-top: -*px"> |
www.freelance.nl/?p=s_freelancers
Succes.
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.
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.
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.