MU Advanced: Issues and Discussion
Welcome Guest
  • Good morning, Guest.
    Please log in, or register.
  • March 17, 2010, 02:20:32 AM
Home Forums Contact Tags FAQ Links News Login Register
* *
Navigation Menu
Search

Random Quotes
If you perceive that there are four possible ways in which a procedure can go wrong, and circumvent these, then a fifth way, unprepared for, will promptly develop.
- Murphy's Law
Pages: [1]   Go Down
  Print  
Author Topic: Need help with CSS  (Read 1739 times)
0 Members and 1 Guest are viewing this topic.
drmike
Gate Keeper
*****

Karma: 3
Offline Offline

Posts: 2228



View Profile WWW
« on: January 08, 2008, 12:29:04 PM »

I really suck with CSS.

Please kindly take a look at this page:

http://cynix.uni.cc/2008/01/08/new-feature-sidebar-widgets/

CSS here:

http://cynix.uni.cc/wp-content/themes/home/style.css

The "support forums" bit in the content should have the broken underline but it's not showing up in ie6 or netscape 7.2.  Cleared the cache and all that.  Tried different divs and putting it with the p tag.

Any suggestions?
Logged

Andrea_R
Key Master
*****

Karma: 5
Offline Offline

Posts: 1573


The spiky-haired mistress of homeschooling. (R)


View Profile WWW
« Reply #1 on: January 08, 2008, 12:37:24 PM »

Not showing for me either. in Firebug, it's inheriting the main link style, which have no dotted underline.

Gimmie a sec to play.

Edit: It's not picking up this bit
Quote
#story a:link, #story a:visited {
text-decoration:none;
border-bottom:1px dotted $fff;
}

So to me that sems a syntax error? I'd just make it #story a{ and see if it picks up then.
Logged

Am I the only one with a sig?
Ah well, might as well read my blog for lols.
drmike
Gate Keeper
*****

Karma: 3
Offline Offline

Posts: 2228



View Profile WWW
« Reply #2 on: January 08, 2008, 12:47:28 PM »

Modified (I think I tried that as well) with no change.

Thanks for looking.
Logged

Andrea_R
Key Master
*****

Karma: 5
Offline Offline

Posts: 1573


The spiky-haired mistress of homeschooling. (R)


View Profile WWW
« Reply #3 on: January 08, 2008, 01:13:41 PM »

Weird.
Logged

Am I the only one with a sig?
Ah well, might as well read my blog for lols.
Luke
Key Master
*****

Karma: 5
Offline Offline

Posts: 3594



View Profile WWW
« Reply #4 on: January 08, 2008, 02:51:22 PM »

Quote
#story a:link, #story a:visited {
text-decoration:none;
border-bottom:1px dotted $fff;
}

$fff

There's the problem.

# is for colors, $ is for variables (and not in css).

Oh, and you can use just #story a, without the :link bit as well.
Logged

10 frames?
Heh, that's for Quakers.

Note: This message may be Canadian friendly.

"Pornographic monster on the floor"
Andrea_R
Key Master
*****

Karma: 5
Offline Offline

Posts: 1573


The spiky-haired mistress of homeschooling. (R)


View Profile WWW
« Reply #5 on: January 08, 2008, 03:00:34 PM »

DOH. Never even saw the dollar sign. *head smack*
Logged

Am I the only one with a sig?
Ah well, might as well read my blog for lols.
Luke
Key Master
*****

Karma: 5
Offline Offline

Posts: 3594



View Profile WWW
« Reply #6 on: January 08, 2008, 03:08:33 PM »

// I had a smart ass reply to ya, but I'm refraining. lol

Logged

10 frames?
Heh, that's for Quakers.

Note: This message may be Canadian friendly.

"Pornographic monster on the floor"
drmike
Gate Keeper
*****

Karma: 3
Offline Offline

Posts: 2228



View Profile WWW
« Reply #7 on: January 08, 2008, 04:35:45 PM »

*shrug* When I did design, there was no such thing as CSS.

edit: Still no dice though.
Logged

ron_r
Key Master
*****

Karma: 4
Offline Offline

Posts: 1058



View Profile WWW
« Reply #8 on: January 08, 2008, 05:43:08 PM »

div id="story" -> #story in CSS

div class="story" -> .story in CSS
Logged

The key to problem solving is identifying the problem.
Luke
Key Master
*****

Karma: 5
Offline Offline

Posts: 3594



View Profile WWW
« Reply #9 on: January 09, 2008, 05:14:17 AM »

Quote
#story a:link, #story a:visited {
text-decoration:none;
border-bottom:1px dotted $fff;
}

To elaborate on what Ron said...

You're naming an id in your css, but calling it as a class.

So the above should be:
Quote
Code:
.story a {
text-decoration: none;
border-bottom: 1px dotted #FFFFFF;
}

Just targeting the a tag, means in any instance. While you can break it out into :link, :hover, and :visited, since the color properties are already set in a parent, it isn't really necessary.

With css, the less you have to target, usually the better.
Logged

10 frames?
Heh, that's for Quakers.

Note: This message may be Canadian friendly.

"Pornographic monster on the floor"
drmike
Gate Keeper
*****

Karma: 3
Offline Offline

Posts: 2228



View Profile WWW
« Reply #10 on: January 09, 2008, 07:25:51 AM »

I could have sworn that I had tried it with the period but maybe I didn't.  It appears to work now though.

Thanks,
-drmike
Logged

ron_r
Key Master
*****

Karma: 4
Offline Offline

Posts: 1058



View Profile WWW
« Reply #11 on: January 09, 2008, 09:15:06 PM »

n/p
Logged

The key to problem solving is identifying the problem.
Tags:

Pages: [1]   Go Up
  Print  
 
Jump to:  


Login
 
 
Recent Posts
Recent Topics
No new topics.
Hot Tags
Whos Online
6 Guests, 0 Users
Home Forums Contact Tags FAQ Links News Login Register