#header / #sidebar-header
This area of the site code is a bit tricky. Sure you have the standard CSS that goes with it. First there’s no default height or width in the header and the generic height is dependant on the page title – tagline.
#header {}
#header h1 a {}
#header .description {}
If the Plugin Wonderful plugin is active and you set one of your ads as ‘header’ then it will open up another CSS element.
#header .headerpwad {}
Also if you decide to put anything into the Header sidebar area it will open up another css element inside of #header. Which doesn’t have any default styling.
#sidebar-header {}
There is members only content here.
How may #sidebar-header be bumped left or right? By default, it just appears below the header overlapping the content below.
That’s when float’s come into play, #sidebar-header { float: right; } will float it to the right.
display: inline; also needs to be set to get the sidebar-header parallel with the graphic.
#header h1 a {
display: inline;
text-indent: -9999px;
}
#sidebar-header {
display: inline;
float: right;
}
…of course, doing that somehow negates the text-indent. Now I have text overlapping the graphic again. *sigh*
…which can happen if we remember to float the h1 as well.
#header h1 a {
display: inline;
text-indent: -999px;
float: left;
}
#sidebar-header {
display: inline;
float: right;
{