refiking Posted June 10, 2007 Share Posted June 10, 2007 I am trying to place the greeting and time on the right side of the header. Right now, it is on a separate line. Here is the website so you can see what I am talking about: http://ctpweb.com/leads/preheader.php Here is the code of the header: <html> <body> <!-- Containing div --> <div style="width: 100%; margin-left: -1px; margin-right: 20px; margin-top: 15px; border: 0px;"> <!-- Header table --> <table style="width: 100%; margin: 0px; padding: 0px; border-collapse:collapse; border-spacing:0; border: 0px;" cellpadding="0px" cellspacing="0px"> <!-- Top row --> <tr> <td colspan="2"> <!-- Header div. Adjust to fit height of your header. Replace image URL with your own --> <div style="width: 100%; height: 100px; background-image: url('bg.gif'); background-repeat: repeat-x;"> <!-- Header image. Replace image URL with your own --> <img src="amdata.gif" style="border: 0px; margin: 0px;" /> <!-- End header div --> </div> <!-- End top row --> </td> </tr> <!-- Bottom row --> <tr> <!-- Greeting column --> <table width=100% style="font-size: 18px; color: white; border:1px solid black; background-image: url('bg.gif'); background-repeat: repeat-x;"> <tr> <td style="text-align:left;">Hello <?=$firstname ?></td> <td <? PRINT "<br />";?></td> <td style="text-align:right;"><?=date("Y")?></td> </tr> </table> <!-- Continue with the rest of your web page's content --> <p> </p> <!-- End containing div --> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
soycharliente Posted June 10, 2007 Share Posted June 10, 2007 <div id="header"> <div id="headerImage"><img /></div> <div id="headerContainer"> <div id="headerGreeting">HELLO</div> <div id="headerTime">2007</div> </div> </div> Absolute positioning to place the headerContainer directly on top of everything else in the header div. Quote Link to comment Share on other sites More sharing options...
refiking Posted June 10, 2007 Author Share Posted June 10, 2007 Does this replace everything or just one section? Quote Link to comment Share on other sites More sharing options...
soycharliente Posted June 10, 2007 Share Posted June 10, 2007 I don't understand your question. Can you rephrase? Quote Link to comment Share on other sites More sharing options...
refiking Posted June 10, 2007 Author Share Posted June 10, 2007 Where do I place the code you provided? Quote Link to comment Share on other sites More sharing options...
soycharliente Posted June 10, 2007 Share Posted June 10, 2007 The code I gave you wasn't meant to be drag and drop ready. I was just trying to point you in the right direction so you could take the next step. Granted you could use that code, you'd just have to modify it or your style guide. Give a man a fish, and feed him for a day. Teach a man to fish, and you'll feed him for his life. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.