Help PHP Coders

Byron_Wells · 12-21-2009, 07:45 PM

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

Richard Whyte · 12-21-2009, 11:36 PM

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!

ziya · 12-24-2009, 01:17 AM

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

Byron_Wells · 12-28-2009, 10:02 PM

Quote:

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?

customertools · 12-28-2009, 10:10 PM

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

12-21-2009, 07:45 PM	#1
Byron_Wells Advanced Warrior Join Date: Nov 2008 Posts: 609 Thanks: 31 Thanked 1 Time in 1 Post	Help PHP Coders 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

12-21-2009, 11:36 PM	#2
Richard Whyte HyperActive Warrior Join Date: Dec 2008 Posts: 319 Thanks: 12 Thanked 51 Times in 44 Posts Social Networking Contact Info	Re: Help PHP Coders 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!
	Richard Whyte - Website Design, Search Engine Optimization and Online Marketing - WebYabber.com, Read my Blog - richard-whyte.com, Easy Sales Page Creator - Power Sales Page Creator

12-28-2009, 10:10 PM	#5
customertools Customer Tools War Room Member Join Date: Dec 2009 Location: Texas Posts: 96 Thanks: 0 Thanked 7 Times in 7 Posts Social Networking	Re: Help PHP Coders 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
	Ultimate Keyword Tool - Create HUGE Targeted Keyword Lists In Minutes Not Hours Or Days. $7 seven day trial.

12-24-2009, 01:17 AM	#3
ziya Warrior Member Join Date: Dec 2009 Posts: 17 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Help PHP Coders 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