More CSS...

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

Maxwell posted this at 23:04—12th June 2006.

He has: 52 posts

Joined: Apr 2006

Okay, I have one (maybe two) more question(s):

I have a table within a div. When I try to style the cells in the table (specifically BORDER operations), they make that ugly push (or shake, or whatever you call it). Why? What can I do to stop that?

Also, is it possible to make a TABLE CELL rollover usng only CSS and that (a.X:hover) trick?

CSS:

Quote: td.norm {

color: black;
padding: 5px;
width: 200px;
}
td.hover {
cursor: default;
color: #ccc;
padding: 5px;
width: 200px;
border-left: 1px solid #000;
}

HTML:

Quote:

TITLE IMAGE

//HOME
//PROJECTS
//ARTICLES
//EXT. LINKS
//ABOUT

Webmaster! Smiling

HTML, CSS, and Javascript

Neutron2k posted this at 09:00—13th June 2006.

He has: 113 posts

Joined: Jul 2005

I am assuming by push or shake, that when you roll over the table cell, it shifts position?

The reason for that is that you have a border on the hover event of 1px, but no border on the idle style. You need to add a border to both in order to avoid this problem. Use a 1px border colour the same as your background to stop it being visible.

better still assign a 1px border, but set its border style to none.

FREE web developer resources.

Maxwell posted this at 10:24—13th June 2006.

He has: 52 posts

Joined: Apr 2006

Your skill is unmatched.

Thank you. Sticking out tongue