I f* hate css :)

[maleni]

Hi guys, can you take a look of this navbar. Ive tried position those two buttons with as many tricks Ive remembered. Margin, padding, inherit, justify, inline… Whatever… The idea is, to align it: horizontally – center, vertically – center.

Let`s call those divs: send, download

image:

http://shrani.si/f/2U/l6/2p2E1KaE/zaslonska-slika-2016-01-.png

[Shikkediel]

Have you tried a transform or table layout (bleh) yet?

[maleni]

No, I will post my css… can you have a look… I am not primaraly front end guy… maybe I have error in code..

#download
{
    color: #F14444;
    border-style: dotted;
    border-width: 1px;
    border-color: #F14444;
    background-color: #FFF;
    margin-left: 50%;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    display: block;
    padding: 10px 15px;
    font-family: "Open Sans",sans-serif;
    font: inherit;
    vertical-align: baseline;
    margin: 0px;
    box-sizing: border-box;
    list-style: outside none none;
}

#download:hover
{
    background-color: #FFFFE0;
}

#send {
    color: #F14444;
    border-style: dotted;
    border-width: 1px;
    border-color: #F14444;
    background-color: #FFF;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    display: block;
    padding: 10px 15px;
    font-family: "Open Sans",sans-serif;
    font: inherit;
    margin: auto;
    box-sizing: border-box;
    list-style: outside none none;
    margin: 0;
}

#send:hover
{
    background-color: #F8F8FF;
}

[Paulie_D]

CSS codedumps don’t help.

If you make a Codepen.io demo we can take a look and see what’s happening.

[Author]

Posts