REQ: CSS padding help
-
oops, sorry about that.
I have been playing around with the Dots style sheet that Alex has on his site. Evrything is going well, but for some reason I cannot the padding to work at all on the: Search, or the Archives. I was wondering if anyone knew what I’m doing wrong.
Thanks!
Here is the sheet:
/*
Dots – A WordPress CSS Template
Copyright 2004 Alex King
Based on: Bloggia 3-Column Template by Alex King (https://www.bloggia.com/styles/bloggia_themer/)
*/
body {
background: #fff;
margin: 0;
padding: 0;
text-align: center;
}
h1, h2, h3, h4, p, li, a, span, th, td, input, select, textarea {
font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
}
p, li, td, caption, input, select, textarea {
font-size: 11px;
font-weight: normal;
}
#rap {
display: block;
margin: 10px 100px 0px 100px;
position: relative;
text-align: left;
}
#header {
background: #5A634E;
background: url(images/header_background.gif) no-repeat;
border: 1px solid #4B5340;
border-width: 1px 1px 1px 1px;
color: #fff;
font-size: 18px;
height: 98px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: left;
top: 0;
width: 768px;
}
#header a {
color: #fff;
display: block;
padding: 65px 10px 10px 10px;
}
#content {
left: 146px;
padding: 10px 10px 0 10px;
position: absolute;
top: 99px;
width: 451px;
border-bottom: 1px solid #000;
}
#content h2 {
border-bottom: 1px solid #878D7C;
color: #727A66;
font-size: 12px;
margin: 0;
padding: 0 0 3px 0;
text-align: right;
}
#content div.post {
padding: 0 0 10px 0;
}
#content div.post h3 {
color: #4B5340;
font-size: 13px;
margin: 7px 0 3px 0;
padding: 0;
}
#content div.post h3 a, #content div.post h3 a:link, #content div.post h3 a:visited {
color: #4B5340;
}
#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
color: #727A66;
font-size: 10px;
}
#content div.post div.meta ul {
display: inline;
margin: 0;
padding: 0;
}
#content div.post div.meta ul li {
display: inline;
margin: 0;
padding: 0 3px 0 0;
}
#content div.post div.storycontent {
border-left: 2px solid #e8e8e8;
margin: 0 10px 0 0;
padding: 0 0 0 7px;
}
#content div.post div.feedback a {
color: #727A66;
font-size: 10px;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
margin-left: 10px;
padding-left: 0;
}
#comment {
height: 150px;
width: 400px;
}
#calendar {
top: 0;
left: 616px;
margin: 0;
padding: 0;
position: absolute;
width: 151px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#search {
top: 164px;
left: 616px;
margin: 0;
padding: 0;
position: absolute;
width: 151px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#archives {
top: 245px;
left: 616px;
margin: 0;
padding: 0;
position: absolute;
width: 151px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
#menu {
background: url(images/columns.jpg) no-repeat;
left: 0;
padding: 10px 10px 0 10px;
position: absolute;
top: 99px;
width: 125px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
color: #5A634E;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
#calendar caption {
font-weight: bold;
}
#calendar th {
color: #4B5340;
font-size: 10px;
padding: 2px;
text-align: center;
}
#calendar tbody td {
font-size: 10px;
padding: 2px;
text-The padding for Search and Archives is set at zero now, but no matter what I set it to, it makes no difference.
Thanks!where do you plan to put the padding?
If you look at the sheet, at #search, and #archives, you will notice that the padding is currently set to zero. If you plug this sheet into a default index.php, both the search and archives rest against the left hand border. I wanted to pad the left side, so that they were off the edge, and more towards the center.
For some reason, no matter what value I give the padding, they contiue to rest right on the left border.Try altering the margin ?
How about a link to your site so we can take a look?
That might be helpful, eh?
https://words.supercreep.orgI’d bet a breakfast on it.
Damn Beel!
That moved it right over.
OK, smarty, how do I get the archives over now, hehei think you just do the padding-left see
https://words.supercreep.org/wp-layout.cssIn looking at my index page, Archives might prove to be a little harder as in your css it is fixed. Try wrapping divs:
<div>
<?php _e(‘Archives’); ?></div>
<div>
<?php get_archives(‘monthly’, ” , ‘html’ , ” , ” , 1); ?>
</div>
and in your css put:
li#archives div {margin-left:10px}
Maybe that will work.
- The topic ‘REQ: CSS padding help’ is closed to new replies.