WordPress.org

1. monkeymartin@gmail.com
   Member
   Posted 1 year ago #

   I am trying to insert a simple CSS menu into my side bar. Their is a white space and some bullets to the left of the menu. Can you help me take out the white space and bullets. my site is http://www.myslavelake.com/directory/

   I am using the Thematic Theme Framework
   http://themeshaper.com/thematic-for-wordpress/

   I am using menue #1
   http://exploding-boy.com/images/EBmenus/menus.html

   CSS code is
   

   /*- Menu 1--------------------------- */
   
   #menu1 {
   	width: 200px;
   	margin: 10px;
   	border-style: solid solid none solid;
   	border-color: #3D261D;
   	border-size: 1px;
   	border-width: 1px;
   	}
   
   #menu1 li a {
   	height: 32px;
     	voice-family: "\"}\"";
     	voice-family: inherit;
     	height: 24px;
   	text-decoration: none;
   	}	
   
   #menu1 li a:link, #menu1 li a:visited {
   	color: #E4D6CD;
   	display: block;
   	background:  url(images/menu1.gif);
   	padding: 8px 0 0 10px;
   	}
   
   #menu1 li a:hover {
   	color: #FFF;
   	background:  url(images/menu1.gif) 0 -32px;
   	padding: 8px 0 0 10px;
   	}

   This is the HTML code
   

   <div id="menu1">
   
   <ul>
   <li><a href="#1" title="Link 1">Link 1</a></li>
   <li><a href="#2" title="Link 2">Link 2</a></li>
   <li><a href="#3" title="Link 3">Link 3</a></li>
   <li><a href="#4" title="Link 4">Link 4</a></li>
   <li><a href="#5" title="Link 5">Link 5</a></li>
   </ul>
   </div>

   Thanks for your time
   -mike

2. educationthemes
   Member
   Posted 1 year ago #

   styles.css line 651 change this:

   .main-aside ul ul {
   margin:0 0 18px 13px;
   }

   to this

   .main-aside ul ul {style.css (line 651)
   margin:0 0 18px 0;
   }

   and remove

   list-style-image:none;
   list-style-position:outside;
   list-style-type:square;
   }

   from line 563 with the class aside ul

3. monkeymartin@gmail.com
   Member
   Posted 1 year ago #

   Thanks I will try that and see what happens.

   Thanks for the help

4. monkeymartin@gmail.com
   Member
   Posted 1 year ago #

   that did the trick. one more thing the menu is slitly off from the search and the title. their is a bit of white space to the left of the menu.

   Thanks for all the help

5. educationthemes
   Member
   Posted 1 year ago #

   #menu1 on line 97 has got a left margin of 10px. Remove that and they should line up.

6. monkeymartin@gmail.com
   Member
   Posted 1 year ago #

   you are awesome. That did the trick

Topic Closed

This topic has been closed to new replies.