Back To Website Design Forum

Menu Problem

  • alan123
  • Born
  • Born
  • No Avatar
  • Joined: Aug 22, 2004
  • Posts: 2
  • Loc: United Kingdom
  • Status: Offline

Post August 22nd, 2004, 4:07 am

Hi everyone!!!

I recently made a navigation bar using html and, unfortunately, half the bar has a 'glowing' effect and the other half has a solid black effect.

Can someone fiddle around with the html so that the whole menu bar is 'glowing' instead of solid black.

Thank You


_________________________________________


to view the menu bar, go to http://www.fookes.co.nr/test.htm :lol: .


_________________________________________


Code: [ Select ]
HTML:

<HTML><HEAD>
<STYLE type=text/css><!--
table.lix a { /* 5.0+ extension of "div.lix a" */
display: block;
width:200px;
border:1px solid black;
}
div.lix {
position:absolute; /* This is a fixes IE slowness */
top:0px;
left:0px;
}
div.lix a {
color:#000000;
background-color:white;
font:13px verdana,sans-serif;
text-align: left;
text-decoration: none;
}
div.lix a:link {
color:black;
background-color:white;
}
div.lix a:visited {
color:black;
background-color:white;
}
div.lix a:hover {
color:red;
background-color:black;
border:1px solid red;
}
div.lix a:active {
color:white;
background-color:black;
border:1px solid red;
}
//--></STYLE>
<!-- padding-bottom: ( <a> font size + cellspacing + ( <a> border * 2 ) + ( cellpadding * 2 ) + "textpadding"[3] ) * # of links + cellpadding -->
<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY>
<DIV style="PADDING-BOTTOM: 82px; POSITION: relative">
<DIV class=lix>
<TABLE class=lix cellSpacing=2 cellPadding=0 width=200 border=0>
<TBODY>
<TR>
<TD><A onfocus=this.blur() href="#">Home</A></TD></TR>
<TR>
<TD><A onfocus=this.blur() href="#">Link 2</A></TD></TR>
<TR>
<TD><A onfocus=this.blur() href="#">Link 3</A></TD></TR>
<TR>
<TD><A onfocus=this.blur() href="#">Link 4</A></TD></TR></TBODY></TABLE></DIV></DIV>
<STYLE type=text/css><!--
table.lix a { /* 5.0+ extension of "div.lix a" */
display: block;
width:200px;
border:1px solid black;
cursor:hand;
filter:blendTrans(duration=0.5);
}
div.lix {
position:absolute; /* This is a fixes IE slowness */
top:0px;
left:0px;
}
div.lix a {
color:#000000;
background-color:white;
font:13px verdana,sans-serif;
text-align: left;
text-decoration: none;
}
div.lix a:link {
color:black;
background-color:white;
}
div.lix a:visited {
color:black;
background-color:white;
}
div.lix a:hover {
color:red;
background-color:black;
border:1px solid red;
text-decoration: none;
}
div.lix a:active {
color:white;
background-color:black;
border:1px solid red;
}
//--></STYLE>


<script language="JavaScript">
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<script language="JavaScript">
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)
{
return (new Object());
}

window.open = SymWinOpen;

//-->
</script>

<SCRIPT type=text/javascript><!--
function lite(obj) {
if(document.all&&!window.opera) {
obj.filters.blendTrans.apply();
obj.filters.blendTrans.play();
}
}
//--></SCRIPT>
<DIV style="PADDING-BOTTOM: 82px; POSITION: relative">
<DIV class=lix>
<TABLE class=lix cellSpacing=2 cellPadding=0 width=200 border=0>
<TBODY>
<TR>
<TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 1</A> </TD></TR>
<TR>
<TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 2</A> </TD></TR>
<TR>
<TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 3</A> </TD></TR>
<TR>
<TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 4</A> </TD></TR></TBODY></TABLE></DIV></DIV></BODY>
<script language="JavaScript">
<!--

window.open = SymRealWinOpen;

//-->
</script>


<script language="JavaScript">
<!--

window.open = SymRealWinOpen;

//-->
</script>

