- This topic is empty.
-
AuthorPosts
-
January 28, 2009 at 11:43 pm #24066henryMember
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
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;
}January 29, 2009 at 12:37 am #53617RameshMemberyou 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;
}January 29, 2009 at 9:43 pm #53627henryMemberhere 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
January 30, 2009 at 1:00 am #53633RameshMemberCheck out the attached files
February 2, 2009 at 10:06 pm #53703henryMemberhey thanks for the reply i dont understand what you want me to do i took a look at them but no css in it?
February 5, 2009 at 2:08 am #53728RameshMemberApply your css for the dasktop.rar that is enough
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.