How do I move these into my top header image?

Hey,

I'm trying to nut out how to move these into the blue and white top header bar.

I want to put the LHTW logo, some text links and the google search box (to the right) on the header bar.

Can someone show me how to code it?


I did just try add the code underneath and this did not work, you can see that this is where the logo LTHW is now.

http://www.learn-how-to-weld.com

Peter

 

It looks like some of your table tags are messed up. First, get your htlm to validate. Since you are using a table for layout, it is easy to get your header setup.

 

Yeah okay, How does a noob do that.

I tied this before using the HTML tidy app and not 100% what to do.

 

Another way around this is to work with a platform like Wordpress that's easy to work with and a theme that already contains coding similar to what you are trying to achieve.

A quick search for WP themes and I found this as an example:

http://www.freewpthemes.net/preview/presented

It may not be the best fit but is jsut an example. Then you can play with the design, switch out the search for your google search, etc.

Just a thought!

rule#1

 

Go to http://validator.w3.org/

 

This should solve the validation problems and maybe fix the appearance too.

Insert a div closing tag at line 194, and a table cell closing tag at line 195:

  <div class="cse-branding-text">
     Custom Search
  </div>
</div>
</td>

Code (markup):

Insert a table closing tag at line 342:

      </table>
    </div>


    <!--this is the closing div for the max width, dont delete it-->
</html>

Code (markup):

 

Okay,

Line 216 I have this code.

<tr>
<td class="leftbg" valign="top">


The validator say's to me:
----------------------------------------------------------------------------
Line 216, Column 11: document type does not allow element "TR" here

<tr>

✉

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).
-----------------------------------------------------------------------------


So I then delete the " <tr> " code part, and then the nav bar goes over to the right side of the page, ???

Then re run the validator and it says then there is another error at line 217.

So I have left it like that with the code in it now.

Help.......

 

rule#1,

That is what I was thinking of doing but wordpress just seems to hard... Which is ironic as most people say it is a breeze to use. I'm keen to use it, maybe you can answer some questions for me?

1. I'm still not understanding posts and pages. Sure a post is a post and a page is static right?

2. Then I think I read that pages can not be linked to categories...Well how can I have a CMS style wordpress site if I can't have categories and static pages?

Peter

 

You should really be adding stuff, not deleting it. There are already several missing tags on the main page.
The validator can make a correct tag appear wrong if there is a tag missing further up.

 

Peter;

I understand your frustration - it can maddening to have an inkling of an understanding but not fully comprehend what's needed when you're trying to mess with code. Then again this is a great way to learn.

With wp, you are right - a post is the more dynamic of the two in terms of being able to add keyword tags, categories, etc., but there really is a ton of room to play. You could have your main or some other page be a 'page' and all the rest of the 'pages' be posts if you do it right and if it's categories you're after. Google also likes wp.

Cash is being really helpful and sounds like he can help with your coding. If you'd like to talk a little more quickly about wp, and you have an im address, pm me and I'd be happy to chat. I have a whole network of sites set up in different ways using wp and I find it really user-friendly. Sometimes all you need is a point in the right direction...

Good luck,

rule#1