Bad table ... how to replace it with css

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I seem to get volunteered for odd stuff.  This isn't that odd but I don't
like what I've 'had' to do to get it to sort of lay out.


I'd like to do away with the table, but cannot find a way to lay out the
three pictures - along with the heading  that's found at the top of this

Yes, I reallize there's a 'left over' picture from a previous attempt
hanging in the background - that should go away if I (with help) can lay
the header out correctly.

Suggestions / guidance??


Re: Bad table ... how to replace it with css

al jones wrote:
Quoted text here. Click to load it
This will get you started:

             " ">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="content-language" content="en-us">
    <style type="text/css">
   margin: 0; padding: 0; line-height: 1.2;
   color: #000; background-color: #fff;
#banner { margin: 0; padding: 0; height: 175px; width: 100%; }
#banner IMG, #banner H1 { float: left; }
#banner IMG.hands { padding: 40px 10px; }
#banner H1 EM { display: block; font-size: .75em; }
#banner H1 { width: 12em; text-align: center; margin-top: 2em; }
#banner H1 EM SPAN { color: #f00; }
#navbar {
   margin: .5em; padding: 0; clear: both; float: left;
   width: 10em; list-style: none;
   color: #000; background-color: #5cb3ff;
#navbar LI { margin: 0; padding: .2em; }
#content { margin: 0 0 0 11em; padding: 1em; }



<div id="banner">
   <img src=""
width="195" height="175" alt="Broken Chains Lighthouse Logo"</img>
   <img class="hands" src=""
width="63" height="95" alt="Left Hands">
   <h1>Broken Chains Ministry <em>...finding <span>Christ in the
   <img class="hands" src=""
width="63" height="95" alt="Right Hands">

<ul id="navbar">
   <li>Links here</li>
   <li>Links here</li>
   <li>Links here</li>
   <li>Links here</li>
   <li>Links here</li>
   <li>Links here</li>

<div id="content">
  <p>The rest of your page....</p>


Take care,


Re: Bad table ... how to replace it with css

On Sun, 11 Mar 2007 15:41:53 -0400, Jonathan N. Little wrote:

Quoted text here. Click to load it
Quoted text here. Click to load it

And you also cured a really bad case of divitis which was getting worse the
more I tried ... thanks Johnathan.


Site Timeline