PDA

View Full Version : Creating a link for viewing project?

ricco-m
04-07-2007, 11:33 PM
Hello folks,
I am new to CSS so be kind. I have a couple questions for you all. 1. How can I create a link to show you guys my progress and problems. 2. Here is my situation. I created a header image 700 X 200px, that is in a wrapper. I would like to put my head navigation at the bottom of that head image. It looks kind of jumbled up and when I test it in IE5 it sneaks behind the wrapper and gets lost. Question: Is the problem in the html? What would you need to know or see to pull me out of this mess. I am really stuck.

Much thanks.

ricco-m

CODE:
#wrapper {
width: 720px;
margin-right: auto;
margin-left: auto;
position: relative;
font-family: Korinna, "Arial Rounded MT Bold", "P Bodoni Poster";
text-align: left;
}

#headnav {
position: absolute;
left: 20px;
top: 102px;
width: 549px;
height: 56px;
margin: 0;
}

#header {
width: 700px;
height: 221px;
}

HTML:

</head>
<body>
<div id="wrapper">
<div id="header"><img src="images/centerimages/bgtop.jpg" alt="#"></div>
<div id="headnav">
<ul>
<li class="button_1"><a href="Business Directory.html"></a></li>
<li class="button_2"><a href="Kiosk Locations.html"></a></li>
<li class="button_3"><a href="Advertise With Us.html"></a></li>
<li class="button_4"><a href="Contact Us.html"></a></li>
<li class="button_5"><a href="Our Services.html"></a></li>
<li class="button_6"><a href="Kiosk Hit Statistics.html"></a></li>
<li class="button_7"><a href="Sample Work.html"></a></li>
<li class="button_8"><a href="Meet Our Team.html"></a></li>
</ul>
</div>
<div class="page">
<div class="col_A">
<img src="images/centerimages/bgmiddle.jpg" alt="">

Again any and all help is appreciated.
ricco-m
04-08-2007, 08:52 PM
Hi Guys/Gals,
I posted a thread yesterday but with some persistence I think I've got half the problem solved. When I test my page in IE5x the navigation moves behind the header image. Today I tested the same page in safari and this problem did not occur. In safari I also noticed that my bottom image is beginning to repeat, just one strip. I do have no-repeat in my code. Any reason why this is happening?:mad: :mad: :mad:

Love to get your response,

ricco-m
Jake
04-09-2007, 04:34 AM
I can tell you that Internet Explorer 5.x can be a pain when using CSS. Do you have a lot of Internet Explorer 5 visitors to your site? If not, I recommend making it just enough so that is readble, maybe even disabling stylesheets altogether for it.
ricco-m
04-09-2007, 09:18 AM
Hi Jake,
Nice to meet you. I do intend to have increased traffic coming to the site once I am up and running. The thing that surprised me was, yesterday I tested the page in safari and it worked fine. The same nav that was hiding in IE showed up where it should, in the header. Do I need some kind oh hack to combat this error with IE?
Much thanks for your assistance.
ricco-m
thnbgr
04-09-2007, 10:25 AM
Yes, it really annoys me when I am working on a huge CSS project and get everything all nice, then I view it with IE, and either EVERYTHING is jumbled up, or nothing is displayed. :( I WOULD leave that problem alone, but from what I heard, 85% of the world still uses IE.
ricco-m
04-10-2007, 09:28 AM
Glad you ask.

I am busting my behind trying to figure out what is causing the navigation to move behind the head image. On design it looks fine. Take a look at my post 04/08/2007. I am afraid I would run into a situation like this in the future and wouldn't know how to resolve it. I must agree though, we are stuck with good old Billy G. At least for now.

Thanks ricco-m.