...

View Full Version : CSS image map not lining up correctly



fw541c
08-15-2010, 03:27 AM
created a transparent image map for my footer on my pages so that i can just copy and paste the code into every html pages and move then as needed. when i load up the page they are not in the right position. can someone please help with it.

www.gorxconsulting.com/company.html

phpdeveloper
08-15-2010, 06:29 AM
Remove your footer div and use is below dive code

<div id="footer">
<a href="http://www.gorxconsulting.com/" title="Home" style="left: 240px; top: 570px; background: none repeat scroll 0% 0% transparent; display: block; width: 65px; height: 0pt; padding-top: 33px; overflow: hidden; position: absolute;"></a>
<a href="http://www.gorxconsulting.com/company.html" title="Go Rx Consulting" style="left: 310px; top: 570px; background: none repeat scroll 0% 0% transparent; display: block; width: 86px; padding-top: 33px; overflow: hidden; position: absolute;"></a>
<a href="http://www.gorxconsulting.com/services.html" title="Go Rx Consulting" style="left: 410px; top: 570px; background: none repeat scroll 0% 0% transparent; display: block; width: 74px; padding-top: 33px; overflow: hidden; position: absolute;"></a>
<a href="http://www.gorxconsulting.com/about.html" title="Go Rx Consulting" style="left: 490px; top: 570px; background: none repeat scroll 0% 0% transparent; display: block; width: 86px; height: 0pt; padding-top: 33px; overflow: hidden; position: absolute;"></a>
<a href="http://www.gorxconsulting.com/contact.html" title="Go Rx Consulting" style="left: 580px; top: 570px; background: none repeat scroll 0% 0% transparent; display: block; width: 96px; height: 0pt; padding-top: 33px; overflow: hidden; position: absolute;"></a>
<a href="http://www.gorxconsulting.com/sitemap.html" title="Site Map" style="left: 680px; top: 570px; background: none repeat scroll 0% 0% transparent; display: block; width: 83px; height: 0pt; padding-top: 33px; overflow: hidden; position: absolute;"></a>
</div>

Only change left and top position into your code
Home: left: 240px; top: 570px;
Company: left: 310px; top: 570px;
Services: left: 410px; top: 570px;
About Us: left: 490px; top: 570px;
Contact Us: left: 580px; top: 570px;
Sitemap: left: 680px; top: 570px;

fw541c
08-16-2010, 01:02 AM
remove the #footer from my css? or just change that in every html page?

fw541c
08-16-2010, 02:12 AM
replaced the code but im still having trouble with them lining up. the links are fine in dreamweaver but on the website their lower then they are spose to be.

phpdeveloper
08-17-2010, 03:44 PM
you want to remove space between banner and your text.
And your text lining up to top .



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum