http://www.webmasterworld.com Welcome to WebmasterWorld Guest from 38.103.63.17
register, login, search, glossary, subscribe, help, library, PubCon, announcements , recent posts, unanswered posts
Accredited PayPal World Seller
Home / Forums Index / Browser Side World / CSS
Forum Library : Charter : Moderators: DrDoc & Robin reala & SuzyUK

CSS

  
FF CSS position leaves a link behind.
Error with using the position property to move a link.
Insanity


#:3594617
 11:58 pm on Mar. 7, 2008 (utc 0)

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


#:3595216
 8:37 pm on Mar. 8, 2008 (utc 0)

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


#:3595258
 9:53 pm on Mar. 8, 2008 (utc 0)

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


#:3595260
 9:58 pm on Mar. 8, 2008 (utc 0)

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.

 

Home / Forums Index / Browser Side World / CSS
All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of WebmasterWorld Inc.
© WebmasterWorld Inc. / SearchEngineWorld 1996-2008 all rights reserved