| Author | Messages | |
goodforyou
Posts:15
| | 02/27/2007 4:22 PM |
| Sorry to keep bugging, but I have another question. How do I get rid of the square bullet points to the left of the tab items on the list?
| | | |
| |
| John Mitchell
Posts:3478
| | 02/27/2007 4:34 PM |
| You do that with CSS on the UL. The list-style:none; property turns off the bullets.
.TabList ul {
clear:both;
margin:0;
padding:10px 10px;
list-style:none;
display: inline;
} | | | |
| goodforyou
Posts:15
| | 02/27/2007 5:09 PM |
| | Tried that...it doesnt seem to change anything. | | | |
| John Mitchell
Posts:3478
| | 02/27/2007 5:16 PM |
| That is how it's done. I'll need to see your CSS to understand why it isn't working.
If you start with the CSS from one of the sample skins and modify that to fit what you are trying to do that may work also.
One other thought, it may be browser related. Which one are you using? | | | |
| goodforyou
Posts:15
| | 02/27/2007 5:22 PM |
| I am using IE, so that shouldnt be an issue. Here is the CSS. It is from a custom skin someone else developed for us, but that I now have to integrate with the menu. I used the sample skin as a reference and everything works well accept for the bullets not disappearing.
body{ background:#ffffff; border-left:0px; border-right:0px; height:100%; }
.controlpanel{ background:#fff; border:#ADADAD solid; border-width:0px 0px 2px; }
.controlpanel IMG{ margin:15px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#000 solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD.SubHead{ background:#fff; font-size:12px; color:#b00607; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#b00607; font-weight:normal; }
.controlpanel TD TD TD input{ background:#fff; font-size:11px; color:#000; padding-left:4px; }
.controlpanel TD TD TD select{ background:#fff; font-size:11px; color:#333; }
.controlpanel A.CommandButton{ font-size:10px; text-decoration:underline; }
.controlpanel A.CommandButton:link{ color:#b00607;text-decoration:underline; }
.controlpanel A.CommandButton:visited{ color:#b00607; text-decoration:underline;}
.controlpanel A.CommandButton:active{ color:#b00607; text-decoration:underline;}
.controlpanel A.CommandButton:hover{ color:#b00607; text-decoration:none;}
.contentpane {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.rightpane {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.Header1Pane {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.Header2Pane {
PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
.Head {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000
}
.SubHead {
FONT-SIZE: 11px; COLOR: #333333
}
.SubSubHead {
FONT-SIZE: 11px; COLOR: #000000
}
.Normal {
FONT-SIZE: 11px; COLOR: #000000
}
.CommandButton ,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active {
COLOR: #cd0000; TEXT-DECORATION: none
}
A.CommandButton:hover {
COLOR: #cd0000; TEXT-DECORATION: underline
}
TH ,TD,DIV{
FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A ,A:link ,A:visited,A:active {
COLOR: #cd0000; TEXT-DECORATION: underline
}
A:hover {
COLOR: #333333; TEXT-DECORATION: none
}
.user,A.user:link,A.user:active, A.user:visited{
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none
}
A.user:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #b00607; TEXT-DECORATION: underline
}
.search,A.search:link ,A.search:active ,A.search:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none
}
A.search:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #cd0000; TEXT-DECORATION: none
}
.footer,A.footer:link,A.footer:active,A.footer:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none
}
A.footer:hover {
FONT-WEIGHT: bold; COLOR: #b00607; TEXT-DECORATION: none
}
.links,A.links:link,A.links:active ,A.links:visited {
FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #008FF9; TEXT-DECORATION: none
}
A.links:hover {
FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #008FF9; TEXT-DECORATION: underline
}
.breadcrumb ,A.breadcrumb:link ,A.breadcrumb:active,A.breadcrumb:visited {
FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none
}
A.breadcrumb:hover {
FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #006683; TEXT-DECORATION: none
}
.MainMenu_MenuContainer {
background-color: Transparent;
}
.MainMenu_MenuBar {
}
.MainMenu_TabRootMenuItem TD
{
PADDING-RIGHT: 3px;
PADDING-LEFT: 0px;
PADDING-TOP: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ffffff;
text-align:center;
background-image: url(images/mid.jpg);
height: 34px;
}
.MainMenu_TabRootMenuItemSel TD
{
PADDING-RIGHT: 3px;
PADDING-LEFT: 0px;
PADDING-TOP: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #000000;
HEIGHT: 34px;
text-align:center;
background-image: url(images/mids.jpg);
}
.MainMenu_TabMenuItemHover TD
{
PADDING-RIGHT: 3px;
PADDING-LEFT: 0px;
PADDING-TOP: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR:#000000;
HEIGHT:34px;
text-align:center;
background-image: url(images/mid.jpg);
}
.MainMenu_TabMenuItemSelHover TD
{
PADDING-RIGHT: 3px;
PADDING-LEFT: 0px;
PADDING-TOP: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR:#000000;
HEIGHT: 34px;
text-align:center;
background-image: url(images/mids.jpg);
}
.MainMenu_MenuItem {
BORDER-RIGHT: #ffffff 0px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #ffffff 1px solid;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #ffffff 0px solid;
COLOR: #ffffff;
PADDING-TOP: 2px;
BORDER-BOTTOM: #ffffff 1px solid
}
.MainMenu_MenuIcon {
display:none;
}
.submenuitemselected ,.submenuitembreadcrumb {
BORDER-RIGHT: #ffffff 0px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #ffffff 1px solid;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
BACKGROUND: #ffffff;
PADDING-BOTTOM: 2px;
MARGIN-LEFT: 0px;
BORDER-LEFT: #ffffff 0px solid;
COLOR: #000000;
PADDING-TOP: 2px;
BORDER-BOTTOM: #ffffff 1px solid
}
.submenu {
BORDER-RIGHT: #ffffff 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #ffffff 1px solid;
MARGIN-TOP: 0px;
PADDING-LEFT: 0px;
Z-INDEX: 1000;
BACKGROUND: #b70014;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: 0px;
BORDER-LEFT: #ffffff 1px solid;
COLOR: #ffffff;
PADDING-TOP: 0px;
BORDER-BOTTOM: #ffffff 1px solid
}
.MainMenu_MenuBreak {
border-bottom: transparent 0px solid;
border-left: transparent 0px solid;
border-top: transparent 0px solid;
border-right: transparent 0px solid;
background-color: transparent;
height: 1px;
}
.MainMenu_MenuArrow {
DISPLAY: none
}
.MainMenu_RootMenuArrow {
DISPLAY:none;
}
.Eventday,.Eventweekenday{background-color:#FFFFFF}
#NavTabs .Level0 {
padding-bottom: 4px;
}
#NavTabs .Level0 a {
font-size:xx-small;
}
#NavTabs .Level1 {
padding-left:8px;
padding-bottom: 4px;
}
#NavTabs .Level1 a {
font-size:xx-small;
}
#NavTabs .Level2 {
padding-left:14px;
padding-bottom:4px
}
#NavTabs .Level2 a {
font-size:xx-small;
}
#NavTabsContainer {
border:1px solid #333;
background-color: #ffffff;
height:100%;
vertical-align:top;
padding:10px 5px 10px 5px;
font-size:xx-small;
}
#NavTabsContainerBorder {
background-color:white;
padding:2px;
border:1px solid #333;
display:block;
height:100%;
}
.TabList ul {
clear:both;
margin:0;
padding:10px 10px;
list-style:none;
display: inline;
} | | | |
| goodforyou
Posts:15
| | 02/27/2007 9:01 PM |
| Adding this to the style sheet fixed it for me:
.TabList li {
float:none;
margin:0;
list-style:none;
}
I dont quite understand it, but done is done. :) | | | |
|
|