A Very Annoying CSS Problem....Maybe?

Discuss the development and implementation of Joomla! 1.0.x templates here.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Locked
rm773
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Sat Oct 24, 2009 6:54 pm

A Very Annoying CSS Problem....Maybe?

Post by rm773 » Sat Feb 19, 2011 8:05 pm

Hi, I'm trying to figure out why a small piece of my top navigation tabs are missing on my homepage at www.sillysaver.com. This little annoying piece is a file named link1.png and it's not showing up for one reason or another. I've edited CSS numerous times trying to figure it out, but with no luck. I've also tried using a past CSS template that I know worked, but it's still now showing correctly. I don't even know if this is a CSS issue.

I've also tried removing the "Get Deals by Email" image next to the logo, and still nothing. I have provided the CSS code below for someone who would like to provide their generous help, and prevent me from breaking my computer due to my anger issues! The section of CSS in question is #Main. #TopNavigation #TopNavigationLeft. There are many of these located in the code below, both for background and mouseover. Thanks in advance.

Thanks, Rob

@charset "utf-8";
/* CSS Document */
/*====================================================Layout Html Start Here======================================================*/
body
{
background:url(../images/bodybg.png) no-repeat top left;
/*background:#79ddfd url(../images/bodybg.jpg) repeat-x top;*/
font-family:Arial, Helvetica, sans-serif;
margin:10px 0px 10px 0px;
padding:0px;
}

form
{
margin:0px;
padding:0px;
}


/*====================================================Layout Html End Here======================================================*/
/*====================================================Layout ID's Start Here======================================================*/
#Main
{
width:880px;
overflow:hidden;
background-color:#FFFFFF;
}
#Main img
{
margin:0px;
padding:0px;
}
#Main #Header
{
width:878px;
/*height:171px;*/
height:151px;
}
#Main #SearchBar
{
width:880px;
height:37px;
background-color:#78b90f;
}
#Main #TopNavigation
{
width:880px;
/*background:url(../images/green.gif) repeat-x bottom;*/
background:url(../images/grey.gif) repeat-x bottom;
height:32px;
}
#Main #ContentMainBlock
{
width:880px;
overflow:hidden;
}
/*====================================================Layout ID's End Here======================================================*/



/*====================================================Layout CLASS's Start Here======================================================*/
#Main .topleft1
{
width:880px;
height:6px;
}
#Main .topleft
{
width:880px;
overflow:hidden;
/*background:url(../images/topleft.png) no-repeat top left;*/
background:url(../images/topleft.jpg) no-repeat top left;
}
#Main .topleft .topright
{
width:880px;
overflow:hidden;
/*background:url(../images/topright.png) no-repeat top right;*/
background:url(../images/topright.jpg) no-repeat top right;
}
#Main .topleft .topright .bottomleft
{
width:880px;
overflow:hidden;
/*background:url(../images/bottomleft.png) no-repeat bottom left;*/
background:url(../images/bottomleft.jpg) no-repeat bottom left;
}
#Main .topleft .topright .bottomleft .bottomright
{
width:880px;
overflow:hidden;
/*background:url(../images/bottomright.png) no-repeat bottom right;*/
background:url(../images/bottomright.jpg) no-repeat bottom right;
}
#Main #Header .Logo
{
width:369px;
/*height:170px;*/
height:150px;
float:left;
text-align:left;
}
#Main #Header .Logo img
{
margin-top:18px;
margin-left:40px;
}
#Main #Header .LogoRight
{
width:505px;
/*height:170px;*/
height:150px;
float:right;
}
#Main #Header .LogoRight .Banner
{
width:480px;
overflow:hidden;
font-size:12px;
}
#Main #Header .LogoRight .Banner a
{
color:#da1e08;
text-decoration:none;
}
#Main #Header .LogoRight .Banner a:hover
{
color:#da1e08;
text-decoration:underline;
}
/*#Main #SearchBar .SearchBlock
{
width:300px;
float:left;
overflow:hidden;
margin-top:8px;
text-align:left;
}
#Main #SearchBar .ZipcodeBlock
{
width:560px;
float:left;
overflow:hidden;
margin-top:8px;
text-align:right;
}*/

