|
|
Post a Project »
Find a Professional HTML Freelancer!
Find a Freelancer to help you with your HTML projects
| |
|
Images Alignment on Page problem. HELP
07-09-2006, 09:57 AM
|
Images Alignment on Page problem. HELP
|
Posts: 21
|
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.
|
|
|
|
07-09-2006, 01:17 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
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.
Last edited by gastong; 07-09-2006 at 01:20 PM..
|
|
|
|
07-09-2006, 04:22 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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
|
|
|
|
07-09-2006, 04:33 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
i can try to fix that if you provide a page that has all the images in place.
|
|
|
|
07-09-2006, 04:46 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
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
Last edited by gastong; 07-09-2006 at 04:48 PM..
|
|
|
|
07-09-2006, 05:39 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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?
|
|
|
|
07-09-2006, 06:11 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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..
|
|
|
|
07-09-2006, 06:39 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
|
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.
|
|
|
|
07-09-2006, 06:39 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
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.
|
|
|
|
07-09-2006, 07:18 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
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:
|
|
|
|
07-09-2006, 07:45 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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.....?
|
|
|
|
07-09-2006, 07:47 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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..
|
|
|
|
07-09-2006, 07:57 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
|
valign attribute is defined twice
__________________
<mgraphic /> - I don't have a solution but I admire the problem.
|
|
|
|
07-09-2006, 08:02 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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?
|
|
|
|
07-09-2006, 08:09 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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..
|
|
|
|
07-09-2006, 09:53 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
i setted the right values to all the height atributes.
i'll try to make the table now.
give me a few minutes
|
|
|
|
07-09-2006, 10:09 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
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
|
|
|
|
07-09-2006, 10:22 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 21
|
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. 
|
|
|
|
07-09-2006, 11:36 PM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 123
Location: Argentina
|
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
|
|
|
|
07-10-2006, 09:39 AM
|
Re: Images Alignment on Page problem. HELP
|
Posts: 10,017
Location: Tennessee
|
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
|
|
|
|
|
« Reply to Images Alignment on Page problem. HELP
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|