display block

Posted by Sunitajadhav under CSS 3 on 11/27/2009 | Views : 1699 | Status : [Member] | Replies : 3
I have created CSS style sheet.Here i m giving code.I want display block.when i click on link at run time it shows doted block.
In IE it runs fine but in firefox it shows that doted block.so plz help me.


#Querybar
{
margin-top:10px;
padding-bottom:10px;
text-decoration:none;
background-color:#5b5b5b;
}

#QuerybarArea a
{
width:400px;
display:block;
clear:both;
padding-right:15px;
padding-top:6px;
height:25px;
color:#FFFFFF;
text-decoration:none;
font-size:14px;
font-weight:bold;
background-color:#5b5b5b;
margin-top:3px;
text-align:left;
}

#QuerybarArea a:hover, #QuerybarArea a.active
{
background-color:#5b5b5b;
text-decoration:none;
color:#5CB3FF;
}





Responses

Posted by: Krkc on: 1/28/2011 [Member] Starter | Points: 25

Up
0
Down
IE is the culprit of NOT showing proper errors.

Try
display:'';

Simple giving single quotes '' will solve your problem in Firefox & Chrome


Thanks,
Ravi

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Kumarsudu on: 11/27/2009 [Member] Starter

Up
0
Down
Hi,

give display:visible or invisible, this may help you to solve your problem

Thanks and Regards,
Kumar

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Rcsprakash on: 1/15/2010 [Member] Starter

Up
0
Down
#QuerybarArea a{outline:none;}
this will remove the dotted lines

Sunitajadhav, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response