• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

This is driving me eff'ing nuts...

A

Accipiter22

Banned
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
 
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.
 
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
 
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.
 
I honestly prefer tables for layouts, CSS is too tedious. Use CSS with tables, so you can still format the tables using CSS.
 
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.
 
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.
 
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

Back
Top