...

View Full Version : Css Website Help



lalianaswings
05-23-2008, 03:03 AM
Okay. I've been trying for about 2 hours straight and i haven't been able to solve this problem.

1) I need to create a wrapper and put everything in it.
2) I need my nav bar to overlap my banner background

My background is the size of my website. But whenever i put in my navbar, I can't see it because the background overlaps it. I don't know why and i've tried looking for tutorials for that but can't find any. Please help.

Main Question: Is there any way to create a webpage where the navbar is ontop of the banner?

zfred09
05-23-2008, 03:19 AM
1) I need to create a wrapper and put everything in it.


In CSS: #wrapper { width: 100px; height: 100px; } //position accordingly
In HTML: Simply put the wrapped div around everything else inside your body, ie
<body><div id="wrapper">Your other page stuff</div></body>


2) I need my nav bar to overlap my banner background
As far as the nav bar, there are several ways to accomplish this depending on how you have your background setup. If your bg image is the background of a CSS class then you will need to use a float command for you nav bar like this.

#navbar { float: left; }
Otherwise you could setup your background image to be the background of the body using

body { background: url('url');}
and then a simple class and div as the first element in HTML should place it on top.

effpeetee
05-23-2008, 01:40 PM
Show us your code or give us a link to your site.

z-index:value; - click here (http://www.w3schools.com/Css/pr_pos_z-index.asp)

and Here (http://www.search-this.com/2007/08/15/give-me-some-zzzzzs/)

z-index is normally used to determine the layer that a div or image occupies.

Only positioned elements can have z-index

This site (http://exitfegs.co.uk/a23.html) will show you a crude one on one.
View the source to see the code. Crude but instructive, I hope.

Frank

jhaycutexp
05-23-2008, 02:46 PM
i think what he means is this..



<div id="wrapper">

<div id="header">
<div id="nav"></div>
</div>

</div><!--endofwrapper-->




#header{background:url(image);}
#nav{style....}

effpeetee
05-23-2008, 02:56 PM
i think what he means is this..



<div id="wrapper">

<div id="header">
<div id="nav"></div>
</div>

</div><!--endofwrapper-->




#header{background:url(image);}
#nav{style....}

Possibly, but what I was addressing was-


2) I need my nav bar to overlap my banner background

Main Question: Is there any way to create a webpage where the navbar is ontop of the banner?
Sometimes hard to know what is actually meant.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum