Comments on: ComicPress 2.9 CSS Overview – Part 5

By: jminto

jminto — Sun, 21 Feb 2010 18:25:55 +0000

…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;
{

jminto — Sun, 21 Feb 2010 04:35:16 +0000

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*

Phil (Frumph) — Sun, 21 Feb 2010 03:40:47 +0000

That’s when float’s come into play, #sidebar-header { float: right; } will float it to the right.

jminto — Sun, 21 Feb 2010 03:22:23 +0000

How may #sidebar-header be bumped left or right? By default, it just appears below the header overlapping the content below.