Hall of Famer Posted November 7, 2011 Share Posted November 7, 2011 Well I found a css that adds tabs to forums, it works perfectly with Firefox and Googlechrome: td.tab a:link,td.tab a:visited,td.tab a:active,a.tab, td.tab2 a:link,td.tab2 a:visited,td.tab2 a:active,a.tab2,a:link.tab2,a:active.tab2,a:visited.tab2{ background:transparent url(http://www.imagelink.com/image.gif) top right no-repeat; font:10pt tahoma,sans-serif; width:76px; height:20px; text-align:center; padding:2px 0 0; margin:0 1px; text-decoration:none; float:right; position:relative; top:3px } td.tab a:hover,img.tab a:hover,.tab a:hover,a:hover.tab, td.tab2 a:link,td.tab2 a:visited,td.tab2 a:active,a.tab2,a:link.tab2,a:active.tab2,a:visited.tab2{ background:transparent url(http://www.imagelink.com/image.gif) bottom right no-repeat } However, the tabs display vertically on IE, and it is really annoying and confusing. Is there a way to change the css so that it works on IE? Please help. Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 7, 2011 Share Posted November 7, 2011 You have to post the HTML, too. Please post the whole -- relevant -- code, in one code block, from <doctype> to </html>. Quote Link to comment Share on other sites More sharing options...
Hall of Famer Posted November 7, 2011 Author Share Posted November 7, 2011 Here is the HTML code: <!-- tabs --> <table align="right" cellpadding="0" cellspacing="1" border="0"> <tr> <td width="100%" align="right"> <a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 1</b></a> <a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 2</b></a> <a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 3</b></a> <a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 4</b></a> <a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 5</b></a> <a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 6</b></a> <a href="http://www.yoursite.com/forum/" class="tab"><b>Forum</b></a> <a href="http://www.yoursite.com/" class="tab"><b>Home</b></a></td></tr ></table> <!-- /tabs --> Quote Link to comment Share on other sites More sharing options...
Frank P Posted November 10, 2011 Share Posted November 10, 2011 Please post the whole -- relevant -- code, in one code block, from <doctype> to </html>. 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.