Text in bottom right hand corner all the time

[Flash Kid]

I want to put some text on my page so it stays in the bottom right hand corner, what ever the window size!

Please help

Thanks!

Sam
Aged 13

[¥åßßå]

try :-
<span style ="position:absolute;right:0;bottom:0">Like this ?</span>

Laters
¥åßßå
Aged.....like a fine brandy :P

[Flash Kid]

Thanks but I have another question!

Say I have a table and it has three columns. I want the first to be 60 pixels wide, the second to be 130 pixels wide but I want the last one to fill the rest of the page. What width do I give it, but keeping the fixed width of the first two?

Thanks!

Sam
Ages 13

[¥åßßå]

ok, a solution that will only work in IE is :-

<table width="100%" border="1px"><tr>
<td width="60px">col 1</td><td width="130px">Col 2</td><td width="100%">col 3</td>
</tr></table>

Laters
¥åßßå
Ages like a finer brandy

[Flash Kid]

Thanks!

Here is my website, but I'm planning on redisigning it soon and thats why I'm asking these questions!


Sam Gaus
Aged 13

[¥åßßå]

Lol, and "here "= where ?

*edit* I assume that here is where you mean ?

[Flash Kid]

One last thing -

If I want to make it so when I hover my mouse over an image, some text somewhere in the body changes, and when I take the mouse off, it changes back?

e.g. The text i want it to go to is "You're here!" and the origional text is "Welcome". The name of the image is "home.png".

Thanks!


Sam
Aged 13

[Flash Kid]

whoops - forgot the link!

[¥åßßå]

try :-

<style type="text/css">
<!--
.yHover{left:0px}
.yOut{
position:absolute'
left:-5000;
}
<style>

<div onmouseover="yText.className='yHover'" onMouseOut="yText.className='yOut'">Hover here<div class="yOut" id="yText">and this will appear</div></div>

[Flash Kid]

debug says you havent defined yText.

By the way, I love ur digital art, it really kl (on ur website). me and my friend are a great fan of that sort of art so I'll show him the page 2morrow at skool!

Thanks

Sam

[¥åßßå]

Try again with copy and paste (I edited the code whilst you were reading because I forgot yText lol)

Ty @ artwork, you might prefer to point them at the "future" version" of my site though , which should be a tad more browser/resolution independent

[Flash Kid]

still doesnt work so i tried takin out d '<!--'


still didnt work so i tried doin </style>

still didnt work?!!!????

i hope you can fix it!:bounce:

[Flash Kid]

p.s. usin 'Colours No 3' as my wallpaper!

[¥åßßå]

ok,ok, it's late here lol, this should work

<style type="text/css">
<!--
.yHover{left:0px}
.yOut{
position:absolute'
left:-5000;
}
</style>

<div onmouseover="yText.className='yHover'" onMouseOut="yText.className='yOut'">Hover here<div class="yOut" id="yText">and this will appear</div></div

@colours#3, what's your screen res ? I can send you a full size pic

[¥åßßå]

sheesh, I'm gettin'old :S

ok, lets try again, the code you want is :-

<style type="text/css">
<!--
.yHover{left:0px}
.yOut{
position:absolute;
left:-5000;
}
// -->
</style>

<div onmouseover="yText.className='yHover'" onMouseOut="yText.className='yOut'">Hover here</div>
<div class="yOut" id="yText">and this will appear</div>