4 replies
  • |
Alright Guys

I am having trouble with the list styles. I am planning to use http://www.supreme-host.com/web/images/arrow-grey.jpg instead of the standard bullet dot format....

I have got it to work in dreamweaver but when I load it onto the internet.. It doesnt appear.. why?? See here http://www.supreme-host.com/web/categories.php

This is the code that I am using for that part

#l_sidebar ul { list-style: url(images/arrow-grey.jpg) no-repeat top left;
margin: 0px 0px 10px 30px;
padding: 10px 0px 0px 0px;
#l_sidebar li { 
background: url(images/dashedline.jpg) no-repeat center bottom;
padding: 0px 0px 10px 0px;

#l_sidebar li li {
background: #FFFFFF }

#l_sidebar li a, #l_sidebar li a:visited { color: #359CBB; text-decoration: none; }
#l_sidebar li a:hover, #l_sidebar li a:active { color: #444; }
Also how do I make the dashedline.jpg image appear from the bullet image
#coders #php
  • Profile picture of the author Richard Whyte

    OK, first off, this is NOT a PHP problem you are having, but a CSS problem...

    Next, the UL tags are missing some arguments. You have:

    ul { list-style: url(images/arrow-grey.jpg)

    list-style has three arguments and you are using the third one in the slot for the first one.

    The properties that can be set, (in order) are: list-style-type, list-style-position, list-style-image.

    So, I would rewrite the tag to look something like this:

     ul { list-style:square outside url("images/arrow-grey.jpg")}
    Notice I have three arguments and the third one is the one that has the image that you want to use as your own custom bullet image.

    I highly recommend that you visit w3schools.com if you have CSS issues and read the tags and how they are used when you run into issues like this. That site has an excellent reference on it and it explains how the tags should be used to avaid problems like this.

    Have a Great Day!
    {{ DiscussionBoard.errors[1527508].message }}
  • Profile picture of the author ziya
    You can contact some of the developer to fix.

    We are ready to help you in this, but am not a developer

    {{ DiscussionBoard.errors[1535644].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by ziya View Post

      You can contact some of the developer to fix.

      We are ready to help you in this, but am not a developer

      I am asking for advice on how to do it.. Not to spend money on getting it fixed.. If I did that how would I learn?
      {{ DiscussionBoard.errors[1549781].message }}
      • Profile picture of the author customertools
        Suggestion for learning CSS

        (Not an affiliate link)
        Books: CSS Cookbook is good, but DRY to read.

        {{ DiscussionBoard.errors[1549798].message }}

Trending Topics