Images Alignment on Page problem. HELP
This is what it looks like in IE.
I've seen this before years ago, but I'm just now getting back into developing.
I've tried all I remember, things like "Left, Top, 0'ing out" all the images and Tables affiliated.
Note: I was able to align the Events Button snug, and also the Flower, but the other's won't go snug.
And here's where it can be looked at. http://www.leeuniverse.org/mission.html
Here's some code.
Thanks..... It's an emergency also. On a timeline.
Busy posted this at 21:27 — 9th July 2006.
He has: 6,151 posts
Joined: May 2001
The code example you give above is different to whats on your site. There are problems in the above code that is not on your site, ie: the zero width and heights.
I think the problem for the gaps is your gaps, put the content of the next to it, like so:
blah blah
instead of:
blah blah
None of the images are loading in the link you gave so am unable to see if there are problems in other browsers
leeuniverse posted this at 22:48 — 9th July 2006.
They have: 12 posts
Joined: Oct 2003
Sorry.... Here's it up fully now.
http://www.leeuniverse.org/testing/mission.html
This one someone else is helping me with, which still isn't correct.
http://www.leeuniverse.org/testing/mission.orig.html
This one is the original problem one with some of my own attempts at fixing.
The above code is what was originally there when I started this fun.
Busy posted this at 09:58 — 10th July 2006.
He has: 6,151 posts
Joined: May 2001
Your rowspans aren't aligned properly. You could probably easily fix the problem putting the content on same lines as td's and either adding or removing a border/align variable, but ...
You have one big table, I don't often suggest this, but in this case add a nested table for the navigation. something like this:
top left image
navigation
links
go
here - note there is no seperate cells for the navigation, just use the images with
bottom flower image
top main image
content
etc
OR
change your layout table to something like this:
top left image
navigation links
etc - note there is no seperate cells for the navigation, just use the images with
top image
content
etc
Doing it this way only the flower at the bottom needs to be made smaller to fit the space.
Either way is a lot less coding than what you have, easy to edit, no confusing and messy rowspans and no need to use the spacer gif etc
leeuniverse posted this at 04:54 — 15th July 2006.
They have: 12 posts
Joined: Oct 2003
Thanks for the thoughts..... I ended up fixing it myself. I just put the menu into a table and stuff.
I do need a better way to mess with this stuff, so I'll look at your thoughts. My problem is using a PSD based Template. The code is ALL UGLY and hard to mess with if you need to change stuff a little. If it was me creating from scratch, I would have certainly been doing what you suggested.
By the way, any thoughts on how I can make the menu etc. on the left stay and not be separated in this yucky code, when I add content on the left which requires making the page longer?
This is important for me to know in the future as well if I want to use templates and the content in one table/cell needs to go longer than it was formated for. Would I simply (more like pain in the butt) have to set specific "sizes" for cells and tables for every content like on one side?
DaveyBoy posted this at 05:05 — 15th July 2006.
They have: 453 posts
Joined: Feb 2003
I think you could fix that by giving the cells in the menu a fixed height, not a percentage height.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.