Can someone please tell me their opinion of any flaw they might see but more importantly I can't figure out how to get my logo in the correct position without messing up the background and without the header repeating. So I tried to place a table in the header and the table won't raise to the top so the menu doesn't force menu down and stays at top centered. Can someone please tell me how top place the header at the top so it stays to right of feather fixed? I sincerely am stumped but also new to css. I'm ready almost to just go back to straight htnl as the majority of my future sites winn be outsourced. But can someone please take a look and tell me what I'm doing wrong? Thanks so much in advance. http://www.dfwcreativegroup.com/

Sara

For starters you have the wrong dimensions on your logo div, the image is 197px tall.
I made this change, and it's close to what you want, you probably wand to change the hover on the menu though.

#logo {
width: 662px;
height: 118px;
/*text-align:  right;*/
padding-right: 20px;
padding-top: 40px;
float:left;

#main #menu a {
    /*float: left;*/
    width: 125px;
    height: 30px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 10px;
}
}

Code between the comments /* */ are not processed by the browser, if things are they way you want them you can delete these.

change your logo div css code to:

#logo {
width: 662px;
height: 194px;
text-align:  right;
padding-right: 20px;
padding-top: 10px;
margin: 30px 0 0 0;
text-align: left; 
}

EDIT: actually this:

#logo {
    width: 662px;
    height: 194px;
    padding: 10px 0 0 0; 
    margin: 30px 0 0 0;
    text-align: left; 
}

Thank you so much both. I tried Orionreo's code and it worked great. Geek specialties, I used yours and the top header repeated through bottom of page but I could have fixed that. So you were both correct in your help and thanks so much, sincerely. NOw my problem is two-fold. #1 I can't get the table bordeer to disappear? #2 I can't get the menu to adjust correctly? I have re-posted the page. If you can help anymore Iwould very much appreciate it. THanks you. Also, in my bottom left box "amybacon.com" Isomething is stopping the text from centering, do you see what I did wrong?

S.

your table border is set here

<table width="200" border="1" align="left">
    <tr>
      <th colspan="2" scope="row"><img src="images/logo.gif" alt="" width="502" height="189" border="0" /></th>
    </tr>
    </table>

try this:

CSS Add

.menu_button    {
    margin: 0 10px 0 10px;
}

and Body:

          <div id="logo">
            <table width="100%" height="104" border="0" cellpadding="0" cellspacing="1">

              <tr>
                <th height="102" colspan="2" valign="top" scope="col"><img src="images/logo.gif" alt="" width="497" height="197" /></th>
              </tr>
            </table>
          </div>

          <div id="menu">
            <div class="menu_button"><a href="index.html" title="">Home</a></div>
            <div class="menu_button"><a href="#" title="">about</a><a href="#" title="">services</a></div>
            <div class="menu_button"><a href="#" title="">resources</a></div>
            <div class="menu_button"><a href="#" title="">Contact us</a></div>
          </div>

for the amybacon.com

add text-align: center; to #left H3

First, get rid of the table, there is no reason for it.
The reason the table has a border you have one set in an inline style

<table width="200" border="1" align="left">

Also your image normal size is 497 x 197 you have it scaled to 502 x 189

<th colspan="2" scope="row"><img src="images/logo.gif" alt="" width="502" height="189" border="0" /></th>

It's not a high quality image to begin with, scaling it is only going to make it stand out more.
I would have had only the graphic with, DFW Creative Goup as text and the bullets below it in a list <li> . Search engines will like this and will be much smaller graphic to load.

For your menu

#menu {
width: 682px;
height: 50px;
float:left;
}


#main #menu a {
    float: left;
    width: 125px;
    height: 30px;
    display: block;
    /*text-align: center;*/
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 10px;
}

Thank you. I t worked. Do you see why my bottom right image won't center? I've checked both source and css and can't figure it out? Also. if you have a real good monitor, can you see the outline in the header-logo image? I saved ot as gif with transparency. Is that the best option? Thanks again.

this one i'm not sure because it looks centered on mine but try this i haven't tested it

<div class="title_back" align="center">
            <ul>
              <li>

                <h4 style="text-align: center"><a href="http://www.amybacon.com"><img src="images/amybaconthumb.jpg" alt="Amy Bacon Salon" width="175" height="220" /></a></h4>
              </li>
            </ul>
          </div>

no the top you should make your logo a gif but the words under should be layout with a div for SEO and readability purposes

You are such a life saver. The only two things I just can't figure out why the logo is so chooppy when I'm saving it as a .gif with transparency? It looks good on local but choppy on the net. On the right hand meu "amybacon.com, I fixed it but I need to stretch the text boxes a little more and I can't solve that riddle. I understand if you're done helping. Thannks no matter what. You're a lifesaver. BUt if you see the two issues, let me know....

S.

i don't believe the image in stretched or shrunk but when you save images as gif they need to anti-alias the edges for transparency. Unlike png they aren't so felxible with it. so around everything it made the pixels solid colors... i believe this is the issue you can go back in your psd and turn the text setting to None... its the setting at the top bar with the [aa]

Do you do freelance work? If so, I need your contact info. YOu have helped quite a bit. Can you tell me why my right hand menu text box isn't large enough to fit "downlinktechnologies.com"? Let me know all of the above and thanks.

PMed u

oooo....perfect but I just noticed I lost my link rollover effect? I'm so embarrased.