Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by hknight

  1. I am trying to use my background however it does not look correct!Please look here:http://d9qjx79zqpo3.googlepages.com/fancyh2.html
  2. I want to place a styled box with rounded corners around text in a heading. The problem is that the the heading may have one, two or three lines and I can't seem to get my box to adjust.Here is my code:I appreciate any help you can provide! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Title</title><style type="text/css" media="all">.specialHeader { background: #F4F1F1 url(http://d9qjx79zqpo3.googlepages.com/specialHeadingA.gif) no-repeat scroll 0 0; padding: 1px 0 0 0;}.specialHeader h2 { display: block; margin: 10px 0 0 0; padding: 0 0 0 10px; background: transparent url(http://d9qjx79zqpo3.googlepages.com/specialHeadingA.gif) no-repeat scroll 0 100%;}.specialHeader span { display: block; margin: 0; width: 100%; padding: 1px; background: transparent url(http://d9qjx79zqpo3.googlepages.com/specialHeadingB.gif) no-repeat scroll 100% 0;}.specialHeader em { text-transform: uppercase; display: block; text-style: normal; margin: 10px 0 0 10px; padding: 0; font-size: 18px; font-family: 'Trebuchet MS', Tahoma, sans-serif; color: #98002E; font-weight: 300; background: transparent url(http://d9qjx79zqpo3.googlepages.com/specialHeadingB.gif) no-repeat scroll 100% 100%;}</style></head><body><div class="specialHeader"><h2><span><em>Hello World</em></span></h2></div><div style="margin: 50px; width: 600px;"> <div class="specialHeader"><h2><span><em>Two<br />Lines</em></span></h2></div></div><div style="margin: 50px; width: 300px;"> <div class="specialHeader"><h2><span><em>This Has<br />Three<br />Lines</em></span></h2></div></div></body></html>
  3. Sometimes characters like £ and ® are not displayed correctly if there is a mismatch between the character encoding used to save a file and the character encoding the server sends in the headers to a browser.For example, sometimes a graphic designer sends me the design and content for a website in photoshop or some other format. I code the website based on their specifications in valid HTML or XHTML. I save the html code using UTF-8 encoding or ANSI or whatever other format they specify and then I delver the code to them. If they upload the files I send to a server uses a different encoding (sent to the browser in the headers) then the encoding I saved the file in, extra boxes, question marks or symbols like  are displayed.I realize that the problem could be solved if the server was properly configured however these settings are out of my control after I deliver files to my client and ultimately they usually end up blaming me even though the problem is caused by their server.If I make sure that all non alphanumeric characters are converted into HTML entities could this problem be completely avoided?I could use the PHP function htmlentities () to help me before delivering the HTML files to my clients.
  • Create New...