Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Images Alignment on Page problem. HELP
Old 07-09-2006, 09:57 AM Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
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.

Quote:
<td width="0" height="0" align="left" valign="top"><a href="#"
onmouseover="window.status='Directors'; changeImages('Directors', 'images/Directors-over.gif'); return true;"
onmouseout="window.status=''; changeImages('Directors', 'images/Directors.gif'); return true;"
onmousedown="changeImages('Directors', 'images/Directors-over.gif'); return true;"
onmouseup="changeImages('Directors', 'images/Directors-over.gif'); return true;"> <img src="images/Directors.gif" alt="Directors" name="Directors" width="213" height="29" hspace="0" vspace="0" border="0" id="Directors" /></a></td>
<td><img src="images/spacer.gif" width="1" height="29" alt="" /></td>
Thanks..... It's an emergency also. On a timeline.
leeuniverse is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 07-09-2006, 01:17 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
remove the space betwen the image and the end of the <a> code?.
also, your spacer is 1px wide and 29 px tall, that sounds wrong to me. try this
HTML Code:
<td width="0" height="0" align="left" valign="top"><a href="#"
onmouseover="window.status='Directors'; changeImages('Directors', 'images/Directors-over.gif'); return true;"
onmouseout="window.status=''; changeImages('Directors', 'images/Directors.gif'); return true;"
onmousedown="changeImages('Directors', 'images/Directors-over.gif'); return true;"
onmouseup="changeImages('Directors', 'images/Directors-over.gif'); return true;"><img src="images/Directors.gif" alt="Directors" name="Directors" width="213" height="29" hspace="0" vspace="0" border="0" id="Directors" /></a></td>
<td><img src="images/spacer.gif" width="213" height="1" alt="" /></td> 
Also you don't need onmousedown or onmouseup events, with onmouseout and onmouseover it's enough i think.
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE

Last edited by gastong; 07-09-2006 at 01:20 PM..
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 04:22 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
Thanks.... But no work.

Removing the space didn't do anything.
Changing the H & W of the spacer simply through my page to left of center and more of a spacing problem.

Emergency folks, I have to have this done today. help please
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 04:33 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
i can try to fix that if you provide a page that has all the images in place.
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 04:46 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
I have attached a file that seems to be right.
note that it's not a clean fix, your code is not valid XHTML.

rename to mission.html
Attached Files
File Type: txt mission.txt (8.6 KB, 4 views)
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE

Last edited by gastong; 07-09-2006 at 04:48 PM..
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 05:39 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
how did you do that.... Did you just add a "1" to the "H" value?

It's almost perfect. Only a small space between mission and events. How could I fix that?
However, I changed all of the Tables to "Top" Alignment and it got rid of that one, but now there is a small space between Photos and Events
And what do you mean by not valid xhtml? It's just html only isn't it?

What would happen if I validated it?
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 06:11 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
I spoke too soon.... Upon closer look they aren't perfectly snug, but almost.
I noticed you also put a "12" in one of the TD's? So, is that also how you did it? Any philosophy behind what you've done.
Oh, and I noticed some other changes you made.... large values, like 163 etc. to some other TD heights???
How did you do all this???

p.s. I'll make another folder to upload so the images can be uploaded. Thanks much by the way. Something like 9 other forums, and your the only one helping. I have to have this stupid thing done by tomarrow morning.

here you go:
http://www.leeuniverse.org/testing/mission.html

And here's the original, so you can see how "snug" it's supposed to be.

http://www.leeuniverse.org/testing/mission.orig.html

Last edited by leeuniverse; 07-09-2006 at 06:22 PM..
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 06:39 PM Re: Images Alignment on Page problem. HELP
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
JAMISONTUNES
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
Trades: 0
Add <br /> after the img tag / or use style="display: block;" in your img tag
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 06:39 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
ok, i look into this now and get it fixed.
the previous fix was as i said a fast one done from frontpage, i just moved the borders of the cells.
i'll now try to clean the code and remove unnecesary things.
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 07:18 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
i have fixed the images thing, now it looks exactly like the original page.
but there is a problem with the layout, when you add content to the table in the center (the light green one) the cell expands, and as it's in the same table than the cell in the left which contains the buttons, these cells also need to expand in order to complete the page.
Now it looks good, but if you add more text the buttons will be separated again.
To fix this you need to make a new table in the left colum and put all the links there so that it won't change the height each time the main table does.

