Find solution
How to display HTML table with angularJS?

Html table cell glitch? help please!?

  • Okay... I'm working on a website, and I so far have a title, and a very unfinished menu bar. However I have found that when the window is full screen the background of my title is Blue, #09F... Like I stated... But as you slowly shrink the window down... You can see what looks like a black overlay slides up over the background... but behind the text, anyone know why this is? Here is the html and style sheet. Any help is greatly appreciated(: ... if you fix it... THANK YOU! <!DOCTYPE html> <html> <head> <link href="main-styles.css" rel="stylesheet" type="text/css"/> <title>Home - Psyb3rK1n3t1c</title> </head> <body id="body-style"> <table width="1020px" align="center" cellspacing="0px"> <tr> <td id="main-title" colspan="6"> Psyb3rK1n3t1c Texturing </td> </tr> <tr> <td id="menu-filler"></td> <td id="menu-bar"> <ul> <li><a href="index.html">Home</a></li> </ul> </td> <td id="menu-bar"> <ul> <li><a href="#">Psyb3rCraft</a> <ul> <li><a href="psyb3rcraft-info.html">Info</a></l… <li><a href="psyb3rcraft-forum.html">Forum</a><… <li><a href="psyb3rcraft-downloads.html">Downlo… </ul> </li> </ul> </td> <td id="menu-bar"> <ul> <li><a href="contact-me.html">Contact Me</a></li> </ul> </td> <td id="menu-bar"> <ul> <li><a href="#">Links</a> <ul> <li><a href="http://www.youtube.com/user/psyb3r… </ul> </li> </ul> </td> <td id="menu-filler"></td> </tr> </table> </body> </html> #body-style { background:#777; } #main-title { height:100px; background:#09F; border:2px solid #000; border-top-right-radius:30px 100px; border-top-left-radius:30px 100px; text-align:center; text-shadow:0px 0px 5px #000; font-family:AmazObitaemOstrovFine; font-size:60px; color:#222; } #menu-filler { border:2px solid #000; background:#333; } #menu-bar { margin:0px; padding:0px; background:#CCC; } #menu-bar ul { margin:0px; padding:0px; line-height:35px; } #menu-bar li { margin:0px; padding:0px; list-style:none; float:left; position:relative; } #menu-bar ul li a { display:block; height:35px; width:120px; text-align:center; background:#999; } #menu-bar ul ul { position:absolute; visibility:hidden; }

  • Answer:

    I'm looking at it right now and I'm not seeing the problem you are mentioning... I would help if I saw the problem but I don't.

TeddyBea... at Yahoo! Answers Visit the source

Was this solution helpful to you?

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.