<Help with Navigation…>

[henry]

Hello Everyone,

I am new to css and i am having positioning issues i was wondering if some one can give me a hand i have submitted the jpg of my site im tryng to code and having some issues trying to code the nav above the transparency bg… any ideas

here is the html

Code:

ArtisticInk

• tees
• cart
• contact
• about

• 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

• tees
• cart
• contact
• about

here is the css:

Code:

/*ArtisticInkApparel.com*/
body{
font-family:Arial, Helvetica, sans-serif;
color:;
background-image:url(images/main-bg/bg.jpg);
background-repeat:repeat;

}
#page-wrap{
width:700px;
height:auto;
margin:0 auto;

}

/*Begin Header*/
#header{
background-image:url(‘images/main-bg/header-bg.png’);
background-position:0 20px;
background-repeat:no-repeat;
padding-top:20px;
}
#header span{color:#f7941d}
#header h1 a{color:white;}
#header img{float:left;
clear:left;}
/*End Header*/

/*Begin Nav*/
#nav li, #nav a{
display:inline;
color:#f7941d;
font-size:16px;
padding:3px;
}
#nav a:hover{color:white;}
/*End Nav*/

/*Begin Main Structure*/
#main{
background-image:url(‘images/main-bg/main-bg.png’);
background-repeat:no-repeat;
background-position:-20px;
height:auto;
width:690px;
background-repeat:repeat-y;}
#main a{
border-style:none;
text-decoration:none;
color:white;
}
#main a:hover{
text-decoration:underline;
position:relative;
color:lime;

}
#main li{
list-style:none;
display:inline;
position:relative;

}
#main img{
display:inline;
width:147px; height:147px;}
/*End Main Structure*/

/*Shirt Gallery!!!*/
ul#shirts, ul#shirts li{
list-style:none;
}
ul#shirts a span{
display:none;
position:relative;
}
ul#shirts a:hover span{
position:absolute;
display:block;
bottom:15px;
} }
/*End Shirt Gallery*/

/*Begin Footer*/

#footer{
background-image:url(‘images/main-bg/footer-bg.png’);
background-repeat:no-repeat;
}
#footer li, #footer a{
width:10px;
padding:5px;
display:inline;
color:#f7941d;
font-size:12px;
margin-left:30px;

#footer li a:hover{color:white;}
/*End Footer*/

}
/*Misc*/
a{
text-decoration:none;
}
img{
border-style:none;
}

[Ramesh]

you need to check this out u have some small mistakes in your css files, i have corrected that, can u give me a clear picture of your issues

/* CSS Document */

/*ArtisticInkApparel.com*/
body{
font-family:Arial, Helvetica, sans-serif;
color:;
background-image:url(images/main-bg/bg.jpg);
background-repeat:repeat;

}
#page-wrap{
width:700px;
height:auto;
margin:0 auto;

}

/*Begin Header*/
#header{
background-image:url(‘images/main-bg/header-bg.png’);
background-position:0 20px;
background-repeat:no-repeat;
padding-top:20px;
}
#header span{color:#f7941d;}
#header h1 a{color:white;}
#header img{float:left;
clear:left;}
/*End Header*/

/*Begin Nav*/
#nav li, #nav a{
display:inline;
color:#f7941d;
font-size:16px;
padding:3px;
}
#nav a:hover{color:white;}
/*End Nav*/

/*Begin Main Structure*/
#main{
background-image:url(‘images/main-bg/main-bg.png’);
background-repeat:no-repeat;
background-position:-20px;
height:auto;
width:690px;
background-repeat:repeat-y;}
#main a{
border-style:none;
text-decoration:none;
color:white;
}
#main a:hover{
text-decoration:underline;
position:relative;
color:lime;

}
#main li{
list-style:none;
display:inline;
position:relative;

}
#main img{
display:inline;
width:147px; height:147px;}
/*End Main Structure*/

/*Shirt Gallery!!!*/
ul#shirts, ul#shirts li{
list-style:none;
}
ul#shirts a span{
display:none;
position:relative;
}
ul#shirts a:hover span{
position:absolute;
display:block;
bottom:15px;
}
/*End Shirt Gallery*/

/*Begin Footer*/

#footer{
background-image:url(‘images/main-bg/footer-bg.png’);
background-repeat:no-repeat;
}
#footer li, #footer a{
width:10px;
padding:5px;
display:inline;
color:#f7941d;
font-size:12px;
margin-left:30px;
}

#footer li a:hover {
color:white;
/*End Footer*/
}

/*Misc*/
a{
text-decoration:none;
}
img{
border-style:none;
}

[henry]

here is the issue i have thank you for your help im wondering how i can have the Footer transparency connect to the the "main" transparency background? because i have the main bg to extend as more content gets added

[Ramesh]

Check out the attached files

[henry]

hey thanks for the reply i dont understand what you want me to do i took a look at them but no css in it?

[Ramesh]

Apply your css for the dasktop.rar that is enough

[Author]

Posts