prakash Posted April 13, 2008 Share Posted April 13, 2008 hi please have a look on following code with it's preview on IE top padding is working on bottom example but not with the upper example I don't know what's wrong with the top padding. <style> #myMenu { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; color: #4b9400; margin: 0px; padding-left: 4px; } #myMenu a { display: inline; padding: 3px; color: #adadad; text-decoration: none; } #myMenu a:hover { color: #fffa6f; text-decoration: none; background-color: #3a3a3a; } </style> Not Working<br> ========================================== <table width="969" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="26" id="myMenu"> <a href="">Link 1</a> <a href="">Link 2</a> <a href="">Link 3</a> <a href="">Link 4</a> <a href="">Link 5</a> <a href="">Link 6</a> </td> </tr> <tr> <td height="1" bgcolor="#404040"></td> </tr> <tr> <td height="20">some data</td> </tr> </table> <br><br> Working<br> ========================================== <div id="myMenu"> <a href="">Link 1</a> <a href="">Link 2</a> <a href="">Link 3</a> <a href="">Link 4</a> <a href="">Link 5</a> <a href="">Link 6</a> </div> Quote Link to comment Share on other sites More sharing options...
prakash Posted April 14, 2008 Author Share Posted April 14, 2008 is there anyone who can help me on this issue?? Quote Link to comment Share on other sites More sharing options...
bronzemonkey Posted April 14, 2008 Share Posted April 14, 2008 use {display:block; float:left;} on the anchors. read this site - http://css.maxdesign.com.au/ Quote Link to comment Share on other sites More sharing options...
prakash Posted April 14, 2008 Author Share Posted April 14, 2008 thx it worked 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.