Help - Search - Members - Calendar
Full Version: Html Issue, A Big Black Bar Won't Go Away Under Banner
MonsterSmallBusiness Forums > MonsterWebDesign > Designing Your Storefront
kingsbodyjewelry
Hello everyone,
So I've been working on designing my website for about a month now, and I just added a banner made through photoshop to my site (The banner was added through "Top of Page Ad Editor"). The banner is all good on there, but underneath it is a big black bar that I can't figure out how to make go away (This is the original bar that said "Company Name" when you first start designing). I've messed around with the html code a little and can't get rid of it. Below is the html of my "Top of Page", does anyone have any suggestions on how to make this go away. Any help, would be awesome, Im very new to webdesign. Thanks!
Chris


<style> .toplinks3 {font-family:arial; font-weight:bold; font-size:13px; text-decoration:none; color:#FFFFFF; line-height:15px;} .logo {font-family:arial; font-weight:none; font-size:25px; text-decoration:none; color:#FFFFFF; line-height:28px;} </style> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="middle" bgcolor="#000000"><img src="themes/site_theme3/spacer.gif" width="10" height="50"> </td></tr> </table> </td> </tr> <tr> <td align="right" bgcolor="#990000"> <table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td align="right" class="toplinks3"><a href="index.asp" class="toplinks3">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.asp?PAGEACTION=COMPANY" class="toplinks3">Company Info</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.asp?PageAction=Custom&ID=2" class="toplinks3">FAQ/Help</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.asp?PAGEACTION=CONTACTUS" class="toplinks3">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.asp?PageAction=LOGIN" class="toplinks3">Customer Login</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.asp?PageAction=CARTDETAILS&Page=1" class="toplinks3">View Cart</a>&nbsp;&nbsp;</td> </tr> </table> </td> </tr> </table>
KennyE
Hi. If we could see your site rather than a big 'ol "Under Construction" page it might be easier to help troubleshoot your problem. thumbsup.gif My guess, tho', is that the big black bar is actually on your image. It might be white - might be blank or black, depending on your color scheme, image width vs canvas size, etc. Can you post the actual image?

BTW, it's a good idea to post a link to your site when requesting help. Makes it a bit easier to look at your code, etc. Just thought I'd mention it.
deerefun
Have you got the top of the page set to Use Only Custom or Use Default & Custom? I think it should be set to Use Only Custom
Hope this helps
Steve
KennyE
Hi. Here's the code with the big black box removed. I changed the text to Black (#000000) so it will show up on a white background. Not sure what BG you were using.

CODE
<style> .toplinks3 {font-family:arial; font-weight:bold; font-size:13px; text-decoration:none; color:#000000; line-height:15px;} .logo {font-family:arial; font-weight:none; font-size:25px; text-decoration:none; color:#FFFFFF; line-height:28px;} </style>
</td></tr> <tr> <td align="right" bgcolor="#990000"> <table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td align="right" class="toplinks3"><a class="toplinks3" href="index.asp">Home</a>  |  <a class="toplinks3" href="index.asp?PAGEACTION=COMPANY">Company Info</a>  |  <a class="toplinks3" href="index.asp?PageAction=Custom&amp;ID=2">FAQ/Help</a>  |  <a class="toplinks3" href="index.asp?PAGEACTION=CONTACTUS">Contact Us</a>  |  <a class="toplinks3" href="index.asp?PageAction=LOGIN">Customer Login</a>  |  <a class="toplinks3" href="index.asp?PageAction=CARTDETAILS&amp;Page=1">View Cart</a>  </td> </tr> </table> </td> </tr></table>


Be sure you copy and paste your original code into an editor before trying this code.
kingsbodyjewelry
Hey guys,
Wow thanks so much for the help. Yeah when I put in KennyE's html it worked perfect, thanks so much Kenny. Again, thank you guys so much, I apppreciate it!!!
Chris
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.