This is driving me eff'ing nuts...

Toggle sidebar Toggle sidebar
A

Accipiter22

Banned
Feb 11, 2005
7,942
2
0
on this page when you click a picture thumbnail, the larger version should load in the area below. I've tried all sorts of off sets and margins and can NOT for the life of me get it to load in the proper place.
The image tag is this, if you're searching through the page source.

<img name="Myimage" align="right" id="Myimage" />



Can someone PLEASE help me out with this
 
F

fs5

Lifer
Jun 10, 2000
11,774
1
0
something on your page is messed up in your css or something. normally you should just be able to place both the long table in a div and the img in a div and add a float left property to both.

But I think your css rules are screwy.

Or if you want the easy way out make the long table on the left 2 columns and rowspan the 2nd column and place your img in the 2 column.
 
PhatoseAlpha

PhatoseAlpha

Platinum Member
Apr 10, 2005
2,131
21
81
Step 1: Wrap the image in a <div>
Step 2: Move the <div> with the image in it after the second of the two tables that make up your thumbnails in the html source
Step 3: Float the second table to the left
 
X

xtknight

Elite Member
Oct 15, 2004
12,974
0
71
I'd just get rid of most of the CSS in the center and strictly use tables. I messed with it a bit but couldn't get anything working except a really nasty hack that only worked in one browser and one resolution. CSS just doesn't lend itself well to this situation. You're probably going to have to use very-hacked CSS code or proper tables code.
 
F

FP

Diamond Member
Feb 24, 2005
4,568
0
0
If it can be done with tables it can be done with CSS.

Download FireBug to see what is going on.

Do not use tables. They don't scale well when nested.
 
G

GoatMonkey

Golden Member
Feb 25, 2005
1,253
0
0
The HTML needs to be simplified. There are multiple <html> tags, it looks like they are probably being included from several different files. If you're including HTML from another file it's better to remove the tags from <html> through <body>. Also, it would be good to get all of your javascript functions in one place, the standard is usually inside the head tag.

Also, make sure you have quotes around all of your attributes, like topmargin=0 should be topmargin="0" if you're going to use that attribute, I think it's deprecated in place of css equivalents now.

Some of your trouble could be coming from having multiple <body> tags with onload events defined for each of them.

My advice is to make a new page and simplify it down to do just what you're trying to do. Throw out the mouseover menus and all that other stuff, and just concentrate on your picture click and display problem.
 
X

xtknight

Elite Member
Oct 15, 2004
12,974
0
71
Originally posted by: binister
If it can be done with tables it can be done with CSS.
Click to expand...

You're right, but sometimes it's just not feasible to do it with CSS.
 
Red Squirrel

Red Squirrel

No Lifer
May 24, 2003
70,592
13,807
126
www.anyf.ca
CSS with divs and such is fine for static sites, but gets real complicated with dynamic. (have to scale pixels based on text size or it overlaps over other stuff, gets real nasty). I find divs make good additions to tabled sites though, like if you want to stick a logo in some awkward location that would require tons of table nasting, you can just overlap it on top of tables.
 
You must log in or register to reply here.

TRENDING THREADS

COMPANY
RESOURCES
FOLLOW
Top Bottom