Archief - Table verticaal centreren

e

eddie

Legacy Member

• 23 okt 2009

• #1

Ok het zit dus zo:

Ik moet een kleine site maken voor school maar zit al heel lang te knoeien met dingen absoluut te centreren.

Het gaat om te volgende table waar een afbeelding in staat die maar niet verticaal wil centreren (horizontaal is geen probleem):

<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><img src="https://www.beyondgaming.be/forums" width="547" height="768" /></th>
</tr>
</table>

Klik om te vergroten...

Ik heb de instructies op het forum gelezen maar zie niet in hoe ik deze kan toepassen op deze code.

Merci!

a

adrianhates

Legacy Member

• 23 okt 2009

• #2

eddie zei:

Ok het zit dus zo:

Ik moet een kleine site maken voor school maar zit al heel lang te knoeien met dingen absoluut te centreren.

Het gaat om te volgende table waar een afbeelding in staat die maar niet verticaal wil centreren (horizontaal is geen probleem):



Ik heb de instructies op het forum gelezen maar zie niet in hoe ik deze kan toepassen op deze code.

Merci!

Klik om te vergroten...

CSS vertical center using float and clear

e

eddie

Legacy Member

• 23 okt 2009

• #3

Ja... Maar wat kan ik met die site doen?

a

adrianhates

Legacy Member

• 23 okt 2009

• #4

eddie zei:

Ja... Maar wat kan ik met die site doen?

Klik om te vergroten...

kijk naar hoe zij het doen?

gebruik je firefox? Installeer dan de webdeveloper toolbar en/of firebug
als je firefox niet gebruikt, start er dan mee..

e

eddie

Legacy Member

• 23 okt 2009

• #5

aha! ja heb firefox daarmee dat er niet veel te zien viel

thnx!

e

eddie

Legacy Member

• 24 okt 2009

• #6

hmm mja heb het is bekeken en het ziet er nog vrij omslachtig uit.

waarom is er geen simpele code zoals align="center"

D

Drone

Legacy Member

• 24 okt 2009

• #7

Misschien is het beter als je de layout eens laat zien. Er is waarschijnlijk een simpele oplossing voor jouw probleem.

e

eddie

Legacy Member

• 24 okt 2009

• #8

http://users.telenet.be/belony/ben/stuff/Picture 3.png

dus ja dat tekst ballonnetje staat in een table.
en die table moet gewoon in het midden van de pagina komen op eender welke afmetingen

G

GregoryCo

Legacy Member

• 24 okt 2009

• #9

Waarom een table? Als het om content in te stoppen is ok... Maar als het om de layout van uw site in te stoppen ben je niet goed bezig. Indien het eerste geval, probeer eens te prutsen met margin-top en bottom in css.
margin-top:auto;
margin-bottom:auto;

Ik kan wel niet met zekerheid zeggen of dat zal werken.

D

Drone

Legacy Member

• 25 okt 2009

• #10

TextBalloon happiness

s

stamper

Legacy Member

• 25 okt 2009

• #11

huh? Maakt gewoon nen div me de afmetingen van dien ballon, background-image: ballon, en ge zet et waar ge wilt, nee?

a

adrianhates

Legacy Member

• 25 okt 2009

• #12

[drone]-[1.05];12381661 zei:

TextBalloon happiness

Klik om te vergroten...

mooi opgelost drone!

stamper zei:

huh? Maakt gewoon nen div me de afmetingen van dien ballon, background-image: ballon, en ge zet et waar ge wilt, nee?

Klik om te vergroten...

Hij positioneert uw element absoluut in het midden , zowel verticaal als horizontaal.
Aangezien uw image 250 pixels breed is zal hij er nog de helft van moeten aftrekken.
(dit respectievelijk ook naar uw hoogte vertalen dan.)

Absoluut positioneren gebruikt als punt natuurlijk de linksboven hoek(top left).
Nu weet ik niet 100% zeker , maar als je top right gebruikt zal hij de rechterbovenhoek dan gebruiken?

edit : effe getest en is idd zo

e

eddie

Legacy Member

• 25 okt 2009

• #13

dat is gewoon een screenshot, de tekstballon is normaal een rollover.
merci voor de comments zal het direct eens proberen

*ok ja tis in orde door gewoon helft van breedte en hoogte af te trekken bij margin.


merci!