how's it going fellas.

Well it seems like my issues never end but for this site, this should be the LAST technical issue lol

I'm almost done with the church site if anybody actually keeps up

Ok
www.houseofpizza.biz/home

I thought I knew how to center align the site but I was wrong.
I went to the style sheet and tried, but I dont know why it doesnt work. It's making much sense right now.

Also, in www.houseofpizza.biz/menu.html
Those links used to open right in the same page, but now they won't even open anymore.

The changes that were made was that the "nav" menu was in flash, but now I am a firm believer in CSS and changed it to CSS.
But as you can see, after I did that, i screwed up the links somehow.

Thanks again.

Well, I fixed the position of the site by adjusting this line in the style sheet
position:absolute; top: 10px; left: 250px;

I dont know if that's the best way to do it or not though.

Ok i am really really frustrated here.
I have been working on this website for quite some time now and it seems that everytime I fix something, another goes wrong

1) I just checked the alignment of the site and it looks HORRIBLE on my home computer. It's mis-aligned

2)On my laptop, the alignment is just perfect
But then again, I made the site on my laptop

3)I don't know why, but it seems like I got to have the IE menu style in the home page not in the style sheet for it to work correctly

4)I tried moving the IE menu style to teh style sheet and it did not work, so i moved it back to the home page and now my bottons are out of order

*I really do not know what to do with this site anymore. Seems like the problems never end with it.

If someone is willing to help me, I would greatly appreciate it.

Thank

I'll take a look at it. You're right, in Firefox the whole thing is shoved over to the right and not centered.

You might want to take a look at the code on these sites to see how centering is done ... and with no absolute positioning:
http://www.dallasmedicalspecialists.com
http://www.stonecrestfp.com

Yes.. I designed those

Ok.. I've got it centered and fixed your menu problem. I've used a list for the menu in your nav1 and nav2 divs, absolutley positioned just those to be on top of your header where you want them.

body {
    font-family:verdana,arial,sans-serif;
    color:#000;
    background-color:#fff;
    margin: 0;
    padding: 0;
    text-align: center;
 }


 
#container{
    width:773px;
    margin:0 auto;
    border: 0px solid #a60807;
    position:relative; 
    text-align: left;
}

#header {
    margin: 0;
}

#nav1 {
    width:170px;
    height:35px;
    /*line-height:42px;*/
    font-size:11px;
    position:absolute; 
    top: 85px; 
    left: 570px;
 }

 #nav1 a:link, #nav1 a:visited{
 color:#FFF;
 font-weight: bold;
 vertical-align: bottom;
 }

  #nav1 a:hover{color:#000000;}
 
 #nav1 ul, #nav2 ul{
     margin: 5px auto;;
    padding: 5px;
 }
 #nav1 ul li, #nav2 ul li{
     display: inline;
     list-style-type: none;
    background: url(arrow.gif) no-repeat;
    margin: 0 10px 0 0;
    padding: 0px 0px 3px 14px;
 }

#nav2{
    width:170px;
    height:35px;
    /*line-height:42px;*/
    font-size:11px;
    position:absolute; 
    top: 122px; 
    left: 570px;
 }

 #nav2 a:link, #nav2 a:visited{
 color:#FFF;
 font-weight: bold;
 vertical-align: bottom;
 }

  #nav2 a:hover{color:#000000;}

HTML:

<div id="nav1">
    <ul>
    <li><a href="http://houseofpizza.biz/menu.html" alt="home">Menu</a></li><li><a href="http://houseofpizza.biz/coupons.html" id="home">Coupons</a></li>
</div>

<div id="nav2">
    <ul>
    <li><a href="http://houseofpizza.biz/directions.html" id="home">Directions</a></li><li><a href="http://houseofpizza.biz/contact.html" id="home">Contact</a></li>
    </ul>
</div>

This also eliminates the need for the conditional comment for IE, so you can scrap that too

I don't think I follow that 100%

So I replace this part of my style sheet with your code?

body {
    font-family:verdana,arial,sans-serif;
    color:#000;
    background-color:#fff;
 }

#container{
    width:773px;
    margin:auto;
    border: 0px solid #a60807;
    position:absolute; top: 10px; left: 250px;
}

#header {
    border-width: 0px;
}

#nav1 {
    width:770px;
    height:40px;
    line-height:42px;
    font-size:11px;
    position:absolute; 
    top: 80px; 
    left: 610px;
 }

 #nav1 a{color:#FFFFFF;}

  #nav1 a:hover{color:#000000;}

#nav2 {
    width:770px;
    height:30px;
    line-height:42px;
    font-size:11px;
    color:#FFFFFF;
    position:absolute; top: 80px; left: 700px;
 }

  #nav2 a{color:#FFFFFF;}
  #nav2 a:hover{color:#000000;}
    #nav3 {
    width:770px;
    height:40px;
    line-height:42px;
    font-size:11px;
    position:absolute; top: 120px; left: 610px;
 }

 #nav3 a{color:#FFFFFF;}

  #nav3 a:hover{color:#000000;}

  

  #nav4 {

    width:770px;
    height:30px;
    line-height:42px;
    font-size:11px;
    color:#FFFFFF;
    position:absolute; top: 120px; left: 700px;
 }

  #nav4 a{color:#FFFFFF;}
  #nav4 a:hover{color:#000000;}

Or do i leave the part for nav3 and 4

Thanks again.

With the links as 2 lists in Nav1 and Nav2 , there is no need for nav3 and nav4

Yeah sorry, I posted that accidently after i realized it.

So i took 3 and 4 out, but the "directions" and "contact" are still mis aligned

Also, the arrow bottons are not showing up for me.

The arrow.gif is set as a non-repeating background for the list items. Check the path to the images in the CSS file and make sure it matches your folder structure.

For the Directions and Contact.. make sure the html is exactly the way I gave it to you for those 2 items.

The html codes looks identical to me
:scartches head:

<div id="container">

<div id="header"><a href= "http://www.houseofpizza.biz/home.html">
<img src="http://houseofpizza.biz/title.jpg" width="773" height="159"></a></div>

<div id="nav1">
    <ul>
    <li><a href="http://houseofpizza.biz/menu.html" alt="home">Menu</a></li>
    <li><a href="http://houseofpizza.biz/coupons.html" id="home">Coupons</a></li>
</div>

<div id="nav2">
    <ul>
    <li><a href="http://houseofpizza.biz/directions.html" id="home">Directions</a></li>
    <li><a href="http://houseofpizza.biz/contact.html" id="home">Contact</a></li>
    </ul>
</div>

<div id="welcome">
<span>Welcome to our Restauarant</span> 
Ask about our Gift Certificates
</div>

No, it isn't

It's a funky bug... do not put the 2 <li>'s on separate lines. Put them on the SAME line one right after the other as I did, that should solve the problem

what!! that's really werid

I didn't think that should effect anything?

Is that really a weird situation or is this a html/css issue that is always around?

Thanks again, time to move coupons botton over a little

Sometimes it does, sometimes it doesn't. Ive run across it on some pages and not on others. If something like that list set as 'display:inline' is showing up funky, try taking out the spaces and see if it clears up.

I'm still trying to get the menu pages to open up under the same page under the top header that has the name and links

Ok, I finally understand what your problem is. Fresh caffeine always helps
The reason your menus aren't appearing the way you want is that you're linking to JPGs and just the JPG. Put those menu images in an html page with your page structure intact and you will get the results you want.

ahh, sleep does help for me too lol
The reason why that wasn't clicking is because the old version was in flash so the pictures opened up under the same page no problem. hehe