CSS - absolute position

C

cshih16

sorry, new to css, this question may be odd:
wonder if absolute position TOP and LEFT can start counting from within
<table></table> section (somewhere in the middle of the page), not from
the whole page top left corner?

i try to build a photo gallery where thumb images on the top and bottom
shows the display if mouse over that thumb image. however, the display
photo can not match the measurement of the background (1st image)..
tremendous headache...

thank you!
ching
 
E

Els

sorry, new to css, this question may be odd:
wonder if absolute position TOP and LEFT can start counting from within
<table></table> section (somewhere in the middle of the page), not from
the whole page top left corner?
Click to expand...

Yes said:
i try to build a photo gallery where thumb images on the top and bottom
shows the display if mouse over that thumb image. however, the display
photo can not match the measurement of the background (1st image)..
tremendous headache...
Click to expand...

Here, have a paracetamol ;-)
thank you!
Click to expand...

You're welcome :)
 
E

Els

thank you Els!

changed to position:relative, but still not work as expected.

hope you don't mind help see what is wrong in css?
http://www.mynovember.net/shop/trythiscss.html
Click to expand...

First of all: please quote the relevant bits of the message you are
replying to, so we don't have to remember (or guess) what it was you
are replying to.

Second: Your HTML is full of errors (169):
http://validator.w3.org/check?uri=http://www.mynovember.net/shop/trythiscss.html

It starts with having no said:
<body>
Click to expand...
</div id="header">
Click to expand...

A div's closing tag with an id??
</tr>
<table align="center" ......
Click to expand...

A table in between two rows?

Your CSS might not be caused by the HTML errors, but since I can't be
certain of that, it would still help me to help you if you just
validate your code, correct the errors, and then come back.
FWIW, in Opera the effect on hover over those images is far worse than
on Firefox, while I know that with valid code and good CSS, both
browsers could easily do what you want.
 
D

David Dorward

changed to position:relative, but still not work as expected.
Click to expand...

Leaving aside the other problems with the page, which other people have
mentioned already - Els did not say to change the /image/ from position:
absolute to position: relative.

BTW - please follow the conventions of this community and provide context to
what you are responding to.

http://cfaj.freeshell.org/google/
 
C

cshih16

i got my problem solved!!

very special THANKS to Els! You are right - not css but my html table
problem :)
your direction of letting me validate html code really works

thank you!
ching
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to position the *tooltip* comment on these buttons? 9
Interfering CSS 1
Stuck with html and css 25
Positioning CSS components 1
CSS Grid inside slider not working... 1
Working on mobile css menu with plenty of frustration! 2
Gallery - mosiac/grid layout with filtering and information page popup 1
HTML Aligning social media icons 2

Members online

No members online now.
Total: 76 (members: 0, guests: 76)
Robots: 474

Forum statistics

Threads
473,995
Messages
2,570,230
Members
46,819
Latest member
masterdaster

Latest Threads

Top