• Resolved lleger

    (@lleger)


    I’ve added the javascript to the sidebar of my template to include my dugg news from digg.com. The styling however is a little screwed. The text is uppercase and there is only one bullet. I’ve spent many hours but can’t seem to solve the styling problem. Can anyone help?

    Javascript:
    <script language="JavaScript" src="http://digg.com/jsdig/divs/20/lleger" type="text/javascript"></script>

    What I put in my sidebar:

    <div id="digg">
    <h3>My Digg News<h3>

    <ul>
    <li><script language="JavaScript" src="http://digg.com/jsdig/divs/20/lleger&quot; type="text/javascript"></script></li>
    </ul>
    </div>

    What’s in my stylesheet:
    #digg h4 {
    margin-bottom: 4px;
    font-size: 1em;
    }

    #digg ul {
    list-style: disc;
    margin: 4px 15px 1em 15px;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • On digg’s page they tell you how it outputs:


    <div class="rss_box">
    <ul class="rss_items">
    <li class="rss_item"><a href="link to first story">Title of first story</a>
    <li class="rss_item"><a href="link to second story">Title of second story</a>
    ...
    <li class="rss_item"><a href="link to last story">Title of last story</a>
    </ul>
    </div>

    So, don’t include the <script... inside a list. It automatically provides it for you – just style what they give ya, the div.rss_box etc.,

    Thread Starter lleger

    (@lleger)

    After my original post I was looking at that and figured out the method of styling but I still have one question. How can I get the text to be lowercase?

    Thread Starter lleger

    (@lleger)

    Never mind. I fixed the problem. Here is my final stylestheet code for that part of my sidebar:

    #rss_box h3 {
    font-size: 1.2em;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    margin: 1.5em 15px .5em;
    }

    #rss_items ul {
    text-align: left;
    font: 100% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
    list-style: disc;
    text-transform: lowercase;
    margin: 1.5em 15px .5em;
    }

    #rss_items li {
    text-align: left;
    font: 100% 'bitstream vera sans', 'lucida grande', verdana, sans-serif;
    list-style: disc;
    text-transform: lowercase;
    margin: 1.5em 15px .5em;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Help’ is closed to new replies.