HTML Editing Problem

  • 2
  • Question
  • Updated 8 years ago
  • Answered
<style type="text/css"> .contentplace
{ background-color:rgb(123,166,204);color:#ffffff; }
.contentplace p {
margin: 0 10px
0 10px; }
.topplace{ background: url(http://www.palatinepublications.co.cc/resources/Corners/3NWmIPI-1.png)
no-repeat top right;
} .bottomplace {
background: url(http://www.palatinepublications.co.cc/resources/Corners/t2R2SHp-2.png) no-repeat
top right; }
img.placeborder { width:
20px; height: 20px;border:
none;display: block !important;
}</style> <div class="contentplace"><div
style="text-align: center;"> </div><div
style="text-align: center;" class="topplace">
<img src="http://www.palatinepublications.co.cc/resources/Corners/lsWdaMp-0.png" alt=""
class="placeborder" style="display: none;"
width="20" height="20"><font style="text-decoration:
underline;" size="5"><span style="font-weight:
bold;">TO</span></font><font style="text-decoration: underline;"
size="5"><span style="font-weight: bold;">OLB</span></font><font
style="text-decoration: underline;" size="5"><span
style="font-weight: bold;">O</span></font><font style="text-decoration:
underline;" size="5"><span style="font-weight:
bold;">X</span></font><img style="float: right;
font-weight: bold; width:
37px; height: 37px;"
src="http://www.palatinepublications.co.cc/resources/Icons/Tools.png" alt=""></div> <div
class="bottomplace"> </div><div style="font-weight:
bold;" class="bottomplace"> </div><div
style="font-weight: bold;" class="bottomplace">
<img src="http://www.palatinepublications.co.cc/resources/Corners/FE1wK3L-3.png" alt=""
class="placeborder" style="margin: 4px;
padding: 0px; display:
none; width: 20px;
height: 20px; float:
none;"> </div> </div></p>

2 Questions:

How do I make the background of the text box the same colour as the rounded corners?
And why on the left hand bottom corner does the background seem to run and how do I fix this?

Thanks everyone.
Photo of James

James

  • 35 Posts
  • 2 Reply Likes
  • frustrated

Posted 8 years ago

  • 2
Photo of James

James

  • 35 Posts
  • 2 Reply Likes
My site is palatinepublications.co.cc

Come one someone!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello James

I apologize that you had to wait for awhile. I will take a look at your code and get back to you later on this evening. Thanks for your patience.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello James

I have been able to ascertain the issue with the code.

Locate this line of code:
<img src="http://www.palatinepublications.co.cc...; alt="" class="placeborder" style="margin: 4px; padding: 0px; display: none; width: 20px; height: 20px; float: none;">

Change your margin: 4px to 0px. This should fix that line issue that you see.

As for changing the background color, try this rgb code:
rgb(80, 154, 215)

Please let me know if you have any trouble with this.
Photo of James

James

  • 35 Posts
  • 2 Reply Likes
Thanks, works perfectly!
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
James
your menu does work
looks like a HV Menu v5.5
If it is you have to use JavaScript to make it work. You will also need Yola pro

papa
Photo of James

James

  • 35 Posts
  • 2 Reply Likes
I built my top menu with the Coffee Cup DHTML Menu Builder, and you don't need to be pro for that to work.
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
wow

This menu look very much like this one from http://www.dynamicdrive.com/dynamicin... author by Ger Versluis
I used them on my site (http://www.shoppealots.com) and when you do a page view and look at the coding they are pretty much alike.
I tried using the code like you have do and didn't work for me. After I loaded the way the author instructed to do it did work. It'll be interseting to see how it works it your site as it did not work in my except threw js and threw file manger. I'll have to look at your coffee cup I never heard of them. can you tell me where their site url is.

Thanks Papa