How do I fix the positioning problem with my header

Posterize.us: How do I fix the positioning problem with my header - Posterize.us

Tips

When posting, be sure to include any extra info that will be helpful in diagnosing your issue. (Include link to your Posterous blog, along with any code snippets, etc.)

Also, be sure to check the official theming reference first if you're having trouble: http://posterous.com/theming/reference

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

How do I fix the positioning problem with my header

#1 pictorlumen

Newbie

Group: Members
Posts: 4
Joined: 09-March 11

Posted 22 March 2011 - 07:07 AM

I am new to posterous and a novice at HTML & CSS and I am struggling to implement my customized theme.

What I am trying to do is to have this design http://www.immersion...m/posterousblog as my header (code is provided below)

But clearly I do not understand something because while I can get the stripped background in the correct place my table that contains the other elements such as the logo, text, etc that I use seems to have a placement problem as you can see here www.immersionproject.posterous.com

It the perfect world I would like the posterous graphic to slide to the right and have my header appear in the location shown here http://www.immersion...m/posterousblog

This is the code for my existing header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Immersion Project</title>

<style type="text/css">
body {

background-image: url(blog/images/background-stripe-blog-sm1.png);
background-repeat: repeat-x;
background-color: #191515;
color:white;
}
#tagline {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #FFF;
font-style: italic;
line-height:150%;
padding-left:20px;
}
</style>
</head>

<body>
<table width="633" height="125" border="0" align="left">
<tr>
<td width="144" height="119" align="right"><img src="blog/images/logo_sm.png" width="100" height="100" /></td>
<td width="479" id="tagline">Turning Ordinary into Extraordinary<br/>
<a href="http://www.facebook.com/pages/Immersion-Project/181562925222332"><img src="blog/images/facebook-icon-24x24.png" width="24" height="24" /></a> <a href="http://twitter.com/ImmersionProj"><img src="blog/images/twitter-icon-24x24.png" width="24" height="24" /></a></td>
</tr>
</table>
</body>
</html>