General layout help.

[Ranger56]

Um, I made a new layout...it's pretty basic but whatever.

Here's a bad picture of it, What I want to know how to do is
http://img229.echo.cx/img229/8868/layout4hq.th.jpg (http://img229.echo.cx/my.php?image=layout4hq.jpg)

No or a few tables as possible
As few images as possible
How to get contents into the grey box
help with preloading images and changing images


Here is a .zip file with all the images and the main file "html.html".

www.spiderseatbabies.com/newlayout.zip

I know it's all junk and bad coding, but how can I do mouseover image changes without using tables?

[meth]

CSS Mock Roll-overs (http://www.v2media.biz/templates_graphics_tutorials/html-css/mock_rollover_css.htm)

That'll get you rolling with whatever element you want without javascript. The example uses divs.

[Ranger56]

HTML:
http://www.spiderseatbabies.com/new/index.html

CSS:
http://www.spiderseatbabies.com/new/css.css

If you scroll, the text goes up too high before disappearing, and the images touch onto the div that has the text if you mouseover them...Please help


*(I have not done the CSS mouseovers yet) They don't work in this situation...

[soyunloco]

I have done an example of your site, modified it as you need or like it. If you have any question reply and i be glad to help. GL

Attachment (http://s51.yousendit.com/d.aspx?id=2XP0MWPM1VGPZ3I86L41RMA4EL)

[Ranger56]

I have done an example of your site, modified it as you need or like it. If you have any question reply and i be glad to help. GL

Attachment (http://s51.yousendit.com/d.aspx?id=2XP0MWPM1VGPZ3I86L41RMA4EL)


Nevermind, it just took forever to load.

And looks nothing like I want...

[mrruben5]

Note that in text browsers you don't have text for that link then, so the user can't browse.

a.rollover {display:block;float:left;width:100px;height:80px;overflow:hidden;text-indent:-999em;background-image:url(images/rolloff.gif)}
a.rollover:hover{background-image:url(images/rolloff.gif)}