- This topic is empty.
-
AuthorPosts
-
June 8, 2015 at 6:38 pm #203434drotarParticipant
people smarter than me,
i am building a site for a director at http://www.johnbehring.tv/contact.html for some reason i cannot get the additional links button to center in the middle of the page like i want. i’ve tried everything. your help would be greatly appreciated. my css to center them so far has been:.contactPage2Center { DIV TAG THE BUTTONS ARE HELD IN
/position: absolute;/
float: left;
width: 100%;
padding-top: 70px;
background-color: rgba(0,0,0,0.60);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing /
-khtml-border-radius: 10px; / for old Konqueror browsers */
margin-bottom: 0px;
margin-top: 0px;
}.end { LIST TAG FOR THE THREE BUTTONS
text-align: center; list-style: none; align-content:center;
}
.imdb1 a{ THE BUTTONS THEMSELVES
/top:50%;
left:50%;/
align-content:center;
text-decoration: none;
width: 100%;
list-style: none;
color: #fff;
font-family: ‘NeuzeitSLTStdBookHeavy’;
text-transform: uppercase;
font-size: 1.2em;
margin: .5em 0 .5em 0em;
background: #000;
padding: 6px 20px 10px 20px;
text-align: center;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,1);;
box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
}.imdb1 a:hover {
color: #fff;
background-color: red;
-webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
}June 8, 2015 at 10:10 pm #203442Paulie_DMemberNo Codedumps please.
Codepen.io is the place for code…and demos.
Thanks.
But Search CSS-Tricks for Centering…Chris has an extensive guide on it.
BTW…floating and centering are fairly incompatible.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.