first off hello to everyone...this is my first post here!

Ok...iam working on a blog site on Typepad, and I really need the banner image seen here http://radiofreechicago.typepad.com/ floating near center to the body to be on the left, very top of the browser (off center to the body..hopefully you can tell what i am looking to get at by the image itself). I cannot figure it out as i have played around with it over the past week. Is this possible or does everything have to cling towards the center along with the body? If anyone can help I would really appreciate it!

Take float:right; out of the image tag's style stuff, and to have the image in the top left corner, add this in that style="blah..." portion of your image tag:

position:absolute; top:0px; left:0px;

That should do it. :)

ok...last question..where would that float tag be abouts? Here is my the banner part of the css...


#banner
{
border: 0;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
color: #;
background: #2C7AF7;
text-align: left;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
color: #;
text-decoration: none;
}

#banner-header
{
margin: 0.25em 0;
font-size: xx-large;
font-weight: bold;


}

#banner-description
{
margin: 0.25em 0;
font-size: small;
}

/* banner image */

#banner
{
height: 451px;
background-image: url(http://radiofreechicago.typepad.com/my_weblog/rfcfinaltestbanner4.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
}

#banner-inner { overflow: visible; padding: 0; }

#banner-header
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#banner-header a
{
display: block;
left: 0;
top: 0;
height: 451px;
text-indent: -1000em;
}

#banner-description
{
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
text-indent: -1000em;
}

When I did a view-source, I thought that the ws_cover blah blah was your header. Sorry, that was that album cover. :blush:

Change this:

#banner
{
height: 451px;
background-image: url(http://radiofreechicago.typepad.com/...tbanner4.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
}

to this:

#banner
{
height: 451px;
background-image: url(http://radiofreechicago.typepad.com/...tbanner4.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
position:absolute;
top:0px;
left:0px;
}

And see if it makes a difference. :)

almost there... http://radiofreechicago.typepad.com/ , anyone know how i push down the body? Sorry, iam still getting use to the CSS portion of webdesign..

not sure if this will help out....but here is the top part of the css code


/* base css */
@import url(/.shared/themes/common/base-weblog.css);



/* portal css */


/* theme css */
/* general page elements */

a
{
text-decoration: underline;

}

a:link { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #003366; }
a:active { color: #003366; }


/* layout */

body
{ margin: 0; color: #333333; background: #2c7af7; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: normal; font-size: small; line-height: 150%; position: absolute; }

#container { position: absolute; }

#container-inner
{
position: static;
border: 0;
background: #FFFFFF;
}

#banner
{
border: 0;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
color: #;
background: #2C7AF7;
text-align: left;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
color: #;
text-decoration: none;
}

#banner-header
{
margin: 0.25em 0;
font-size: xx-large;
font-weight: bold;


}

#banner-description
{
margin: 0.25em 0;
font-size: small;
}

/* banner image */

#banner
{
height: 349px;
background-image: url("http://radiofreechicago.typepad.com/my_weblog/radiooletstry2.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
position:absolute;
top:0px;
left:0px;

}

#banner-inner { overflow: visible; padding: 0; }

#banner-header
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#banner-header a
{
display: block;
left: 0;
top: 0;
height: 349px;
text-indent: -1000em;
}

#banner-description
{
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
text-indent: -1000em;
}

Try adding this in and see if it works:

.entry {
position:absolute;
top:349px;
left:0px;
}

Try adding this in and see if it works:

.entry {
position:absolute;
top:349px;
left:0px;
}


ok..last question, add the whole thing? and where would i add it? I swear last question regarding this:)

You'll add it to all of your CSS.


/* base css */
@import url(/.shared/themes/common/base-weblog.css);



/* portal css */


/* theme css */
/* general page elements */

a
{
text-decoration: underline;

}

a:link { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #003366; }
a:active { color: #003366; }


/* layout */

body
{ margin: 0; color: #333333; background: #2c7af7; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: normal; font-size: small; line-height: 150%; position: absolute; }

#container { position: absolute; }

#container-inner
{
position: static;
border: 0;
background: #FFFFFF;
}

#banner
{
border: 0;
/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
color: #;
background: #2C7AF7;
text-align: left;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 15px; }

#banner a
{
color: #;
text-decoration: none;
}

#banner-header
{
margin: 0.25em 0;
font-size: xx-large;
font-weight: bold;


}

#banner-description
{
margin: 0.25em 0;
font-size: small;
}

/* banner image */

#banner
{
height: 349px;
background-image: url("http://radiofreechicago.typepad.com/my_weblog/radiooletstry2.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
position:absolute;
top:0px;
left:0px;

}

#banner-inner { overflow: visible; padding: 0; }

#banner-header
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#banner-header a
{
display: block;
left: 0;
top: 0;
height: 349px;
text-indent: -1000em;
}

#banner-description
{
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
text-indent: -1000em;
}

.entry {
position:absolute;
top:349px;
left:0px;
}


And it's okay if you have more questions, that's what the forum is for. :D Also, I've never used Typeblog, so I'm guessing as to what can fix what. :)