#Main #SearchBar .SearchBlock
{
width:240px;
float:left;
overflow:hidden;
margin-top:8px;
text-align:left;
}
#Main #SearchBar .ZipcodeBlock
{
width:620px;
float:left;
overflow:hidden;
margin-top:8px;
text-align:right;
}
#Main #TopNavigation .TopNavigationLeft
{
/*width:660px;*/
width:737px;
float:left;
}
#Main #TopNavigation .TopNavigationRight
{
/*width:200px;*/
width:123px;
float:left;
}
#Main #TopNavigation .TopNavigationRight .Bgright
{
background:url(../images/link2.png) no-repeat right 0%;
height:27px;
line-height:27px;
width:120px;
float:right;
}
#Main #TopNavigation .TopNavigationRight .Bgright .BgLeft
{
background:url(../images/link1.png) no-repeat left 0%;
height:27px;
line-height:27px;
}
.adbg
{
width:131px;
height:131px;
background:url(../images/adbg.png) no-repeat;
}
.Subscribe
{
width:214px;
height:165px;
background:url(../images/subscribebg.png) no-repeat left;
font-size:14px;
}
.Subscribe h4
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
margin:0px;
padding:0px;
text-align:center;
}

#linkclass
{
color:#000000;
text-decoration:none;
margin:0px;
padding:0px;
}
/*====================================================Layout CLASS's End Here======================================================*/

/*====================================================Layout Navigation CLASS's Start Here======================================================*/
#Main #TopNavigation .TopNavigationLeft ul
{
margin:0px 0px 0px 5px;
padding:0px;
list-style:none;
float:right;
}
#Main #TopNavigation .TopNavigationLeft ul li
{
float:left;
font-size:12px;
font-weight:bold;
margin:0px 2px 0px 2px;
}
/*#Main #TopNavigation .TopNavigationLeft ul li div
{
background:url(../images/link2.png) no-repeat right 0%;
height:27px;
line-height:27px;
padding-right:10px;
}
#Main #TopNavigation .TopNavigationLeft ul li div a
{
background:url(../images/link1.png) no-repeat left 0%;
height:27px;
line-height:27px;
text-align:center;
display:block;
padding-left:10px;
}*/
.greyline
{
width:100%;
height:5px;
background:url(../images/grey.gif) repeat-x top;
}
#Main #TopNavigation .TopNavigationLeft ul li a
{
background:url(../images/link2.png) no-repeat right 0%;
font-family:Arial, Helvetica, sans-serif;
height:27px;
line-height:27px;
padding-right:9px;
display:block;
color:#000000;
text-decoration:none;
cursor:pointer;
}
#Main #TopNavigation .TopNavigationLeft ul li a div
{
background:url(../images/link1.png) no-repeat left 0%;
height:27px;
line-height:27px;
padding-left:10px;
cursor:pointer;
}
#Main #TopNavigation .TopNavigationLeft ul li a:hover
{
background:url(../images/link2.png) no-repeat right 100%;
font-family:Arial, Helvetica, sans-serif;
height:27px;
line-height:27px;
padding-right:9px;
display:block;
color:#fff;
text-decoration:none;
cursor:pointer;
}
#Main #TopNavigation .TopNavigationLeft ul li a:hover div
{
background:url(../images/link1.png) no-repeat left 100%;
height:27px;
line-height:27px;
padding-left:10px;
cursor:pointer;
}
#Main #TopNavigation .TopNavigationLeft ul li a#active
{
background:url(../images/link2.png) no-repeat right 100%;
height:27px;
line-height:27px;
padding-right:9px;
display:block;
color:#fff;
text-decoration:none;
cursor:pointer;
}
#Main #TopNavigation .TopNavigationLeft ul li a#active div
{
background:url(../images/link1.png) no-repeat left 100%;
height:27px;
line-height:27px;
padding-left:10px;
cursor:pointer;
}

#Main #TopNavigation .TopNavigationLeft ul li#current a
{
background:url(../images/link2.png) no-repeat right 100%;
height:27px;
line-height:27px;
padding-right:9px;
display:block;
color:#fff;
text-decoration:none;
cursor:pointer;
}
#Main #TopNavigation .TopNavigationLeft ul li#current a div
{
background:url(../images/link1.png) no-repeat left 100%;
height:27px;
line-height:27px;
padding-left:10px;
cursor:pointer;
}

#Main #TopNavigation .TopNavigationRight .Bgright .BgLeft ul
{
margin:0px;
padding:0px;
list-style:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#Main #TopNavigation .TopNavigationRight .Bgright .BgLeft ul li
{
display:inline;
border-left:#000000 1px solid;
}
#Main #TopNavigation .TopNavigationRight .Bgright .BgLeft ul > li:first-child
{
display:inline;
border-left:#000000 0px solid;
}
#Main #TopNavigation .TopNavigationRight .Bgright .BgLeft ul li a
{
color:#000000;
text-decoration:none;
margin-left:5px;
margin-right:3px;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#Main #TopNavigation .TopNavigationRight .Bgright .BgLeft ul li a:hover
{
/*color:#ffffff;*/
color:#eb590b;
text-decoration:none;
margin-left:5px;
margin-right:3px;
font-size:12px;

Locked

Return to “Templates & CSS - 1.0.x”