ne011 Posted July 20, 2010 Share Posted July 20, 2010 Well i say Hi again to all the members . i was trying to set up a table with some datas and i was writing a css for a particular <tr> with class first. table { margin: 1em; border-collapse: collapse; } tr.first { border-bottom:1px solid #000; } when i checked ,the border was displaying fine for all the browsers ,except Internet explorer 6, 7 ,8. I really tried to manage ,but could not solve the problem . if anyone can show me the correct way ,would be much help for me.. Thanks in advance . Quote Link to comment Share on other sites More sharing options...
haku Posted July 21, 2010 Share Posted July 21, 2010 Show us your HTML. Quote Link to comment Share on other sites More sharing options...
ne011 Posted July 21, 2010 Author Share Posted July 21, 2010 ooh well i m pasting my sample html and css code again .. HTML follows here : <html> <link href="css/style.css" rel="stylesheet" type="text/css" /> <body bgcolor="#000000"> <table align="center" width="55%" height="99" cellpadding="10px" cellspacing="0px" style="font-family:Verdana, Geneva, sans-serif; font-size:12px;"> <tr class="first"> <td width="17%" height="38">SAMPLE-1</td> <td width="16%" height="38">SAMPLE-2</td> <td width="16%" height="38">SAMPLE-3</td> <td width="16%" height="38">SAMPLE-4</td> <td width="18%" height="38">SAMPLE-5</td> <td width="17%" height="38">SAMPLE-6</td></tr> <tr class ="first"> <td width="17%" height="35">Data1</td> <td width="16%">Data2</td> <td width="16%">Data3</td> <td width="16%">Data4</td> <td width="18%">Data5</td> <td width="17%">Data6</td> </tr> <tr class ="test2"> <td width="17%" height="38"> Data7</td> <td width="16%" height="38">Data8</td> <td width="16%" height="38">Data9</td> <td width="16%" height="38">Data10</td> <td width="18%" height="38">Data11</td> <td width="17%" height="38">Data12</td></tr> <tr class ="test2"> <td width="17%" height="38"> Data13</td> <td width="16%" height="38">Data14</td> <td width="16%" height="38">Data15</td> <td width="16%" height="38">Data16</td> <td width="18%" height="38">Data17</td> <td width="17%" height="38">Data18</td></tr> </table> </body> </html> Css follows : table{padding:0;margin: 8em;border-collapse:collapse;margin-left:200px;} tr{ background-color:#FFEBCF;} tr.test2{background-color:#FCC;color:#000;} tr.first{border-bottom:1px solid #C33;} tr.first:hover{background-color:#f9deb9;color:#000;} - - - - - - - - - - - - - - - - - - - - - - - - - Quote Link to comment Share on other sites More sharing options...
haku Posted July 21, 2010 Share Posted July 21, 2010 Looks mostly fine to me. Try changing this: tr.first{border-bottom:1px solid #C33;} to this: tr.first{border-bottom:solid #C331 px ;} Quote Link to comment Share on other sites More sharing options...
ne011 Posted July 21, 2010 Author Share Posted July 21, 2010 now the border doesnt seems to appear in any of the browsers, nor the hover works , any other solution ? Quote Link to comment Share on other sites More sharing options...
haku Posted July 21, 2010 Share Posted July 21, 2010 Sorry, somehow I stuck a random '1' in there. Try this: tr.first{border-bottom:solid #C33 px ;} Quote Link to comment Share on other sites More sharing options...
ne011 Posted July 21, 2010 Author Share Posted July 21, 2010 No i am sorry ,it doesnt seems to work Quote Link to comment Share on other sites More sharing options...
joePHP Posted July 21, 2010 Share Posted July 21, 2010 Hi, You can go two ways about this. 1. Add a DOCTYPE 2. Give the border to the td like this: tr.first td { border-bottom: solid #C33 1px; } The only problem with #2 is the hover. I hope this helps, Joe Quote Link to comment Share on other sites More sharing options...
ne011 Posted July 21, 2010 Author Share Posted July 21, 2010 Anyhow i was wondering ,why the problem exists ,but i have tested it and it seems to work !! Wooo ,it was like you have ,made my day , thank you very much , With regards Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.