Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Not a programmer - need some help

Status
Not open for further replies.

RodS2

IS-IT--Management
Sep 11, 2007
33
0
0
US
This is probably a very easy question, so here I go. I am trying to combine the code below with the code labeled "header.PHP" so that my wordpress blog header looks like my website header. For some reason, the logo.gif and line-bg.gif image appears, but the line-bg appears above the logo when it should be under it, and even worse the top blue line (#106000) that is supposed to span across the top of the page horizontally doesn't even appear. Could someone please tell me what I might be doing wrong?



MY WEBSITE HEADER CODE:
<body>

<div align="center">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#106000"><img src="images/spc.gif" width="1" height="5" alt="spacer"></td>
</tr>
</table>

<table width="832" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/spc.gif" width="1" height="20" alt="spacer"></td>
</tr>
</table>

<table width="832" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="71" background="images/line-bg.gif">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
<td width="208"><img src="images/logo.gif" width="208" height="71" border="0"></a></td>
<td width="624" align="right">

<table width="50%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="40%"><div align="right"><img src="images/top-links.gif" width="283" height="18" border="0" alt="top links></div></td>

</tr>
</table>

</td>
</tr>
</table>
</td>
</tr>
</table>



WORDPRESS HEADER CODE:
<body>


<div id="wrapper">

<div id="page_nav">

<ul id="page_nav_ul">

<li class="<?php echo $highlight; ?>"><a href="/about/"><?php _e('ABOUT',woothemes); ?></a></li>
<li class="<?php echo $highlight; ?>"><a href="/contact/"><?php _e('CONTACT US',woothemes); ?></a></li>


</ul>
 
You could achieve this with only a few lines of CSS code instead of your maze of tables. If you need to use tables, you should only use 1 for this.
Code:
<td bgcolor="#106000"><img src="images/spc.gif" width="1" height="5"
Just for old time sake, your horizontal image will be there but it is only 1px wide, making it very hard to see.
Years ago when tables were all the rage, the <hr> tag was used to create horizontal lines.

Keith
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top