Space between that i didn't put

  • Resolved markomarkogame

    (@markomarkogame)


    11 years, 2 months ago

    Hello, so a problem that i encountered on my website and then also on a another site ( which is made following the tutorial).

    The space or padding / margin im talking about you can see on the picture:
    Picture of it
    Here is the website so you can check out the code/css and tell me where the problem is.

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    11 years, 2 months ago

    That looks to be just the standard line space for a paragraph – because the text part is inside p tags:

    <p class="btn">
<a href="#">See more</a>
</p>

    It looks like you can get rid of it by using a negative margin here:

    #content .portfolio-item p.btn {
    margin: -8px 0 0;
}

    Thread Starter markomarkogame

    (@markomarkogame)

    11 years, 2 months ago

    Are you sure u know what I mean by this ?

    The margin or padding below the picture is bugging me, what is causing that ? Is it really normal .. I’ve seen sites the go like this without it

    WPyogi

    (@wpyogi)

    11 years, 2 months ago

    Try removing the p tags.

    WPyogi

    (@wpyogi)

    11 years, 2 months ago

    Or perhaps it’s this padding:

    #content .portfolio-item p.btn a {
    background: url("images/see-more-bg.png") repeat scroll 0 0 transparent;
    display: block;
    font-weight: bold;
    height: 29px;
    padding: 7px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 183px;
}

    Thread Starter markomarkogame

    (@markomarkogame)

    11 years, 2 months ago

    All I had to do is to put a “display:block” to an image 🙂

    Stil thanks for trying to help ;D

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Space between that i didn't put’ is closed to new replies.