Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Problem with Suckerfish in Socialbug template

08-18-2008, 05:18 AM
# 1 (permalink)
RobJellyBean
Hi,
I have a problem with the css for my suckerfish dropdown menu.
The picture will demonstarte what the problem is

The css is here:
[file name=template_css.zip size=3956]http://www.youjoomla.com/images/fbfiles/files/template_css.zip[/file]

Code:

#suck{
width:100%;
margin:0 auto;
height:25px;
background:#03257d;
}
#sl{
margin:0 auto;
text-align:center;
height:30px;
}
#sr{
width:100%;
height:25px;
text-align:left;
}
#navigacija{
height: 25px;
width:auto;
text-align:left;
float:left;
margin-left:10px;
font-family: \Lucida Grande\, \Lucida Sans Unicode\, sans-serif;
font-weight: bold;
color: #ffcc00;
background: #03257d;
text-transform: uppercase;
}
#navigacija a {
/* the base colour of the main menu text*/
color: #ffcc00;
}
#navigacija  a:hover{
/* the colour of the menu items when mouse over */
background: #ffcc00;
color: #03257d;
}
#navigacija li li {
/*border-top: 1px solid #232323;/*light*/
/*border-bottom: 1px solid #181818;/*dark*/
text-transform: none;
}
#navigacija li.active {
}
#navigacija li.active span {
}
#navigacija li.active a {
/* makes all active items text this colour */
/*color: #03257d;*/

}
#navigacija li:hover span,
#navigacija li.sfHover span {
}
#navigacija li:hover a,
#navigacija li.sfHover a {

}
#navigacija li:hover span.topdaddy,
#navigacija li.sfHover span.topdaddy {
}
#navigacija li:hover span.topdaddy a,
#navigacija li.sfHover span.topdaddy a {
/* affects the colour of the main active item */
color: #03257d;
background: #ffcc00;
}
#navigacija li:hover ul,
#navigacija li.sfHover ul {
/* this makes the child lists blue*/
background: #03257d;
}
#navigacija li li:hover,
#navigacija li li.sfHover {
/* This controls the background of the second level parent when you hover over it but not the text colour */
background: #ffcc00;
}
#navigacija li:hover li a.daddy,
#navigacija li.sfHover li a.daddy {
background: url(../images/suckli.gif) 100% 50% no-repeat;/* non active menu second level parent */
}
#navigacija li.active:hover li a.daddy,
#navigacija li.active.sfHover li a.daddy {
background: url(../images/suckli.gif) 100% 50% no-repeat;/* active menu second level parent */
}
/*drugi dio*/
.nav, .nav * {
margin:0;
padding:0;
}
div#navigacija {
position: relative;
z-index: 50;
}
div#navigacija .wrapper {
position: relative;
}
#navigacija li li {
margin: 0;
}
div#navigacija li li span,
div#navigacija li.active li span,
div#navigacija li:hover li span {
background:none;
}
.nav {
/*line-height:1.0;*/
line-height: 25px;
float:left;
margin-bottom:1.5em;
position: relative;
}
.nav ul {
/* dosent seem to do anything ...??*/
background:#00ff00;
padding: 0;
}
.nav li {
float:left;
list-style:none;
position:relative;
background:none;/* stops the bullet points appearing in the menu */

}
.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:172px;
}
div#navigacija li li a {
height: 23px;
line-height: 23px;
background-image: none;
/* controls the colour of the non active children when they are NOT being hovered over */
background: #03257d;
/*color: #ffcc00;*/
}
div#sonja li:hover {
background-position: 0 0;
}
div#navigacija li:hover li,
div#navigacija li.sfHover li,
div#navigacija li.active:hover li,
div#navigacija li.active.sfHover li,
div#navigacija li:hover li span,
div#navigacija li.sfHover li span {
background-image: none;
}
div#navigacija li:hover li a,
div#navigacija li.sfHover li a,
div#navigacija li.active:hover li a,
div#navigacija li.active.sfHover li a {
background-image: none;
}
.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 202px;
z-index: 5;
border: 1px solid #232323;
}
.nav li:hover ul,
.nav li.sfHover ul {
left:0px;
top: 23px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 202px;
top:0px;
width: 202px;
clear: left; /* this makes the clildren disapear when mouse off */
}
.nav li li {
position: relative;
float:none;
width: 202px;
}
/*treci dio*/
#navigacija ul {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}
#navigacija li {
display: block;
float: left;
margin: 0;
margin-right: 0px;
padding: 0;
background:#03257d;
}
#navigacija li span {
display: block;
float: left;
}
#navigacija a {
display: block;
float: left;
height: 23px;
line-height: 23px;
padding: 0 15px;
/*font-weight: normal;*/
}
#navigacija li li a {
font-size: 12px;
/*padding: 0 15px;*/
/*color: #EDD7AE;*/
}
#navigacija a:hover {
text-decoration: none;
}
#navigacija li:hover,
#navigacija li.sfHover {
background: none;
}
08-18-2008, 05:22 AM
# 2 (permalink)
RobJellyBean
Here is the image:
[img size=443]http://www.youjoomla.com/images/fbfiles/images/1.gif[/img]
08-18-2008, 12:58 PM
# 3 (permalink)
CProject60
Please read forum rules before posting. And what template are you using?
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password