Hi Everyone, First post here. I'm a programmer but I don't design/code websites or deal with CSS. I know what CSS is and the very basics of it. Right now, I'm using this free template I found online and am trying to customize it to my needs. It is called Jet30, which can be found easily by doing a search on 'JET30 website template'. Apparently I can't post live links yet. Anyway, I'm having a couple of mini issues and one big issue. See the section where it says 'about jet30'...? Before that, I want to create an unordered list. If you look at the CSS file, where #right is defined, I added this: #right p.ul{ list-style-image: url(images/arrow_red.gif) ; } I am having no luck. The list won't even show up So can someone please take a look at the jet30 css file and help me understand what I'm overlooking? Also, if you take a look at the blue (header part), I cannot find where I can modify 'JET30' and 'Make a huge difference...'... I don't see those as part of the image, yet I cannot find these lines in the index.html file. I'm sure I'm missing something basic. Any help is appreciated. Thanks!
I don't mean to be rude or nything but seriously man, you are a programmer but can't figure out this ? anyway to get the list happening use, #right ul {list-style-image: url(images/arrow_red.gif) ;} and in the header you cant change JET30 bcoz it is a image, so if you like you can use a different image in there. if you look inside images folder you'll find logo.gif which is the logo image that you taling about. so if you put a different image file with exact with and height as the logo image file and rename the new file as logo.gif it will show up on your html file. Cheers
p.ul will apply to paragraph (<p class="ul">some text here</p>), not to the ul element. You are missing some very basic syntax rules.
AfroSamurai--If you didn't mean to be rude, then you shouldn't have said it. Last time I dealt with any CSS was years ago and I haven't kept up with it. This is a forum where people give help right? So if you're going to do it, try to be nice about it. With that said, I do see the logo.gif and I don't know how I missed it. jimairon--thanks for explaining. AfroSamurai--if I try your suggestion (which is what I had started out with!), #right ul {list-style-image: url(images/arrow_red.gif) ;} all I see are the images of arrow_red.gif, but no text. In the html page, I have it something like this: < div id="right" > < ul > < li >Blahblha< /li > < /ul > < /div > I don't really remember the difference between using div id and class; I'll look it up.
mate, chill... for me a programmer is a person with advanced skill set..nyway if wht I said earlier hurt ur feelings, I'm sry. I'll take it back and yes ppl help each other out around here. it's hard to figure out wht you trying to do with the template, take a screen shot and draw wht you trying to achieve and upload it to smting lyk ImageShack and share the url, so I can get a better understanding of wht you trying to do.
Hi, Just post the link or encrypt it in some way by spacing it out, it'll be much easier for people to provide the help then! If you still cannot do this then try to post the HTML and CSS for the page.