Web Analytics Made Easy -
StatCounter Ordinary numbered list needed please - CodingForum

Announcement

Collapse
No announcement yet.

Ordinary numbered list needed please

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Ordinary numbered list needed please

    Hi all,

    This css below gives an image at the beginning - which is ok, but when I want to just have an ordinary numbered list lower down on the same page, it still shows the images ;-(

    Any help very much appreciated.

    Saz.

    <style type="text/css">
    <!--

    h1{
    font-weight: normal;
    font-size: 22px;
    color: #000000;
    font-family: georgia, serif;
    }

    h2{
    font-weight:normal;
    font-size:18px;
    color:#000099;
    font-family:tahoma,sans-serif;line-height:150%;
    }

    ul.test{
    list-style-type: none;
    padding: 0;margin: 0;
    }

    ul.test li{
    background-image: url('http://url-example.com/images/checkmark-15.gif');
    background-repeat: no-repeat;
    background-position: 0 .2em;
    padding-left: 2.1em
    }

    -->
    </style>
    Last edited by Saz; Oct 12, 2006, 04:55 PM. Reason: Just had another look at the guidelines for posting ;-)

  • #2
    We need to see the X/HTML code too.

    P.S. Please read Guidelines and Suggestions for Posting on Web Development Forums.
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
    Java != JavaScript && JScript != JavaScript
    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Comment


    • #3
      Many thanks for coming in on this Kravvitz.

      It's for a friend and he's not keen on making the website public yet - so if you can't help without seeing the site, then no worries, but basically wherever I try to put :

      <ol>
      <li>sasasa</li>
      <li>sasasa</li>
      <li>sasasa</li>
      </ol>

      It keeps showing the image mentioned in the first post above, at the beginning of all of the lines again ;-(

      Is there any way of coding the <ol>'s or <li>'s so that they ignore the image please ?

      Any help much appreciated.

      Saz.

      Comment


      • #4
        The cascade and specificity makes things like this complicated.

        Something is interfering with something else. I don't like guessing.
        Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions
        Java != JavaScript && JScript != JavaScript
        Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

        Comment


        • #5
          have you forgotten the closing </ul> from further up?
          That would result in the <li>s you mention, being inside 'ul.test', so the style will be applied.
          Without the full html, it's difficult...
          My thoughts on some things: http://codemeetsmusic.com
          And my scrapbook of cool things: http://gjones.tumblr.com

          Comment


          • #6
            Many thanks for trying to help on this Kravvitz and GJay - it's appreciated. I imagine it must be pretty hard to solve it.

            The previous list higher up does have a </ul> at the end of it.

            If it's any help, when I remove the inline css from the page, the numbered lists are then ok, but the image doesn't show on the previous lists higher up ?

            I didn't code any of the site and have just been asked to see if I can put the numbered lists in without the images and I'm getting really stuck, but he was really insistent that the website didn't go public yet and made me guarantee to him that it wouldn't go public yet !

            Just wondering, shall I show it to you by pm ?

            Any help much appreciated.

            Saz.
            Last edited by Saz; Oct 13, 2006, 04:39 AM.

            Comment


            • #7
              The problem is in a part of the code that you haven't shown yet since those parts you have shown should not have that problem.
              Stephen
              Learn Modern JavaScript - http://javascriptexample.net/
              Helping others to solve their computer problem at http://www.felgall.com/

              Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

              Comment

              Working...
              X