northernknight
asked on
HTML / CSS layout
I am working on a website that was converted from Photoshop to HTML. I am having some issues with spacing on the navigation links at the bottom of some of the pages. Here is one of them, http://www.lincolnae.com/Contact/index.html . As you can see, there is too much space and the words do not line up with the line breaks. I have attached the style sheet.
Here is another page that just has too much space at the bottom of the page before the navigation, http://www.lincolnae.com/About/index.html
Here is another page that just has too much space at the bottom of the page before the navigation, http://www.lincolnae.com/About/index.html
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
The first thing is to get rid of <?xml version="1.0" encoding="UTF-8"?> at the top of the page. It is Not being delivered as XML but as 'text/html'. Leaving that at the top will confuse IE because it wants to see a usable DOCTYPE at the top of the file.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That worked great. How do you know how many pixels to change without trial and error?
I attached the home page psd file. It was converted using an online conversion tool. Does Photoshop have it's own conversion to html? I am using CS4.
Here is another missaligned page, http://www.lincolnae.com/Design_Permits/index.html
I attached the home page psd file. It was converted using an online conversion tool. Does Photoshop have it's own conversion to html? I am using CS4.
Here is another missaligned page, http://www.lincolnae.com/Design_Permits/index.html
ASKER
Thanks for the help. I also just used Firebug to fix the design_permits page.
You don't really know unless you do some trial and error. Firebug will allow that trial and error in-line...very helpful feature :)