Forum Moderators: not2easy

Message Too Old, No Replies

FF CSS position leaves a link behind.

Error with using the position property to move a link.

         

Insanity

11:58 pm on Mar 7, 2008 (gmt 0)

10+ Year Member



Hi, new to the forum. Been coming here for help for quite a while, just haven't registered until now.

I've decided to mess around with using the CSS position element to lay out a page instead of using tables for everything, and ran into an odd bug.

When I make a class wherein I position a link, the link move with the element, but leaves a link in empty space where the element was originally. IE doesn't leave the artifact behind, is this something I'm doing incorrectly, or a bug in FF?

INFO:
The link is an image
here's the class I made:


.navImageTop{
text-align: center; /*Fix for IE7*/
position: relative;
bottom: 65px;
border: none;
}

Then I simply set the class="navImageTop" in the IMG tag. The end result is that the image and it's link moves appropriately, but like I said it leaves the link in it's original location as well.

It also may be worth noting that, at the moment at least, the navigation images are inside a table, and the ghost link is appearing inside the original cell where the image starts.
Any help?

Insanity

8:37 pm on Mar 8, 2008 (gmt 0)

10+ Year Member



Opps, sorry. I forgot to add my DOC Type:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html14/strict.dtd">

MarkFilipak

9:53 pm on Mar 8, 2008 (gmt 0)

10+ Year Member



I haven't analyzed this yet, but you do have an error in your DOCTYPE -- there is no HTML version 14. It should be

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

MarkFilipak

9:58 pm on Mar 8, 2008 (gmt 0)

10+ Year Member



Can you supply some context? You say that the element containing the link is moved; how is it moved? You say that the original containing element is in a table cell; can you show some HTML? Please include CSS for those elements, at least.