Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Forum Replies Created

Viewing 9 posts - 46 through 54 (of 54 total)
  • Author
    Posts
  • in reply to: img | Remove margins #262211
    vulkanus
    Participant

    Shikkediel,

    tks for reply,

    I understand that, but doing that, will remove all margins from p, and I don´t want that.
    I must target the <img without affect the parent element, I don´t know if existe any constructor selector to do that.

    in reply to: Top banner | Center Y+X #262208
    vulkanus
    Participant

    Paulie_D,

    With contain doesn´t work well, but with the cover stays better. Anyway, I put a background-position center center and change a little bit the .wrapper, now it´s fine.

    Thank anyway.

    in reply to: Calc x margin from top | CSS #262135
    vulkanus
    Participant

    Hi JeroenR,

    I understand, but what I really want, is to position an element above the menu, like body container and use it for any screen, but I belive I have found another way to do that, I have gave a body{margin-top:xxx; } and I have tested and the container above the menu stay where I want (more or less) in any resolution.

    Thanks.

    in reply to: can't limit image width! #262115
    vulkanus
    Participant

    I figure it out:

    Try also this

    .hartje-na::after {
    background: url(../images/ruler-01.png) no-repeat center bottom;
    height: 30px;
    width: 50%; /* reduce here */
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    content: “”;
    left: 0;
    right: 0;
    margin: auto;
    }

    .home-slider {
    /* position: relative; remove this*/
    z-index: 1;
    }

    if you prefere one line, remove this:

    .hartje-na {
    /* margin-bottom: 20px; remove this*/
    }

    for the last line :

    .hartje-voor::before {
    background: url(../images/ruler-01.png) no-repeat center bottom;
    height: 30px;
    width: 50%; /* reduce here */
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -10px;
    margin-bottom: 10px;
    content: “”;
    margin: auto;
    }

    .uc-grid-front {
    box-sizing: border-box;
    margin-top: 50px;/* add this */
    }

    This is what you want?
    sorry if is not

    in reply to: can't limit image width! #262114
    vulkanus
    Participant

    Hi,

    I don´t know if it ´s what you want, please:

    .container {
    margin: 0 auto;
    margin-top: 25px; <—–
    }

    in reply to: Top banner | Center Y+X #262096
    vulkanus
    Participant

    @Paulie_D

    I haved put here the code, but, disappeared :(

    go ahead: https://codepen.io/anon/pen/yPNPom

    Thank you.

    in reply to: Css | image Vertical #261419
    vulkanus
    Participant

    Hi @JeroenR,

    Thank you.
    I allready have resolved the issue with your tips, and understand what was wrong.

    best cumps.

    in reply to: Css | image Vertical #260907
    vulkanus
    Participant

    Please: https://codepen.io/anon/pen/NawaBO

    This is what I can do without the rest of css code from full page.

    The diferente is the first image is Vertical, and I use the max-height: 253px (but in codepen, I have comment) to you see what happens to the site posts.

    Thank you

    in reply to: Css | image Vertical #260901
    vulkanus
    Participant

    Hi, thk for your reaply. I will try it.

Viewing 9 posts - 46 through 54 (of 54 total)