The Runboard Directory :: FAQ and Help :: Adding a pic in CSS, has not shown! ~ Runboard
[Runboard Resources: Runboard Support Forums | Runboard Extra! | Customer Service Desk]
~ Board of the Week ~
Board of the Week
The Runboard Directory
 FAQ and Help
  Adding a pic in CSS, has not shown!
Support  Search  RSS

runboard.com       Sign up (learn about it) | Sign in (lost password?)

 
minnie19mouse
Directory Friend
Top of the page

Registered: 06-2006
Posts: 25
Karma: 0 (+0/-0)
Reply | Quote
Adding a pic in CSS, has not shown!


I have tried adding a pic by putting this into the CSS

.#fl_td_8_2.forumlistforumname {display:block;height:20px;padding-left:20pxbackground:url(http://img158.imageshack.us/img158/1337/redtearzo0.jpg) top left no-repeat;}

but the pic hasnt showed up!

---
Truly Annie
7/28/2006, 8:34 am Send Email to minnie19mouse   Send PM to minnie19mouse MSN
 
Lesigner Girl
Directory Legend
Top of the page
|Premium User|

Runboard staff member

Registered: 11-2005
Location: YouTube/LesignerGirl
Posts: 2122
Karma: 83 (+97/-14)
Avatar
Reply | Quote
Re: Adding a pic in CSS, has not shown!


Try taking the dot out at the beginning of that line.

Edit for explanation:
Dots are for class names, # are for id names. It has to be one or the other (in this case #) and not both.

Last edited by Lesigner Girl, 7/28/2006, 8:52 am


---
Reliable Web Hosting
Are you ­­?


Image
7/28/2006, 8:50 am Send PM to Lesigner Girl Blog
 
minnie19mouse
Directory Friend
Top of the page

Registered: 06-2006
Posts: 25
Karma: 0 (+0/-0)
Reply | Quote
Re: Adding a pic in CSS, has not shown!


I took out the dot and it looked like this, but the image still doesn't show. any ideas?

