HTML Text Box Background

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hi,

I'm having a problem with my site. The content on the left hand side (the toolbox bit) I want to be in a very light shade of grey. I have partly got it working with the following code:
<!-- <1<div style="background-color: rgb(200, 200, 200);">
<p><span style="font-weight: bold;"><font style="font-weight: bold;" size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;"></span></span></font></span><span style="font-weight: bold;"><font style="font-weight: bold;" size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;"></span></span></font></span><span style="font-weight: bold;"><font style="font-weight: bold;" size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;"><img style="margin: 4px; padding: 0px; float: left; width: 28px; height: 28px;" src="resources/Icons/Search.png?timestamp=1263642084528"></span></span></font></span> <span style="font-weight: bold;"><font size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;">S</span></span></font></span><span style="font-weight: bold;"><font style="font-weight: bold;" size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;"></span></span></font></span><span style="font-weight: bold;"><font size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;">earch for F</span></span><span style="text-decoration: underline; font-weight: bold;"><span style="font-family: Verdana;"></span></span><span style="text-decoration: underline;"><span style="font-family: Verdana;">ree Sheet M</span></span></font><font style="font-weight: bold;" size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;"></span></span></font><font size="2"><span style="text-decoration: underline;"><span style="font-family: Verdana;">usic:</span></span></font></span><span style="font-weight: bold;"><span style="text-decoration: underline;"><span style="font-family: Verdana;"></span></span></span></p>
<div style="text-align: left;" class="bl"><div class="br"><div class="tl"><div class="tr"><div class="t"><div class="bl"><div class="br"><div class="tl"><div class="tr"></div></div></div></div></div></div></div></div></div></div> -->

However, the background seems to not work when placed in a text box with an image in it. It only works if i move the text downwards but i want it to stay at the top of the text box.

My site is:

www.palatinepublications.co.cc

Thanks in advance,

James
Photo of James

James

  • 35 Posts
  • 2 Reply Likes
  • confused

Posted 8 years ago

  • 1
Photo of Kershnee

Kershnee

  • 2087 Posts
  • 152 Reply Likes
Hi James,

I have corrected the code for you, try this:

<div style="height:30px;background-color: rgb(200, 200, 200);"><img style="margin: 4px; padding: 0px; float: left; width: 28px; height: 28px;" src="resources/Icons/Search.png?timestamp=1263642084528"><span style="text-decoration: underline;"><span style="font-family: Verdana;">Search for Free Sheet Music:</span></span>
</div>