Announcement

Collapse
No announcement yet.

My wrong image code for firefox

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    My wrong image code for firefox

    Hi all,

    I have 2 new images in my right sidebar, works perfectly in internet explorer and google chrome but 1 image is off the page in firefox and safari, here is my code:

    <div class="sidebar">

    <align="center" style="margin-left:-15px ">
    <a href="http://www.stageprint.co.uk/acatalog/shipping.html"target="_self"><img src="sellerdeck images\sidebar_shipping.png">
    <div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div>

    I have had to spend ages messing about with this code so that my footer does not disappear. I had to use negative pixel value of -15px just to get it to work.

    I have a feeling someone's going to say "im surprised your code works at all"

    Can anyone please tell me what to change for firefox and safari ?

    Thanks
    Kind regards,

    Michael

    www.stageprint.co.uk
    Tags: None
    #2
    URL for page sorry

    Sorry, always forget the important bit:

    This page in firefox or safari:

    http://www.stageprint.co.uk/acatalog/Craftpax.html

    I just dont understand this, ive used exactly the same code for both images, both images are eaxctly the same pixel width but, only the first image positions properly in ffox and safari ?

    I really don't want to use absolute positioning, no good for any customer who wants to resize browser.

    EDIT: ive just checked Mozillas (firefox) developer page and it says 'margin left, with negative px values are allowed"

    Michael
    Kind regards,

    Michael

    www.stageprint.co.uk

    Comment

      #3
      Fixed - at last

      I now have this code:


      <body>

      <div class="sidebar">
      <div style="margin-left:-15px;">
      <a href="http://www.stageprint.co.uk/acatalog/shipping.html" target="_self">
      <img src="sellerdeck images\sidebar_shipping.png">
      </a>

      <div class="silver-sidebar-list-separator">
      <img src="theme_shim.gif" height="10" alt="spacer">
      </div>
      </div>

      <div class="sidebar">
      <div style="margin-left:-15px;">
      <a href="http://www.stageprint.co.uk/acatalog/security.html" target="_self">
      <img src="sellerdeck images\sidebar_safe.png">
      </a>

      <div class="silver-sidebar-list-separator">
      <img src="theme_shim.gif" height="10" alt="spacer">
      </div>
      </div>
      </div><!-- I added this but you might have other things in the right side bar -->

      </body>

      My original code was taken from the sellerdeck community and I had to hack it just to get things working.

      I am so pleased this works, it was so very frustrating.
      Kind regards,

      Michael

      www.stageprint.co.uk

      Comment

      Previous template Next
      Working...
      X