/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard , span.locationforum, span.locationtopic {font-size:30px;font-family:comic sans ms}.
#fl_td_8_2.forumlistforumname {display:block;height:20px;padding-left:20pxbackground:url(http://img158.imageshack.us/img158/1337/redtearzo0.jpg) top left no-repeat;},. topiclisttopicname {color:#CCCCCC;font-size:11px;font-family:verdana}
span.forumlistnumtopics, span.forumlistnumposts {font-size:11px;font-family:verdana}
span.topiclistnewswitch, span.forumlistnewswitch {color:#CCCCCC;font-size:11px;font-family:verdana}
.forumlistboardstatsheader {font-family:comic sans ms;font-size:15px;border-width:0px;color:#660066}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topicliststartedby, span.topiclistreplies, span.topiclistviews {font-family:verdana;font-size:11px;}
span.topiclistlastpost {font-family:verdana;font-size:10px}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font-size:10px;font-weight:normal;font-family:verdana;}


---
Truly Annie
7/28/2006, 9:04 am Send Email to minnie19mouse   Send PM to minnie19mouse MSN
 
Lesigner Girl
Directory Legend
Top of the page
|Premium User|

Runboard staff member

Registered: 11-2005
Location: YouTube/LesignerGirl
Posts: 2122
Karma: 83 (+97/-14)
Avatar
Reply | Quote
Re: Adding a pic in CSS, has not shown!


There is still a dot in there, but it's at the end of the previous line. I also noticed a missing semi-colon (emoticon just now. Take out all the parts in red, and add the part in blue. There are two things to take out and one to put in...

/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard , span.locationforum, span.locationtopic {font-size:30px;font-family:comic sans ms}.
#fl_td_8_2.forumlistforumname {display:block;height:20px;padding-left:20px;background:url(http://img158.imageshack.us/img158/1337/redtearzo0.jpg) top left no-repeat;}
,. topiclisttopicname {color:#CCCCCC;font-size:11px;font-family:verdana}

I'm gonna get this posted before downtime, then I'm going to bed. I hope I caught everything.

---
Reliable Web Hosting
Are you ­­?


Image
7/28/2006, 9:14 am Send PM to Lesigner Girl Blog
 
minnie19mouse
Directory Friend
Top of the page

Registered: 06-2006
Posts: 25
Karma: 0 (+0/-0)
Reply | Quote
Re: Adding a pic in CSS, has not shown!


I have made those changes that you said to do, and now it looks like this, but the pic still doesn't show.
Thanks for ur help tho, sorry to keep on.


/* SETTINGS FONT TYPE, COLOR AND SIZE TO REMAINING ELEMENTS */
span.locationboard , span.locationforum, span.locationtopic {font-size:30px;font-family:comic sans ms}
#fl_td_8_2.forumlistforumname {display:block;height:20px;padding-left:20px;background:url(http://img158.imageshack.us/img158/1337/redtearzo0.jpg) top left no-repeat;}. topiclisttopicname {color:#CCCCCC;font-size:11px;font-family:verdana}
span.forumlistnumtopics, span.forumlistnumposts {font-size:11px;font-family:verdana}
span.topiclistnewswitch, span.forumlistnewswitch {color:#CCCCCC;font-size:11px;font-family:verdana}
.forumlistboardstatsheader {font-family:comic sans ms;font-size:15px;border-width:0px;color:#660066}
span.forumlistheader, span.topiclistheader, span.forumlistseparator, span.topiclisttopicname, span.topicliststartedby, span.topiclistreplies, span.topiclistviews {font-family:verdana;font-size:11px;}
span.topiclistlastpost {font-family:verdana;font-size:10px}
span.topiclisttopicclosed, span.topiclisttopicsticky,span.topiclisttopichidden {font-size:10px;font-weight:normal;font-family:verdana;}


---
Truly Annie
7/28/2006, 9:56 am Send Email to minnie19mouse   Send PM to minnie19mouse MSN
 
The Mooseman
 

Top of the page
|Premium User|


Registered: 03-2005
Location: Looking for my brain...
Posts: 575
Karma: 24 (+27/-3)
Avatar
Reply | Quote
Re: Adding a pic in CSS, has not shown!


#fl_td_8_2.forumlistforumname


When you define it like you do , #fl_td_8_2 , I see no reason to add .forumlistforumname at all

Try take .forumlistforumname away, because that is a class of its own



---

Image
Image

~ Quickly, I must hurry, for there go my people and I am their leader ~
7/28/2006, 4:32 pm Send PM to The Mooseman
 
minnie19mouse
Directory Friend
Top of the page

Registered: 06-2006
Posts: 25
Karma: 0 (+0/-0)
Reply | Quote
Re: Adding a pic in CSS, has not shown!


Thankyou! It worked!

---
Truly Annie
7/28/2006, 11:09 pm Send Email to minnie19mouse   Send PM to minnie19mouse MSN
 
The Mooseman
 

Top of the page
|Premium User|


Registered: 03-2005
Location: Looking for my brain...
Posts: 575
Karma: 24 (+27/-3)
Avatar
Reply | Quote
posticon Re: Adding a pic in CSS, has not shown!


 emoticon

---

Image
Image

~ Quickly, I must hurry, for there go my people and I am their leader ~
7/30/2006, 5:19 pm Send PM to The Mooseman
 
Lesigner Girl
Directory Legend
Top of the page
|Premium User|

Runboard staff member

Registered: 11-2005
Location: YouTube/LesignerGirl
Posts: 2122
Karma: 83 (+97/-14)
Avatar
Reply | Quote
Re: Adding a pic in CSS, has not shown!


I can be so blind sometimes! emoticon

Putting a space between #fl_td_8_2 and .forumlistforumname would have put a background image behind the forum name contained within #fl_td_8_2, but having the two stuck together without a space made it do absolutely nothing.

You can have:

table.classname
td.classname
div.classname
span.classname

...etc, but not...

#id.classname

#id .classname (with a space), on the other hand, would work on that classname when it's contained within that id.

---
Reliable Web Hosting
Are you ­­?


Image
7/31/2006, 4:49 am Send PM to Lesigner Girl Blog
 


Add a reply




Link to us   -  Blogs   -  Hall of Honour   -  Chat
You are not logged in (login)      Board's time is: 11/29/2009, 9:31 pm

The RDS Showcase (click me to see more)