Hi, I'm working on my first wordpress blog and I like everything about my template but the amount of space between my blog title and the tagline. There's too much space between them. I've tried altering the code but I can only move the tag line lower, I can't get it to go up.

Here's some of the code from my style sheet:

/*-------------------- General --------------------*/



body { margin: 0; padding: 0; background:

#FFD6CA; url("images/bg.gif") no-repeat

center top; background-attachment: fixed;

font: 67.5% "Tahoma, Verdana, Trebuchet MS"

Arial, Sans-Serif; color:#222222;

text-align: left; }

p, ol, ul { line-height: 150%; }
000000
h1, h2, h3, h4, h5, h6 { margin: 0;

font-style: normal; font-weight: normal;

background: transparent; }

h1 { font-size: 2.2em; }
h2 { font-size: 1.4em; }
h3, h4, h5, h6 { font-size: 1em;}

a, a:link { color: #F1A2EC; text-decoration:

none; }
a:hover { color: #B4045F;} a:active { text-decoration: ; }

blockquote { margin: 10px; padding: 10px 0px

10px 40px; color:#424242;

background-color:#f8ceb7; border : 1px solid

#036333;}
code{ display:block; overflow:auto;

text-align:left; margin: 10px 0 10px 0;

padding: 5px 10px 5px 10px; }

small { font-size: 0.9em; }

img { padding:5px; border:0; }
img.right { float: right; margin:5px 0 5px

5px; }
img.left { float: left; margin:5px 5px 5px

0px; }
a img {border:none;}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.alignleft { float: left; margin-right:

10px; }
.alignright { float: right; margin-left:

10px; }

.navigation { display:block; padding: 20px;

}


/*-------------------- Layout

--------------------*/


#outline { width: 955px; margin: 0 auto;

padding: 0; background: #FBE7CE; font-size:

1.3em;}

#wrapper { float: left; width: 957px;

margin: 0 !important; margin: -15px 0 0 0;

/* IE hack */ padding: 0; background:

#FBE7CE;}


/*-------------------- Header

--------------------*/


#header { width: 957px; height: 299px;

background: url(images/alps71header.jpg)

no-repeat left top; }
#header .blogtitle { width: auto; height:

118px; }
#header h1 { padding: 8px 0 0 30px; }
#header h1 a { color: #081C54;

text-decoration: none; }
.description { color: #081C54; padding-left:
30px; font-size: 2.5; }

#navbar { clear: both; float: left; width:

957px; height: 30px; _height: 45px;

background: url(images/alps71menuc.jpg)

no-repeat; }

ul.menu { float: left; margin: 0; padding: 0

15px; list-style-type: none; }
ul.menu li { float: left; }
ul.menu li a { float: left; display: block;

height: 28px; padding: 3px 15px 0 25px;

line-height: 24px; color: #0e7e2c; }
ul.menu li a:link, ul.menu li a:visited {

color: #0e7e2c; background: none;

text-decoration: none; }
ul.menu li a:#9FA09D, ul.menu li a:active {

color: #000000; background: transparent

url(images/alps71menuc.jpg) repeat-x 0 0;

text-decoration: none; }

***********************************************


Thanks very much
t.kay

try inserting an empty row in between them

__________________
check out my Blog Marketing Tips Series , "Part 9" Other Forms Of Content

A Guide To Egypt Learn about the Egyptian Climate and more!

I'd need to see your site to be sure but I think you should edit .blogtitle's height:

#header .blogtitle { width: auto; height: 118px; }
#header h1 { padding: 8px 0 0 30px; }
#header h1 a { color: #081C54;

Thanks Mirage but inserting an empty row didn't work.

And thank you, too, Nora. But changing the blog title height had no effect at all. It's strange, I tried to change all the numbers, just to see what would impact what. The only things that I could move was the blog title-- the left margin, and the top margin. But no matter how I changed these, the distance between the blog title and the description remained the same.
And I could move the blog description-- the left margin, and the the top margin-- but I could only lower it, not raise it. I can't get the blog title and description any closer together.

I can't show you sight because right now the blog is set up on my local server. Besides the title/tagline issue, I have a couple other things to do before I go live. But if there are any other suggestions, I'd appreciate it. This is driving me crazy because the changes I've made should work, even if I don't like the result, that stupid line should at least move a little bit!

Is you header and/or your tagline using an h1, 2, or 3 tag? If so, the only thing that I know you can do is position each using css. There is an inherent line space when using header tags.

__________________
Alpha7
Web Hosting

My apologies Alpha 7 but you lost me (really not hard to do ).

Here's some code from my header.php file:

<div id="header">


<div class="blogtitle">
<h1><a href="<?php echo get_settings('home'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div>
</div> <!-- end of #header -->


Is this the code you're referring to, if so, what changes should I make?

Talking about spacing between title and tagline. Here are some basics to remember.

block items like <p> and <h?> have default margin/spacing assignments. Usually (what a terrible word!) the larger one takes precedence over the other. They don't always work the same in ie as in firefox and others. There are other factors as well but hopefully won't be an issue here.

This means several things. First, it means you cannot eliminate the padding above one and not the padding below the one above it and expect them to come together. Also you cannot remove padding between two (adjust both) and ignore margins without potential trouble. Also be aware that header tags have defaults that often seem (to me at least) more than appropriate.

Confused? I may even be confusing myself!

Anyway, here is something to try. Set margins AND padding above AND below BOTH of them to 0 and see what happens. Use an id to apply css in this way so that you don't affect anything else. If this collapses them like you want then you can put back what you want.

Also make sure you do not have a class or id calling for space. These could have a line height setting or something affecting this, too.

__________________
Good Success!

Douglas County Master Gardeners
"We don't always get what we want, but we always get what we expect."

Thanks James!