By falkendk on

Hey Guys,

Im trying to make a template for a new website, but i got this problem there i irretating me very much!
I try to get a square bullet on the links in my secondary menu. But they wont show up :(

<?php if (isset($secondary_links)) : ?>
	    <div id="submenu">
		        <?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?>
	    </div>
<?php endif; ?>

And my css

#submenu .secondary-links ul {
	    width: 200px;
	    list-style-image: none;
	    list-style-position: outside;
	    list-style-type: square;
}
		
#submenu .secondary-links li {
	    display: block;
	    height: 20px;
}	
		
#submenu .secondary-links li a {
	    text-decoration: none;
	    color: #666666;
}
		
#submenu .secondary-links li a:hover {
	    font-weight: bold;
}
	
#submenu .secondary-links li a.active  {
	    font-weight: bold;
}

I have also tried putting it on li insted of ul:

list-style-position: outside;
list-style-type: square;

Hope there i someone there knows how to do it, and can help :)

Thanks in advance

Kasper Christensen

⋅ Categories: Drupal 6.x

Comments

knalstaaf’s picture

knalstaaf commented

What does the generated html-code look like?

falkendk’s picture

falkendk commented 
<div id="submenu">
    <ul class="links secondary-links">
        <li class="menu-127 first">
            <a href="/danfoss/node/9" title="Forskellige typer">Forskellige typer</a>
        </li>
        <li class="menu-126 last">
            <a href="/danfoss/node/8" title="Hvad er en varmepumpe?">Hvad er en varmepumpe?</a>
        </li>
    </ul>
</div>
knalstaaf’s picture

knalstaaf commented 
#submenu .secondary-links li {
    display: block; <-----------------------------------------------------------------------------
    height: 20px;
}
falkendk’s picture

falkendk commented

I have also tried that it dossent solve the problem, its only setting the links in one line insted of separte lines :(

knalstaaf’s picture

knalstaaf commented

Have you tried

clear: both;

instead of display: block?

falkendk’s picture

falkendk commented

I have just tried, and it diddnt help anything :(
the links goes in one line again, and no bullet :(

drupal may overwrite it some how?

knalstaaf’s picture

knalstaaf commented

Check all the stylesheets that are being used in your page.

It's definitly the display: block-attribute that causes the trouble.

falkendk’s picture

falkendk commented

Thanks for the help, it was a padding problem :D

knalstaaf’s picture

knalstaaf commented

Strangely enough I can't see any padding-attribute in the example you provided, but I'm glad for you it's solved now.