Recent Topics

1 Mar 08, 2005 04:18    

I have two questions regarding my new layout. I'm not quite sure how to use this kind of coding (I'm strictly a basic HTML girl myself, lol), so I apologize if these seem pretty silly.

1) On my website, http://laudienne.com, the subject headers are classified as 'h3' headings in the .css file. However, no matter what I do to the h3 code, the color doesn't change. I'll put the .css code at the bottom and perhaps you can find a problem.

2) Between my date, subject, time/category, and the first entry line, there are these huuuuge spaces. I'm not sure how to get rid of those either.

I appreciate any help you can provide!!

@import url(../../rsc/basic.css);	/* Import basic styles */
@import url(../../rsc/img.css);	/* Import standard image styles */
@import url(../../rsc/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/forms.css);	/* Import default form styles */
@import url(../../rsc/comments.css);	/* Import default comment styles */

body {
	background: #FFC7CE url(http://laudienne.com/v01/bg.png) repeat-y;
	padding: 0px;
	margin: 0px;
	color: #000;
	font: 84% Arial, Helvetica, sans-serif;
}

a {
	color: #E58393;
        text-decoration: none;
}
a:visited {
	color: #E58393;
        text-decoration: none;
}
a:hover {
	color: #F5E7EA;
        background-color: #F8BAC4;
        text-decoration: none;
}

h2 {
	color: #EB9FAC;
	font-size: 200%;
	margin: 0;
        align: right;
        text-transform: uppercase;
}
h3 {
	color: #000000;
	font-size: 160%;
}
h4 {
	color: #E58393;
	font-size: 110%;
}

table.invisible
{
	margin: 1ex;
	border-collapse: collapse
}
table.invisible td
{
	padding: 0ex 1ex;
}
td.right
{
	text-align: right;
}
div#pageFooter {
	clear: both;
	background-color: #FDBDC8;
	width: 738px;
	margin: 0 auto;
	padding: 0 0 1ex 0;
}
p.baseline {
	border-top: 0px solid #ddd;
	text-align: center;
	font-size: 74%;
	color: #5E5E5E;
	padding: 1ex;
	margin: 0;
}
hr {
	height: 0;
	border: 0;
	border-top: 0px solid #78a;
}

div#wrapper {
	background: #fff url() repeat-y 0 0;
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

div.pageHeader {
	padding: 1ex;
	margin: 0 1px 1ex 1px;
	border-bottom: 0px solid #ddd;
	text-align: center;
	background: #78a;
}

h1#pageTitle {
	color: #fff;
	font-size: 270%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul#bloglist {
	background-color: #fff;
	border-bottom: 1px solid #000;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
ul#bloglist li {
	border-right: 1px solid #000;
	display: inline;
	padding: .5ex 1em;
}

a.BlogButton,
a.BlogButtonCurr {
	font-weight: bold;
	text-decoration: none;
}
a.BlogButton {
	color: #000;
}
a.BlogButton:hover {
	text-decoration: underline;
	color: #9ae;
}
a.BlogButtonCurr,
a.BlogButtonCurr:visited {
	color: #78a;
}
a.BlogButtonCurr:hover {
	text-decoration: underline;
	color: #9ae;
}


.pageSubTitle {
	color: #fff;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 109% Arial, Helvetica, sans-serif;

}
div.stats{
	float: right;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
	margin: 1ex;
	border-bottom: 0px solid #78a;
}

/* Styles for posts */
.bPosts {
	float: left;
	overflow: hidden;
	/* background: #090;*/
}
.bPost, .bPostpublished
{
	clear: both;
	margin: 0 2.5ex;
	padding: 0;
width: 375px;
	border-bottom: 0px solid #ddd;
	/* border: 0px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
.bTitle {
	color: #78a;
	margin: 1ex 0;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment, 
textarea.bComment
{
	background-color: #eee;
	border: 0px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment		/* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin: 0 0 2ex 1.5ex; 
	border: 1px solid #78a;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #78a;
	padding: 1ex;
}

input.submit,
input.reset {
	background-color: #EFEFEF;
	color: #E78294;
	border: 1px solid #E78294;
	font-weight: none;
	padding: 1px;
}

input.submit:hover {
	color: #000;
	text-decoration: underline;
}

/* Styles for sidebar (right) */
.bSideBar {
	width: 259px;	
	float: right;
	overflow: hidden;
	/* background: #900; */
}
.bSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Calendar: */
caption.bCalendarCaption {
	border: 1px solid #E78294;
	background-color: #FFD3DE;
	border-bottom: 0;
}
table.bCalendarTable {
	border: solid 1px #E78294;
	border-collapse: separate; 
}
table.bCalendarTable tfoot td {
	background-color: #FFD3DE;
	border-top: 1px solid #E78294;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #FFD3DE;
	color: #fff;
}
th.bCalendarHeaderCell {
	color: #000000;
}
#bCalendarToday {
	background-color: #FFD3DE;
}

2 Mar 08, 2005 04:50

I can help with the <h3> problem, I believe. Add the following somewhere in your custom.css file:

.bPost h3 {color: whatever;}

...and you should be in business. Someone else will have to jump in about the large spaces, though.

3 Mar 08, 2005 17:45

You can also set your margin: 0 0 -10px 0; in the .bPost h3 to move the post title closer to the line below it.

To tweak your "Posted by", etc. line find the css for .bSmallHead and change the existing margin to something like this:

.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 -2ex 0;
}

And for your top date line to move down you need to find the css that looks like this:

/* Styles for main area (left) */
h2 {
	margin: 1ex;
	border-bottom: 0px solid #78a;
}

and play around with the margin line until it works for you. Adding margin-bottom: -10px; may do the trick.

I only fiddled around with these settings in firefox so you might want to double check the results in ie.

4 Mar 08, 2005 18:33

I really appreciate your help! :D I haven't tried everything that you suggested yet, but so far it's working great. Thank you!


Form is loading...