Reply
Onclick and center issues
Old 05-25-2006, 11:13 PM Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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.
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 05-26-2006, 01:35 AM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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.
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 03:00 AM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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 work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 10:33 AM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
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
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 12:00 PM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
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.

Code:
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:
Code:
<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
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 01:13 PM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
I don't think I follow that 100%

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

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.
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 01:16 PM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
With the links as 2 lists in Nav1 and Nav2 , there is no need for nav3 and nav4
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 01:23 PM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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.
__________________
I work on Turbo'd Honda's for fun :)

Last edited by RNPoo7 : 05-26-2006 at 01:26 PM.
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 01:31 PM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
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.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 02:26 PM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
The html codes looks identical to me
:scartches head:
HTML Code:
<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>
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 03:29 PM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
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
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 04:06 PM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-26-2006, 04:55 PM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
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.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-26-2006, 11:56 PM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 06-27-2006, 10:36 AM Re: Onclick and center issues
LadynRed's Avatar
Super Moderator

Posts: 6,535
Location: Tennessee
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.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 06-27-2006, 11:52 AM Re: Onclick and center issues
RNPoo7's Avatar
Extreme Talker

Posts: 237
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
__________________
I work on Turbo'd Honda's for fun :)
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Onclick and center issues
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML