I'm trying to get the banner image in my Typepad blog
(http://www.virtualeconomics.co.uk) to justify not to the left of the
screen but to the left column margin. Is that possible, and if so
how?
No problem ... just remove all superfluous elements and styling, and
float the (now simplified) banner in place - lining it up exactly where
and how you like.
Sorry if that sounds "a bit too clever", but you use too many elements
for such a simple layout. A clear case of "divitis."
For instance: a well-styled H1 is probably all you need for "banner" in
that layout. Whether your "template" allows for simpler and more
flexible and robust markup, I don't know.
Your stylesheet also looks badly organized and has too many repetitions
and superfluous styling to lend itself well to simple
adjustments/repairs/fixes. A clear case of "overstyling." Better start
from scratch, and get rid of about 70% of the stylesheet weight in the
process.
Also, how do I get rid of the black horizontal line that sits under
the banner?
#banner {border: none;}
...will do when placed correctly - after all other #banner styles, but,
again, you have so many style-repetitions targeting the same elements
that you better go through it all yourself and correct or delete the
style that sets that bottom border in the first place.
regards
Georg
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
