Thread: Another column

Page 3 of 3 First 123
  • Jump to page:
    #31
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    24
    Rep Power
    0
    I was able to figure it out and it worked.

    Here is the CSS

    ul.b {
    list-style-type:square;
    padding-top: 20px;
    padding-left:4px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial Narrow;
    }

    And here is the HTML:

    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    <p><li> Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>

    I would like the squares before the text to be in a color other than white. How can I achieve this? Do I do something like the styling we were talking about here?
  2. #32
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    24
    Rep Power
    0
    Oh thank you for answering my question about making the first letter of the word larger.
  4. #33
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Oct 2009
    Location
    Nebraska, USA
    Posts
    879
    Rep Power
    276
    Originally Posted by Aust79

    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    <p><li> Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing . </li></p>
    This code is not valid.

    <li> items can only be surrounded by a <ul> tag (unordered list) or a <ol> tag (ordered list)

    the whole purpose of a list is to "LIST" things...and the valid way to do this is

    Code:
    <ul>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
    </ul>
    You can also add <a> tags to turn those list items into links for such things as navigation...like this.

    Code:
    <ul>
    <li><a href="#" alt="list item 1">List Item 1</a></li>
    <li><a href="#" alt="list item 2">List Item 2</a></li>
    <li><a href="#" alt="list item 3">List Item 3</a></li>
    </ul>
    A good place to validate your html is http://validator.w3.org/ . It will allow you to post a URL or a file.


    Now please take the time and go thru those tizag.com HTML and CSS tutorials and you most likely won't need to ask such simple questions over and over Good day.
  6. #34
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    24
    Rep Power
    0
    I beg your pardon. I think I have omitted something. Here is what I meant to post:

    <ul class="b">
    <p class="Text1"> Welcome</p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    <p><li> Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    <p><li>Lorem ipsum dolor sit amet, consectetur adipisicing </li></p>
    </ul></div>


    It is based on what I have seen on this webpage:

    http://www(dot)w3schools.com/css/tryit.asp?filename=trycss_list-style-type_ex
  8. #35
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    24
    Rep Power
    0
    Many thanks for your help. I have learned a lot from you. Have a good day
Page 3 of 3 First 123
  • Jump to page:

IMN logo majestic logo threadwatch logo seochat tools logo