</HTML></SCRIPT>
  1. HTML:
  3. <HTML><HEAD>
  4. <STYLE type=text/css><!--
  5. table.lix a { /* 5.0+ extension of "div.lix a" */
  6. display: block;
  7. width:200px;
  8. border:1px solid black;
  9. }
  10. div.lix {
  11. position:absolute; /* This is a fixes IE slowness */
  12. top:0px;
  13. left:0px;
  14. }
  15. div.lix a {
  16. color:#000000;
  17. background-color:white;
  18. font:13px verdana,sans-serif;
  19. text-align: left;
  20. text-decoration: none;
  21. }
  22. div.lix a:link {
  23. color:black;
  24. background-color:white;
  25. }
  26. div.lix a:visited {
  27. color:black;
  28. background-color:white;
  29. }
  30. div.lix a:hover {
  31. color:red;
  32. background-color:black;
  33. border:1px solid red;
  34. }
  35. div.lix a:active {
  36. color:white;
  37. background-color:black;
  38. border:1px solid red;
  39. }
  40. //--></STYLE>
  41. <!-- padding-bottom: ( <a> font size + cellspacing + ( <a> border * 2 ) + ( cellpadding * 2 ) + "textpadding"[3] ) * # of links + cellpadding -->
  42. <META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
  43. <BODY>
  44. <DIV style="PADDING-BOTTOM: 82px; POSITION: relative">
  45. <DIV class=lix>
  46. <TABLE class=lix cellSpacing=2 cellPadding=0 width=200 border=0>
  47. <TBODY>
  48. <TR>
  49. <TD><A onfocus=this.blur() href="#">Home</A></TD></TR>
  50. <TR>
  51. <TD><A onfocus=this.blur() href="#">Link 2</A></TD></TR>
  52. <TR>
  53. <TD><A onfocus=this.blur() href="#">Link 3</A></TD></TR>
  54. <TR>
  55. <TD><A onfocus=this.blur() href="#">Link 4</A></TD></TR></TBODY></TABLE></DIV></DIV>
  56. <STYLE type=text/css><!--
  57. table.lix a { /* 5.0+ extension of "div.lix a" */
  58. display: block;
  59. width:200px;
  60. border:1px solid black;
  61. cursor:hand;
  62. filter:blendTrans(duration=0.5);
  63. }
  64. div.lix {
  65. position:absolute; /* This is a fixes IE slowness */
  66. top:0px;
  67. left:0px;
  68. }
  69. div.lix a {
  70. color:#000000;
  71. background-color:white;
  72. font:13px verdana,sans-serif;
  73. text-align: left;
  74. text-decoration: none;
  75. }
  76. div.lix a:link {
  77. color:black;
  78. background-color:white;
  79. }
  80. div.lix a:visited {
  81. color:black;
  82. background-color:white;
  83. }
  84. div.lix a:hover {
  85. color:red;
  86. background-color:black;
  87. border:1px solid red;
  88. text-decoration: none;
  89. }
  90. div.lix a:active {
  91. color:white;
  92. background-color:black;
  93. border:1px solid red;
  94. }
  95. //--></STYLE>
  98. <script language="JavaScript">
  99. <!--
  101. function SymError()
  102. {
  103. return true;
  104. }
  106. window.onerror = SymError;
  108. var SymRealWinOpen = window.open;
  110. function SymWinOpen(url, name, attributes)
  111. {
  112. return (new Object());
  113. }
  115. window.open = SymWinOpen;
  117. //-->
  118. </script>
  120. <script language="JavaScript">
  121. <!--
  123. function SymError()
  124. {
  125. return true;
  126. }
  128. window.onerror = SymError;
  130. var SymRealWinOpen = window.open;
  132. function SymWinOpen(url, name, attributes)
  133. {
  134. return (new Object());
  135. }
  137. window.open = SymWinOpen;
  139. //-->
  140. </script>
  142. <SCRIPT type=text/javascript><!--
  143. function lite(obj) {
  144. if(document.all&&!window.opera) {
  145. obj.filters.blendTrans.apply();
  146. obj.filters.blendTrans.play();
  147. }
  148. }
  149. //--></SCRIPT>
  150. <DIV style="PADDING-BOTTOM: 82px; POSITION: relative">
  151. <DIV class=lix>
  152. <TABLE class=lix cellSpacing=2 cellPadding=0 width=200 border=0>
  153. <TBODY>
  154. <TR>
  155. <TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 1</A> </TD></TR>
  156. <TR>
  157. <TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 2</A> </TD></TR>
  158. <TR>
  159. <TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 3</A> </TD></TR>
  160. <TR>
  161. <TD><A onmouseover=lite(this) onfocus=this.blur() onmouseout=lite(this) href="#">Link 4</A> </TD></TR></TBODY></TABLE></DIV></DIV></BODY>
  162. <script language="JavaScript">
  163. <!--
  165. window.open = SymRealWinOpen;
  167. //-->
  168. </script>
  171. <script language="JavaScript">
  172. <!--
  174. window.open = SymRealWinOpen;
  176. //-->
  177. </script>
  179. </HTML></SCRIPT>


//Moderator edit - please use the BBCode code buttons when posting HTML code - thanks
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 22nd, 2004, 4:07 am

  • Krazy^
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Aug 20, 2004
  • Posts: 5
  • Loc: Copenhagen, Denmark
  • Status: Offline

Post August 22nd, 2004, 5:21 am

will give it a try
  • alan123
  • Born
  • Born
  • No Avatar
  • Joined: Aug 22, 2004
  • Posts: 2
  • Loc: United Kingdom
  • Status: Offline

Post August 22nd, 2004, 6:04 am

Hi,

Don't worry I repaired it now

Page 1 of 1

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 66 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.