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!

Register Log in
  • Congratulations Mike Lewis 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

RodS2

IS-IT--Management
Sep 11, 2007
33
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>
 
Sort by date Sort by votes
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
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
466
spamjim
spamjim
scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
397
3esolar
3
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
135
Alt255
Alt255
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
714
Mike Lewis
Mike Lewis
lmcate
  • Locked
  • Question
Create a Expand/Collapse FAQ Accordion, Collapse other on Click 1
Replies
2
Views
409
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top