- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi guys, can you take a look of this navbar. Ive tried position those two buttons with as many tricks I
ve 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
Have you tried a transform or table layout (bleh) yet?
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;
}
CSS codedumps don’t help.
If you make a Codepen.io demo we can take a look and see what’s happening.