If you want i can do that, but now i have to go. i'll be back in about 2 hours. let me know if you want me to make that change.

btw, here is the file:
Attached Files
File Type: txt mission.txt (8.5 KB, 2 views)
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 07:45 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
Remind me to never try to create my own modified website using a Photoshop Template.
It has gave me so many dang problems. Sure, it might be quicker to create a cool looking website with it, but trying to edit one for use is a nightmare. I miss the old standby standard html templates.

Your right, I did think of that also, that likely would have fixed the problem in the first place. But, looking through the code, all of the images seem split up through the code.
I'll maybe see if I can do it I guess. 2 hours from now I'll likley still be trying to work out the bugs hee hee.

By the way, I get an invalid markup yellow thingy here

<td rowspan="5" align="left" valign="top" background="mission_files/mission_07.gif" height="1" valign="top">

and my images aren't showing yet.....?
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 07:47 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
Oh, I see why the images are missing, you changed the folder path.
What's an easy way to change all the images folder path?

Using DreamWeaver....

Duh, nevermind, just a simple Find and Replace works.

Last edited by leeuniverse; 07-09-2006 at 08:18 PM..
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 07:57 PM Re: Images Alignment on Page problem. HELP
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
JAMISONTUNES
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
Trades: 0
valign attribute is defined twice
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 08:02 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
Quote:
Originally Posted by mgraphic
valign attribute is defined twice
Thank you, my brain didn't see that. Too many hours working on all the various bugs I've had.

By the way, your sugguestions above, I tried them, but I'm not sure if I put them where and how they need to be, cause they didn't do anything for me?
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 08:09 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
So gastong.... How did you realign this stuff anyway?

And anyone know of any easy way I can add a table over the left content?
In theory it should be easy, but I'm not sure since the code of the left objects are spread through the code?

Last edited by leeuniverse; 07-09-2006 at 08:12 PM..
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 09:53 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
i setted the right values to all the height atributes.
i'll try to make the table now.
give me a few minutes
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 10:09 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
This is really a mess te images are all around.
I can't do it now, i have to sleep. tomorrow i need to wake up early to study for an exam.
I wont be able to help you in two days
if that's still ok, add me to your msn contacts list ggaston at hotmail.com
Sorry,
Gaston
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-09-2006, 10:22 PM Re: Images Alignment on Page problem. HELP
Average Talker

Posts: 21
Trades: 0
Hey.... No worry. I was able to make it a semblence of something. I put some of the stuff into Tables, and I finally got it okay now. Looks like I won't need you help for the moment. I might be able to finish it, let's hope. Thank you very much for the help, and if I run into something else, I'll let you all know. You helped a lot. Thanks.
leeuniverse is offline
Reply With Quote
View Public Profile
 
Old 07-09-2006, 11:36 PM Re: Images Alignment on Page problem. HELP
gastong's Avatar
Super Talker

Posts: 123
Location: Argentina
Trades: 0
Quote:
Hey.... No worry. I was able to make it a semblence of something. I put some of the stuff into Tables, and I finally got it okay now. Looks like I won't need you help for the moment. I might be able to finish it, let's hope. Thank you very much for the help, and if I run into something else, I'll let you all know. You helped a lot. Thanks.
No problem,
glad to know you solved this.
Gaston
__________________

Please login or register to view this content. Registration is FREE
-
Please login or register to view this content. Registration is FREE
gastong is offline
Reply With Quote
View Public Profile Visit gastong's homepage!
 
Old 07-10-2006, 09:39 AM Re: Images Alignment on Page problem. HELP
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
I wouldn't do it with tables at all !
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Images Alignment on Page problem. HELP

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.79005 seconds with 13 queries