Skip to main content
brianriback
Inspiring
July 10, 2017
Answered

UL values already being used...

  • July 10, 2017
  • 1 reply
  • 436 views

Hey there everyone...

In the code I'm using, <UL> values have already been used for the navbar, etc. So, if I want to create an unsorted list with bullets other places on the site, I can't figure out how to do it. Any ideas? Thanks!

This topic has been closed for replies.
Correct answer brianriback

Let me amend that...it appears to be working but the bullet point (circle) isn't showing up.


GOT IT! I needed to add: list-style-type: circle;

1 reply

Legend
July 10, 2017

brianriback  wrote

Hey there everyone...

In the code I'm using, <UL> values have already been used for the navbar, etc. So, if I want to create an unsorted list with bullets other places on the site, I can't figure out how to do it. Any ideas? Thanks!

You can use <ul></ul> tags as many times as you like

You can either use classes on the ul tags themselves to style the lists using css:

<ul class="foo">

<li>List item</li>

</ul>

<ul class="foo-foo">

<li>List item</li>

</ul>

CSS:

.foo {

margin: 0;

}

.foo li {

color: red;

}

.foo-foo {

margin: 0;

}

.foo-foo li {

color: blue;

}

or you can put the lists in their own containers and style them using css:

<nav class="naviagtion">

<ul >

<li>List item</li>

</ul>

</nav>

<div class="foo">

<ul >

<li>List item</li>

</ul>

</div>

CSS:

.navigation ul {

margin: 0;

}

.navigation li {

color: red;

}

.foo ul {

margin: 0;

}

.foo li {

color: red;

}

brianriback
Inspiring
July 10, 2017

It just doesn't seem to work: www.riback.me/inbound

<h6 style="line-height: normal !important;">

<ul class="foo">

<li>No access to analytics or advertising tools needed</li>

<li>Students do not gain the same level of practical experience</li>

<li>Businesses do not benefit as much as they potentially could</li></ul>

</h6>

.foo {

margin: 0;

list-style-type: circle;

}

.foo li {

color: red;

}

brianriback
Inspiring
July 10, 2017

Let me amend that...it appears to be working but the bullet point (circle) isn't showing up.