Menu Problem

  • alan123
  • Born
  • Born
  • alan123
  • Posts: 2
  • Loc: United Kingdom

Post 3+ Months Ago

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


//Moderator edit - please use the BBCode code buttons when posting HTML code - thanks
  • Krazy^
  • Newbie
  • Newbie
  • Krazy^
  • Posts: 5
  • Loc: Copenhagen, Denmark

Post 3+ Months Ago

will give it a try
  • alan123
  • Born
  • Born
  • alan123
  • Posts: 2
  • Loc: United Kingdom

Post 3+ Months Ago

Hi,

Don't worry I repaired it now

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 18 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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.