SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    margin-top not Working

    Hey Guys,

    Not sure why the margin-top is not working on my buttons

    http://modocom.ca/gillons/

    If you go down to the MAke a Claim, Get a Quote, View All buttons I put a margin-top: 20px on them but its not working.

    Any ideas?

    Thanks,

    Mike

  2. #2
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Hi Mike,
    It's more or less a typo.
    The links have the appearance:
    HTML Code:
    <a class="but claimbut" href="#">Make a Claim</a>
    ...
    <a class="but quotebut" href="#">Get a Quote</a>
    ...
    <a class="but newsbut" href="#">View all</a>
    But nor the class="but", nor the classes "claimbut", "quotebut" or "newsbut" have the margin-top of 20px in it (and in general an <a> link has also no margin-top).

    The class="button" has the margin-top of 20px! (but has also other properties).

    By adding ...
    Code:
    .but {
        ...
        margin-top: 20px;
    }
    ... the first 2 columns are o.k., but not the last one. That's because the element above it is floated.
    Then you can float the buttons too (without harm for the other two):
    Code:
    .but {
        ...
        float: left;
        margin-top: 20px;
    }
    ___________
    BTW: "Hey Guys" > Girls are welcome too?

  3. #3
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,163
    Mentioned
    263 Post(s)
    Tagged
    5 Thread(s)
    Off Topic:

    Quote Originally Posted by Francky View Post
    BTW: "Hey Guys" > Girls are welcome too?


    As I understand it, the phrase has come to mean both sexes - which I find quite amusing, given that more "traditional" terms, such as "mankind" are now considered sexist. I don't understand it - but then, I'm a bear, so what do I know about humans?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,168
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Off Topic:

    "Guys" these days can be used for both sexes, while "guy" still applies to a male.


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
  •