ASP.NET

ul menu RSS

7 replies

Last post Feb 24, 2012 01:14 PM by xene

‹ Previous Thread|Next Thread ›

- Reply
programercek

Participant

1510 Points

2244 Posts

ul menu

Feb 22, 2012 08:09 PM|LINK

<ul style="list-style:none;" id="accordion-5" >
<li ><a href="#">Playboy</a><ul>
    <li><a href="Artikli.aspx?id=1">Nakit</a></li>
    <li><a style="color:#5b083a" href="Artikli.aspx?id=2">Denarnice</a></li>
    <li><a style="color:#5b083a" href="Artikli.aspx?id=2">Torbice</a></li>
    <li><a style="color:#5b083a" href="Artikli.aspx?id=2">Oblačila</a></li>
    <li><a style="color:#5b083a" href="Artikli.aspx?id=2">Ure</a></li>
</ul>
</li>

<li><a href="#">Hooch</a><ul>
    <li><a href="Artikli.aspx?id=1">Nakit</a></li>
</ul>
</li>

</ul>

How to delete dots?
- Reply
sam_xiii

Contributor

2366 Points

381 Posts

Re: ul menu

Feb 22, 2012 08:13 PM|LINK

hi

you have set the "list-style:none;" only on the main "ul"

apply the rule for the other ul and it should work

http://www.sambeauvois.be
- Reply
programercek

Participant

1510 Points

2244 Posts

Re: ul menu

Feb 22, 2012 08:20 PM|LINK

Hi,

thanks. Dot is ok now.

what is wrong with my code because font color is blue?

<ul style="list-style:none;color:#5b083a;" id="accordion-5" >
<li style="list-style:none;color:#5b083a;" ><a href="#">Playboy</a><ul>
    <li style="list-style:none;color:#5b083a;"><a href="Artikli.aspx?id=1">Nakit</a></li>
    <li style="list-style:none;color:#5b083a;"><a style="color:#5b083a" href="Artikli.aspx?id=2">Denarnice</a></li>
    <li style="list-style:none;color:#5b083a;"><a style="color:#5b083a" href="Artikli.aspx?id=2">Torbice</a></li>
    <li style="list-style:none;color:#5b083a;"><a style="color:#5b083a" href="Artikli.aspx?id=2">Oblačila</a></li>
    <li style="list-style:none;color:#5b083a;"><a style="color:#5b083a" href="Artikli.aspx?id=2">Ure</a></li>
</ul>
</li>

<li style="list-style:none;color:#5b083a;"><a href="#">Hooch</a><ul>
    <li style="list-style:none;color:#5b083a;"><a href="Artikli.aspx?id=1">Nakit</a></li>
</ul>
</li>

</ul>
- Reply
programercek

Participant

1510 Points

2244 Posts

Re: ul menu

Feb 22, 2012 08:35 PM|LINK

I tried like this:

<style type="text/css">
li, ul {
    color: #5b083a;
    list-style:none;
    ;
}
</style>

font is blue?
- Reply
giop

Member

378 Points

81 Posts
Re: ul menu

Feb 23, 2012 07:43 AM|LINK
Because you have style on your <a> anchor.

Globally :
```
a
{
    color: #5b083a;
    text-decoration: none;
}
```
More specifically :
```
li a {
```
```
 color: #5b083a;
    text-decoration: none;
```
```
}
```
MVP Client Operating System
Please Mark as Answer if it helps :)
- Edited by giop on Feb 23, 2012 07:43 AM
- Marked as answer by Allen Li - MSFT on Feb 28, 2012 01:54 AM
- Reply
vinay13mar

Star

7756 Points

1626 Posts

Re: ul menu

Feb 23, 2012 07:57 AM|LINK

Hi,

try this

http://jamesowers.co.uk/css-tutorials/50/horizontal-css-list-menu/

DEMO

http://jamesowers.co.uk/pages/css_horizontal_menu/menu.html

Thanks
V.K.Singh
- Edited by vinay13mar on Feb 23, 2012 07:57 AM
- Reply
Smith Peter

Member

142 Points

52 Posts

Re: ul menu

Feb 23, 2012 12:20 PM|LINK

Hi,

Try this:

list-style:none;
- Reply
xene

Member

26 Points

10 Posts
Re: ul menu

Feb 24, 2012 01:14 PM|LINK
blue font is because of <a>

Try (Example for Horizontal menu)
```
ul { list-style: none; padding: 0px; margin: 0px; }
ul li { list-style: none; margin: 0px; padding: 0px; }
ul li a { color: #5B083A; display: block; height: 25px; line-height:25px; }
```
Nagavardhan Raju
Sr. UX Designer

http://magazine.nuefolio.com/