SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jun 2012
    Location
    Beside the historic creek in Kingston-on-T, London
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Coding a space beneath a button

    I'm using a neat joomla 1.5 design for a new community website. I'm pretty familiar with joomla but I can't find a way to put a little space underneath the Read On button.

    This is the CSS for the button -

    Code:
    .button, div a.readon {font-size:10px; 
    line-height:28px; color:#fff;
    height:28px; 
    padding:0px 16px; font-weight:bold; 
    font-family:Arial, Helvetica, sans-serif; 
    background:#74aa07;
    display:inline-block;
    text-transform:uppercase;
    border-radius:5px;
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    position:relative;}
    The designer didn't do it exactly elegantly, but the overall look is good.

    Although I have tried all sorts of variations, I can't find the correct CSS code to stop the button seeming to lay on top of the following item. You can see it here - http://www.schoollaners.org/
    Be very pleased to learn the correct way to achieve it.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,278
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Unless I've misunderstood the question just add a margin to the above rule.

    e.g.
    Code:
    margin:5px 0 10px;

  3. #3
    SitePoint Member
    Join Date
    Jun 2012
    Location
    Beside the historic creek in Kingston-on-T, London
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul, you are a star. I avoided 'margin' with each variation I tried - and now I can't think why. So your expert helps amounts to a smart smack upon the knuckles for not being adventurous enough, and to the resolving of a considerable worry. The buttons just sitting on top of the following item was ugly. Very grateful for your help. Many thanks
    paul

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,278
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Glad to help


Bookmarks

Posting Permissions

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