Background image padding

  • vickriz
  • Novice
  • Novice
  • User avatar
  • Posts: 31
  • Loc: Phlippines

Post 3+ Months Ago

Hello everybody. Please help me with my problem.

my .css code:
html4strict Code:
Code: [ Select ]
/*BackLink+NextLink*/
a.backlink {
    text-decoration:none;
    background:url(aarrowleft.gif) transparent center right no-repeat;
    border:none;
    }
a.nextlink {
    text-decoration:none;
    background:url(aarrowright.gif) transparent center right no-repeat;
    border:none;
    }
  1. /*BackLink+NextLink*/
  2. a.backlink {
  3.     text-decoration:none;
  4.     background:url(aarrowleft.gif) transparent center right no-repeat;
  5.     border:none;
  6.     }
  7. a.nextlink {
  8.     text-decoration:none;
  9.     background:url(aarrowright.gif) transparent center right no-repeat;
  10.     border:none;
  11.     }


html code:
Code: [ Select ]
<span class="float-left"><a href="design_colorgraphics.html" class="backlink" style="padding:0 0 0 0;">Previous: Category</a>&nbsp;
<img align="absmiddle" src="images/anibul17.gif" />&nbsp;
<a href="design_colorgraphics.html" class="nextlink" style="padding:0 20px 0 0;">Next: Design Color </a></span>
                 <span class="float-right"><a class="above" href="#top">Back to top</a></span>
  1. <span class="float-left"><a href="design_colorgraphics.html" class="backlink" style="padding:0 0 0 0;">Previous: Category</a>&nbsp;
  2. <img align="absmiddle" src="images/anibul17.gif" />&nbsp;
  3. <a href="design_colorgraphics.html" class="nextlink" style="padding:0 20px 0 0;">Next: Design Color </a></span>
  4.                  <span class="float-right"><a class="above" href="#top">Back to top</a></span>

Sample output is here: Image
The main problem is that, I can't move the left arrow red button at the front of the text "Previous:.." How can I do this?
  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1827
  • Loc: In the Great White North

Post 3+ Months Ago

you have "right" specified in your css. Use "left" instead.
  • vickriz
  • Novice
  • Novice
  • User avatar
  • Posts: 31
  • Loc: Phlippines

Post 3+ Months Ago

Wow fantastic! Thank you so much buddy you solved my problem.

Long live buddy!
  • bishop_ian
  • Newbie
  • Newbie
  • bishop_ian
  • Posts: 14

Post 3+ Months Ago

You can do background image padding ...This is the code
body {
background-color: #FFFFFF;
background-image: url(../img/common/bg.gif);
margin: -10px 0 0 -10px;
}

html body {
margin: 0;
padding: 0;
}

Post Information

  • Total Posts in this topic: 4 posts
  • Users browsing this forum: No registered users and 18 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.