Skip navigation
Joy King
Joy King
Currently Being Moderated

simply trying to change color of ul(s)

Aug 5, 2012 9:09 AM

Tags: #css #cs6 #dw

Greetings All,

 

I'm new, so plz bear with me.  I'm designing my webpage and I have a background image, changed the text color here, changed the font there (told you I was new, right?  *grin* )...  anyways - I seem unable to change the font color of the ul(s).  The bullets change colors, but not the items in the list... oh, I think I've got it... hang on...  ok, nope...  I did find a way to change the text colors, though....   must select the text itself & then change the font color...  I'm still trying to apply a rule, but seems to be a no-go.  Any ideas?  Thx in advance!

 

many smiles~

Joy

1002 Views   7 Replies   Latest reply: Joy King, Aug 6, 2012 1:56 AM
 
Replies
  • MurraySummers
    Currently Being Moderated
    1. MurraySummers,
    Aug 5, 2012 9:21 AM   in reply to Joy King
    Report

    Let's start at the beginning.  Which version of DW are you using?  And do you have a live version of your page uploaded?  Many times the method you would use to change some tag's properties will depend on the context of that tag.  If you would post a link to your live page, we could see what you are working with, examine the HTML and the CSS code, and give you an answer that is tailored to your page and its usages.  If you do not have a live page, then please post the code for the page here in a reply (note: you cannot use email to do that - you must come to the webforum in your browser).

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    2. Nancy O.,
    Aug 5, 2012 9:23 AM   in reply to Joy King
    Report

    Welcome Joy!

     

    Start with the links below:

     

    HTML & CSS Tutorials - http://w3schools.com/

     

    Styling Links with CSS:

    http://www.w3schools.com/css/css_link.asp

     

    Creating  your first web site in DW -

    http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.htm l

     

     

    Nancy O.

     
    |
    Mark as:
  • Joy King
    Currently Being Moderated
    3. Joy King,
    Aug 5, 2012 10:00 AM   in reply to Nancy O.
    Report

    Thanks!  I've been through them all (like to do me homework first!  Keeps the frustration level down!)...

     

    I'm getting it, but I'm having to edit the rule for the div, then the ul, then the actual text of the first item of the list ..  this is just changing color of the font.  I was a user of Dreamweaver back about 7 years ago I guess...  and I do know Captivate rather well...  I'll get it!  If you have any more ideas, too, I'd love to hear them...

     

    many smiles~

    Joy

     
    |
    Mark as:
  • Joy King
    Currently Being Moderated
    4. Joy King,
    Aug 5, 2012 10:01 AM   in reply to Joy King
    Report

    @Nancy O.

     

    Hmm...  spoke rather soon on the tutorial, that's a great checklist!  Thanks!

     

    :-)

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    5. osgood_,
    Aug 5, 2012 10:56 AM   in reply to Joy King
    Report

    Use a <span></span> tag around the text in the <li></li> (see below). Then set the text and bullet color using css (see below).

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Untitled Document</title>

    <style type="text/css">

    li {

        color:#0C3;

    }

    li span {

        color:#369;

    }

    </style>

    </head>

     

    <body>

    <ul>

    <li><span>Some text</span></li>

    <li><span>Some more text</span></li>

    </ul>

    </body>

    </html>

     
    |
    Mark as:
  • Joy King
    Currently Being Moderated
    6. Joy King,
    Aug 6, 2012 1:54 AM   in reply to MurraySummers
    Report

    @Murry *ACP*

     

    Thanks for your response...  I don't know why I didn't see it yesterday.  I don't have a live version yet, though I can get that from the browser preview or the Browser Labs, right? 

     

    I finally got it...  took finding out more on interacting with the CSS panel to the right (future training topic, for me anyway!  *grin* ).  I'm going to rework the entire design tonight using the fluid layout.  I had previously only watched one video on this topic and didn't think I was knowledgable enough to go that route.  Now, after watching another group of about 6 videos, I think it'll be easier to use the fluid layout!  { No slur here at all - love all things Adobe! - that Envato training group out of Austrailia - their videos on YouTube are exceptional!  Pass the word! }

     

    I'll be chatting with you more, I'm sure!  Thanks for being here!

     

    many smiles from Chapel Hill, NC

    Joy

     
    |
    Mark as:
  • Joy King
    Currently Being Moderated
    7. Joy King,
    Aug 6, 2012 1:56 AM   in reply to osgood_
    Report

    @osgood

     

    That's great...  don't know why I didn't think to use a <span> tag...  I'll give it a go...

     

    Top of the Day to you!

     

    Joy

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points