OK, let’s deal with it here…
To move it up closer to your menu, you need to alter the padding property in this rule:
#header {
clear: both;
padding: 5px 0 80px;
position: relative;
}
So, at the bottom of style.css, you need to add something like:
#header {
padding-bottom: 40px;
}
Obviously the value “40px” is just arbitrary. You can set it to whatever you want to make it look right for you.
As to making the div narrower, you need to look at this rule:
#breadcrumb {
background: url("images/bg-breadcrumb.png") repeat-x scroll 0 0 transparent;
border-bottom: 1px solid #FFFFFF;
color: #666666;
height: 50px;
line-height: 50px;
}
The height is specified as 50px, so you would need to make that a smaller value. So you could add this rule to the bottom of your style.css file:
#breadcrumb {
height: 40px;
}
Again, the 40px value is just an arbitrary value I’ve picked out of the air. You can give it whatever value you like.
When I had your ‘About Me’ page open yesterday, my wife arrived with a cup of tea and was interested to know what I was doing.
:-/
HTH
PAE