Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS image map not lining up correctly

    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

  • #2
    Regular Coder
    Join Date
    Jul 2010
    Posts
    149
    Thanks
    0
    Thanked 5 Times in 5 Posts
    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;

  • #3
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    remove the #footer from my css? or just change that in every html page?

  • #4
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #5
    Regular Coder
    Join Date
    Jul 2010
    Posts
    149
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Text lining up to top

    you want to remove space between banner and your text.
    And your text lining up to top .


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •