Help - Search - Members - Calendar
Full Version: Make An Element Not Move Other Than Valign="top"
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
MrTouz
Ok many of you know the trick :

if you set a table with 2 td's and you have one td longer than the other than your content on the other td just streches so what you do is the basic valign="top" so both content in each td's stay on top, no matter which on is longer :

<table>
<tr>
<td valign="top">helo<br> this is just an <br> Exampl</td>
<td valign="top">hi</td>
</tr>
</table>

now both content keep on TOP so if the first td has more text than the other one they both get STUCK on TOP.

My Problem :

i just made this design and totaly forgot about it, code it with Photoshop because i drew the whole layout... anyways :

think of it that way : i have multiple td's on left side and ONE td on the right side, to make them all fit i added rows and cols problem is since i have multiple td's tha valign="top" does not work SO :

when i have to much content on the BOX well all my td's on left site just separate and like center as much as the text goes...

i need something to tell them to stick up and not move.

what i already tryed :
- put all my elements in ONE td, but do not forget i have rows and cols because i cut the thing in a ugly way
- try to set all my td's with valign="top"
- i also tryed to create div's and bg to make it fit problem is, anyway i go if i put a TD next to a DIV it'll give some space next to it... i ned my images with 0px between.

____

i donno if anyone of you got what my problem is...
all i want is something to make my elements STICK to one place :/ and not to move, knowing this element is in a table... so also stick the table up.

i will not be impressed if there is 0 replies tongue.gif

Thanks.

Oh, reason i am asking is because i do not want to re-code the whole site. why ? because i drew images i don't have anymore tongue.gif so i will have to redraw... something i do NOT do.
MrTouz
i found a better way to explain :

need a code that sticks all my elements, ALL of them at TOP. no matter what happens than need to stick at the top.
MrTouz
never mind, i fixed it... well no i tricked it

used the position:absolute; so the content inside the box get longer with the page... but will ot be counted as an elemnt inside so the td will not get longer.

tho i had i remove my footer, i wanted to use the FOOTER tutorial you guys had but than i told my self i do NOT need a footer anyways tongue.gif

can be closed / locked / deleted...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.