Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 02-24-2007, 10:06 AM css conflict?
Experienced Talker

Posts: 31
Trades: 0
hi,

on my wordpress blog i have installed a poll script...
i put it on the left column but i get it screwed up because there is a css conflict...

Last edited by agu12; 02-24-2007 at 02:13 PM..
agu12 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-24-2007, 11:25 AM Re: css conflict?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Did you fix it ? I'm not seeing any problem in FF 2.0.

I looked at your CSS, and you do have some hacks in there that will make a mess in IE 7:

/* yay IE hack - display or visibility don't work */
* html .dem-graph a i, * html .dem-graph a:hover b {
filter: alpha(opacity=0);
display: block;
}

* html .dem-graph a:hover i {
filter: alpha(opacity=100);
display: block;
}

The *html hack won't work with IE 7, so it should be moved out of there, then use conditional comments to target the older IE browsers in a separate css file that contains only the 'fixes' you need for them.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-24-2007, 01:13 PM Re: css conflict?
Experienced Talker

Posts: 31
Trades: 0
did u try to vote? try and see how it looks after
agu12 is offline
Reply With Quote
View Public Profile
 
Old 02-24-2007, 01:59 PM Re: css conflict?
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
agu12 I see the problem. When I took the float off of .dem-graph a it seemed to fix the problem.

.dem-graph a, .dem-graph a:hover {
display: block;
height: 5px;
cursor:default;
text-decoration: none;
border: 0;
}

Then I think you need to increase the bottom margin of .dem-graph to suit your needs.

.dem-graph {
position: relative;
font: 9px/10px arial, sans-serif;
margin-top: 2px;
padding-right: 1px;
margin-bottom: 25px; <= change this to suit your needs
}

It looked fine to me when I made those changes in Firefox, but I didn't look to see how it looks in IE. Also this may not be the ideal solution, but it seemed to work for me.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE

Last edited by vangogh; 02-24-2007 at 02:00 PM..
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Reply     « Reply to css conflict?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.13629 seconds with 12 queries