Help PHP Coders

by Byron_Wells

Posted: 16 years ago 4 replies

WEB DESIGN

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

Code:

#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

Richard Whyte 16 years ago
Byron

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:
Code:

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!
- Thanks
{{ DiscussionBoard.errors[1527508].message }}
ziya 16 years ago

You can contact some of the developer to fix.

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

outsource-website-design.com
- Thanks
- 1 reply
{{ DiscussionBoard.errors[1535644].message }}
- Byron_Wells 16 years ago
  
  Originally Posted by ziya
  
  You can contact some of the developer to fix.
  
  We are ready to help you in this, but am not a developer
  
  outsource-website-design.com
  
  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?
  
  Thanks
  
  1 reply
  
  {{ DiscussionBoard.errors[1549781].message }}
  
  customertools 16 years ago
  
  Suggestion for learning CSS
  
  Videos:
  
  Code:
  
  howtomastercss.webdesignboost.com
  
  (Not an affiliate link)
  Or
  
  Code:
  
  Lynda.com
  
  Books: CSS Cookbook is good, but DRY to read.
  
  Websites:
  
  Code:
  
  w3schools.com/css/
  
  -Brad
  
  Thanks
  
  {{ DiscussionBoard.errors[1549798].message }}