treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] border list-style-type

  • Why list-style-type: circle; isin't into the border?
    PHOTO: http://www.part.lt/img/cc1a4d77686445191cd056bbd8d6c3b5932.JPG
    How to do that circle would be in the border?

    PHPBB HTML
    				<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
    <div id="naujiena">
    <div class="nuorados">Nuorados</div>

    <ul id="links">

    <!-- IF S_DISPLAY_SEARCH -->
    <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>

    <!-- IF S_LOAD_UNREADS -->
    <li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li>
    <!-- ENDIF -->

    <!-- IF S_USER_LOGGED_IN -->
    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
    <!-- ENDIF -->

    <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
    <!-- ENDIF -->

    <!-- IF not S_IS_BOT and U_MARK_FORUMS -->
    <li><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
    <!-- ENDIF -->
    </ul>
    </div>
    <!-- ENDIF -->


    CSS CODE
    ul#links {
    padding-top: 10px;
    margin-top: -10px;
    padding-bottom: 5px;
    }

    ul#links li {
    list-style-type: circle;
    }

    ul#links a {
    padding-left: 10px;
    }

    ul#links a:hover {
    text-decoration: underline;
    }

    #naujiena .nuorados {
    line-height: 1em;
    font-family: "Myriad Pro Light";
    color: #fff;
    line-height: 2;
    font-size: 1.02em;
    text-transform: uppercase;
    margin-left: 5px;
    margin-top: 10px;
    }

    #links {
    border: 3px solid #f36e00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
  • ul {
    list-style-position:inside;
    }
  • Thanks. :)
  • You're welcome. :)