Background image show colspan="1" rowspan ="1" align="right valign ='midd

My APEX version 4.0.2
Oracle Version 11g
1. I created Background Image for Text Box .
2. I gave Code in HTML CELL ATTRIBUTES
    as below
                 <span style="width:533px; height:59px;background-image:url('/i/images/mypicture.png');"></span>
3. PRE ELEMENT TEXT i gave the below code
                 <span style="padding:120px;"></span>
    Images are showing but getting the below code on images how to suppress the below code
                colspan="1" rowspan ="1" align="right valign ='middle'{code}
Can anyone help me to fix this
thanks and regards

A wrote:
My APEX version 4.0.2
Oracle Version 11gPlease edit your post and only use {noformat}{noformat}tags on actual code.
1. I created Background Image for Text Box .
2. I gave Code in HTML CELL ATTRIBUTES
as below
<span style="width:533px; height:59px;background-image:url('/i/images/mypicture.png');"></span>
APEX generates the <tt>span</tt> element for report cell contents when HTML Cell Attributes are specified. Remove them from your code:style="width: 533px; height: 59px; background-image: url(/i/images/mypicture.png);"
Also, quotes are unneccessary in CSS URLs.
3. PRE ELEMENT TEXT i gave the below code
<span style="padding:120px;"></span>
This is applying padding to an empty <tt>span</tt>. The property is better applied somewhere else. What exactly are you trying to achieve here?
Images are showing but getting the below code on images how to suppress the below code
colspan="1" rowspan ="1" align="right valign ='middle'
The main cause of this is probably the unnecessary <tt>span</tt> in (2) above, but <tt>align="right valign ='middle'</tt> is a syntax error. Where is this coming from? The <tt>align="right"</tt> needs a terminating double quote.

Similar Messages

Only background image showing up when using DVI - RVA

I'm trying to connect my macbook pro to my TV...I'm using the yellow RVA video cable... When I connect the cables my background image will show up on the TV, but none of my icons will. The image just stays there no matter what I open up on the screen.
Andy suggestions?

Are you using 'Extended Desktop' (sounds like you are) or 'Mirroring' (in which case the same image should show on both screens) ?

Why isn't my background image showing up?

I want to have a background image for my center section. so i made the background that image in my css. but the image won't show up. what am i doing wrong? thanks
http://www.mamacinis.com/

Try this:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
section {
    background: url(http://www.mamacinis.com/images/board.png)center center fixed no-repeat;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size:cover;
    min-height: 900px;
</style>
</head>
<body>
<section> Something here... </section>
</body>
</html>
Nancy O.

When viewing some websites my desktop background image shows as the page background...why...and how do I fix this?

It seems that the current version of Firefox does not understand how to process style sheets. Instead of the stylesheet background color or image, I am now seeing my PC's desktop background image. This does not happen with IE or Chrome. When checking the error console, I get "Warning: Unknown property 'zoom'. Declaration dropped. Source File: http://trustserve.net/themes/ModernBlue/templates_cached/EN/global.css Line: 4"
I am not trying to zoom.
Any ideas on how to fix this. I can't use Firefox with these problems and I really liked it prior to these problems.

I thought I had it disabled. I enabled aero and then disabled to be sure, and still have the problem, but that was a very good idea. Thanks.
The problem started shortly after I installed two new programs, a graphics program, and an anti-virus. I just removed both programs and restarted the computer and that seems to have solved the problem. Your idea about Aero gave me the idea that one, or both of these programs changed some of my system settings. I am now going to install them, one at a time, and see if the transparency problem returns. I'll post my findings.

Page background images show in preview but not after uploading

Hi -
I've built a page with a flash animation, and some other
minimal information below the movie. I have a page background image
that should be repeating horizontally behind everything. When I
preview it, all looks great! After I upload it to the actual site
the background images disappear. The code is all within the page.
Any ideas?

never mind... problem resolved.
my error in not checking my files over. oops.

Why doesn't a body tag background image show up in a browser?

I've set a gif image to repeat as a background in my body tag and I can't get it to preview in a browser. I see the background fine when doing a live view in DW. I've tryed other images and none will preview in a browser. I've tryed to trouble shoot everything I can think of why this is not working and at this point I'm dumb-founded. Any help here would be most appreciated, I'm swamped with work and I really need to get this file off for client approval. Thanks in advance for any response - Vanessa
External CSS
body {
color: #000;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
background: #DAD7C5 url(/_assets/bck.gif) repeat-x left top;
Page's Source Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Forster Sales</title>
<link href="_css/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<meta name="Keywords" content="construction toys, eco-friendly toys, eco-friendly crafts, European toys, European baby products, made in Canada, flat head in babies, canadian sales representatives, Love Nest, Sesame Street, Roary, Nascar, Ben 10, Tamagotchi, Harumika, Disney, kids cookbooks, K'NEX, Bandai, Eebee, PlayMais, Clics, Happy Cube, Babymoov, MOMMA, Bloco, Handstand Kids" />
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<div id="container">
    <div id="logo"></div>
    <div id="header">
      <p><span class="blueBold">Forster Sales</span> provides Canadian retailers with

THANK YOU! !!Yeah, that wasn't the entire code, but your tip to look at the path /assets/ steered me in the right direction.
This is what I originally had:
background: #FCFCFB url( /_assets/bck.gif) repeat-x left top;
when I added the two decimals the problem was fixed
background: #FCFCFB url(../_assets/bck.gif) repeat-x left top;
Here's the page on my server http://www.forstersales.com/proofs/proof1/index.html
Thanks again!
Vanessa

Background image aligning

Hi,
I'm making a website with a background consisting of 3
seperate images, nest to eachother in a table with 3 columns.. The
middle column contains the content of the site and should always
stay in the middle of the window while the columns on the sides
stretch till the borders of the window.
The background images add up to one picture, starting in the
middle and spreading sideways left and right.
I have a problem with the left background image, this one
should start disappearing from the left to the middle as I resize
the window, but I can't make this work, the image disappears
between column 1 and column 2..
I don't know if this explaination is clear,
if anyone can help me, please let me know
kind regards,
Kristof
Belgium

Your page throws two javascript errors when it loads.
1. The first is listed as line 2, but there is no obvious
error there, so
I'm not quite sure of its source.
2. The second is listed as line 93 -
<td width="380" rowspan="2" align="right"
valign="middle"><script
type="text/javascript">
AC_FL_RunContent( 'codebase',....
which means that you put a Flash element on your page, but
did not upload
the associated javascript file -
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
Make sure you upload that Scripts folder too.
Your use of spaces in your file/pathnames is a serious error
onderdelen pics/homepage/knoppen home/home transport
rollover.jpg
Many browsers will see those spaces and think that they have
come to the end
of the path/filename. Never use any punctuation other than
underscores or
hyphens in your file/pathnames. This usage is making it
difficult for me to
debug the page - I don't suppose you could fix that first?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Kristof KMDG" <[email protected]> wrote in
message
news:f7nkgg$gh8$[email protected]..
> you can view it here
>
>
http://users.telenet.be/lemiegre/test/
>
> don't mind the broken links, the problem is on the left
, next to the main
> window, when resizing the window

Images showing in wrong place in IE put right in Fire fox

Hi,
I have designed a page for my clubs new website - I have probably done this all wrong as I am a complete novice.
I have set tha images to align 'right' but in IE they dont yet do in Firefox
The webpage is
www.thevillagers.co.uk/sponsors.html
I can paste code if it helps
Thanks,
Richard

Sorry Murray,
Where in the code would I enter this:-
<td width="357" height="30" align="left" valign="middle"><strong class="Size14header">Company: Summerleaze</strong></td>
                            <td width="343" rowspan="3" align="right" valign="top"><img src="images/images/sponsors/summerleaze.jpg" width="343" height="100"><
                            </tr>
                          <tr align="left" valign="middle">
                            <td height="30" class="Size14header">Web: <a href="http://www.summerleaze.co.uk/" target="_blank">www.summerleaze.co.uk</a></td>
                            </tr>
                          <tr align="left" valign="middle">
                            <td height="30" class="Size14header"><p>Telephone Nos: 01628 630444</p></td>
                            </tr>
                          <tr>
                            <td height="190" colspan="2" align="left" valign="top"><span class="penpics">Founded in 1928, Summerleaze is a privately-owned company, whose origins are in the field of mineral extraction. The company has diversified substantially since then, into fields such as wastes management and renewable energy.
                              </p>
                              </span>
                              <p class="penpics">Operating as a small, dedicated team, we aim to innovate to make the most of under-valued resources. We back ideas that we believe have a strong future on the basis of long-term fundamentals, regardless of, and often contrary to perceived wisdom or fashion.</p>
                              <h1 class="penpics">“Investing to Build a Better Future”</h1>
                              <p> </p>
                              ----------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------ ---</td>
Sorry I have had a look and can't see it.

Pages created from Template not showing background images

I have created a templated and everything looks great, except when I go to create a page using the template. When I start a new page the backbround images are not there. Can anyone help?
Thanks
Jessica

www.HSHpet.net is my website
I didn;t know about templates when I started and now I want to create one to streamline my site and make it easier to manange. So right now each pageis copy and pasted.
Here is the code from my dwt file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Pet Sitting, Dog Walking, Dog Boarding, Cat Sitting, Dog Training, Yorkville, Oswego, Montgomery, Plano, Sandwich, Aurora, Plainfield, Aurora. " />
<title>Home Sweet Home pet services | Pet Sitting | Cat Sitting | Dog Walking | Pet Boarding | Dog Training</title>
<style type="text/css">
.background {
          background-image: url(../378.gif);
          padding: 0px;
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-weight: bold;
.table backgroun {
          background-image: url(../336.gif);
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 14pt;
tr td .background1 {
          background-color: #FFF;
          font-family: Georgia, "Times New Roman", Times, serif;
          background-image: none;
          border-top-style: solid;
          border-right-style: solid;
          border-bottom-style: solid;
          border-left-style: solid;
          font-size: 14pt;
          font-weight: normal;
          text-align: left;
blue column {
          background-color: #09F;
          font-family: "Bradley Hand ITC";
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #FFF;
          background-image: url(../435.gif);
.background1 {
          background-image: url(../378.gif);
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          padding: 0px;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 14pt;
          border-top-style: inset;
          border-right-style: inset;
          border-bottom-style: inset;
          border-left-style: inset;
.background1 .background1 td .background tr td ul li {
          text-align: left;
.background11 {
          background-image: url(../378.gif);
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          padding: 0px;
          font-family: Georgia, "Times New Roman", Times, serif;
          font-size: 14pt;
          border-top-style: inset;
          border-right-style: inset;
          border-bottom-style: inset;
          border-left-style: inset;
</style>
<script type="text/javascript">
function MM_validateForm() { //v4.0
if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-18640274-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>
<table width="85%" border="5" align="center" cellpadding="5" class="background1">
<tr align="center" valign="middle" class="table">
    <td colspan="2" class="table"><img src="../HSHLogo_White.png" width="350" height="125" alt="Home Sweet Home logo" longdesc="http://www.HSHpet.net" /></td>
</tr>
<tr>
    <td colspan="2" align="center"><table width="90%" border="4" align="center" class="background">
      <tr align="center" valign="middle">
        <td><img src="../dog.jpg" width="150" height="150" alt="golden retriever" /></td>
        <td><img src="../fish.jpg" width="150" height="150" alt="fish in bowl" /></td>
        <td><img src="../cat.jpg" width="150" height="150" alt="DSH tabby" /></td>
        <td><img src="../bird.jpg" width="150" height="150" alt="peach faced love birds" /></td>
        <td><img src="../bunny.jpg" width="150" height="150" alt="bunny" /></td>
        <td><img src="../lizzard.jpg" width="150" height="150" alt="lizzard" /></td>
        <td><img src="../cat&dog.jpg" width="150" height="150" alt="puppy & kitten" /></td>
      </tr>
      <tr align="center" valign="bottom">
        <td colspan="7"><div align="center">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="../index.html" class="MenuBarHorizontal">Home</a> </li>
            <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
              <ul>
                <li><a href="../aboutus.html">About Us</a></li>
                <li><a href="../teammembers.html">Team Members</a></li>
                <li><a href="../15questions.html">15 Questions</a></li>
                <li><a href="../happytails.html">Happy Tails</a></li>
              </ul>
            </li>
            <li><a class="MenuBarItemSubmenu" href="../petsitting.html">Services</a>
              <ul>
                <li><a href="#">Pet Sitting</a>                  </li>
                <li><a href="../k9cleanup.html">K9 Cleanup</a></li>
                <li><a href="../overnightcare.html">Home Boarding</a></li>
                <li><a href="training.htm">Training</a></li>
              </ul>
            </li>
            <li><a href="#" class="MenuBarItemSubmenu">FAQ's & Policies</a>
              <ul>
                <li><a href="../FAQ_PetSitting.html">Pet Sitting</a></li>
                <li><a href="../FAQ_K9Cleanup.html">K9 Cleanup</a></li>
                <li><a href="../FAQ_Boarding.html">Home Boarding</a></li>
                <li><a href="#">Training</a></li>
              </ul>
            </li>
<li><a href="../NewsLinks.html">News & Links</a></li>
            <li><a href="../CPR.html">Pet CPR</a></li>
            <li><a href="../employment.html">Employment</a></li>
            <li><a href="../contactus.html">Contact Us</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Schedule Service</a>
              <ul>
                <li><a href="https://www.powerpetsitter.net/login.aspx?bid=584">Existing Clients</a></li>
                <li><a href="https://www.powerpetsitter.net/client/check_zipcode.aspx?id=584">New Clients</a></li>
              </ul>
            </li>
          </ul>
        </div></td>
        </tr>
    </table></td>
</tr>
<tr valign="top" class="background1">
    <td class="background"><table width="100%" border="0" class="background1">
      <tr class="background1">
        <td align="center" valign="top"><p class="title">Tips for Conducting a Professional Pet Sitter Interview</p></td>
      </tr>
      <tr>
        <td align="center" valign="top">
          <p align="left">Pet Sitters International (also known as PSI) was founded in 1994 as the first international association for professional pet sitters.             The mission of Pet Sitters International is to foster excellence and continuous learning in the pet-sitting profession by providing the best education and tools of the trade. We are very proud of our PSI membership.        </p>
        </td>
      </tr>
      <tr>
        <td align="center" valign="top"><table width="90%" border="0" align="center" class="background1">
          <tr align="center" valign="middle">
            <td><br/>                <a href="https://www.facebook.com/pages/Home-Sweet-Home-pet-sitting/107491737744" target="_top" title="Home Sweet Home pet sitting"><img src="https://badge.facebook.com/badge/107491737744.2549.1193722049.png" alt="facebook" width="120" height="65" align="absmiddle" style="border: 0px;" /></a></td>
            <td><a href="http://www.addthis.com/bookmark.php?v=250&pub=autiger811" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Bookmark and Share" width="83" height="16" align="absmiddle" style="border:0"/></a>                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=autiger811"></script></td>
            <td><a href="http://www.addthis.com/bookmark.php?v=250&pub=autiger811" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" alt="Bookmark and Share" width="125" height="16" align="absmiddle" style="border:0"/></a></td>
            <td><table width="170" border="0" cellspacing="0" cellpadding="0">
              <tr bgcolor="#000000" valign="top">
                <td width="9" rowspan="2"><img src="http://img.constantcontact.com/ui/images/visitor/tl_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                <td width="152" height="1" align="center" bgcolor="#000000"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                <td width="9" rowspan="2" align="right"><img src="http://img.constantcontact.com/ui/images/visitor/tr_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                </tr>
              <tr>
                <td width="152" height="8" bgcolor="#ffffff"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                </tr>
              <tr>
                <td width="170" colspan="3" align="center" style="border-left: 1px solid #000000;border-right: 1px solid #000000;"><div align="center">
                  <form action="http://visitor.constantcontact.com/d.jsp" method="post" name="ccoptin" target="_blank" id="ccoptin" style="margin-bottom:3;">
<font style="font-weight: bold; font-family:Georgia; font-size:13px; color:#000000;">Join Our Newsletter</font><br />
                    <font style="font-weight: normal; font-family:Arial; font-size:10px; color:#000000;">Email:</font>
                    <input type="text" name="ea" size="14" value="" style="font-family: Arial; font-size:10px; border:1px solid #999999;" />
                    <input type="submit" name="go" value="Join" class="submit" style="font-family:Arial,Helvetica,sans-serif; font-size:11px;" />
                    <input type="hidden" name="m" value="1102843860723" />
                    <input type="hidden" name="p" value="oi" />
                    </form>
                  </div></td>
                </tr>
              <tr bgcolor="#000000" valign="bottom">
                <td rowspan="2"><img src="http://img.constantcontact.com/ui/images/visitor/bl_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                <td width="152" height="8" align="center" bgcolor="#ffffff"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                <td rowspan="2" align="right"><img src="http://img.constantcontact.com/ui/images/visitor/br_brdr2_trans.gif" alt="" width="9" height="9" border="0" /></td>
                </tr>
              <tr>
                <td width="152" bgcolor="#000000"><img src="http://img.constantcontact.com/ui/images/spacer.gif" alt="" width="1" height="1" border="0" /></td>
                </tr>
              </table></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
    <td align="center"><table width="90%" border="1" class="background">
      <tr>
        <td align="center" valign="top" bgcolor="#00AEEF"><p style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold;">Give us a call:</p>
          <p><a href="http://www.ringcentral.com" target="Callback_RingMe" onclick='var wind = window; var winop = wind.open; winop("http://www.ringcentral.com/ringme/?uc=F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,&s=no &v=2", "Callback_RingMe", "resizable=no,width=380,height=360"); return false;'><img border="0" src="http://www.ringcentral.com/ringme/F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,/1/ringme _6.gif" alt="virtual office phone" /></a></p></td>
      </tr>
      <tr>
        <td align="center" valign="top" bgcolor="#00AEEF"><p style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold;">Send us a message:</p>
          <form id="form1" name="form1" method="post" action="../formtoemailpro.php">
            <p>Your Name: </p>
            <p>
              <input name="Name" type="text" id="Name" onblur="MM_validateForm('Name','','R');return document.MM_returnValue" />
            </p>
            <p>Your Phone #:</p>
            <p>
              <input name="phone" type="text" id="phone" onblur="MM_validateForm('phone','','RisNum');return document.MM_returnValue" />
            </p>
            <p>Your Email Address:</p>
            <p>
              <input name="email" type="text" id="email" onblur="MM_validateForm('email','','RisEmail');MM_validateForm('email','','RisEmail');ret urn document.MM_returnValue" />
            </p>
            <p>I'm interested in:</p>
            <p>
              <select name="services" id="services">
                <option value="mid-day care" selected="selected">Mid-day Dog Walks</option>
                <option value="K9 cleanup">K9 Clean up</option>
                <option value="vacation care">Vacation Care</option>
                <option value="cat care">Cat & Small Animal Care</option>
                <option value="Overnights">Overnight Care (my home)</option>
                <option value="Pet Boarding">Overnight Care (pet sitter's home)</option>
                <option value="Walk & Trains">Walk & Trains</option>
                <option value="other">Other</option>
              </select>
            </p>
            <p>Comments:</p>
            <p>
              <textarea name="comments" id="comments" cols="25" rows="5"></textarea>
            </p>
            <p>
            <img id="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image"><br><a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false">Reload Image</a><br />
            Verify code: <input type="text" name="captcha_code" size="10" maxlength="6">
            </p>
            <p>
              <input type="submit" name="Submit" id="Submit" value="Submit" />
              <input type="reset" name="reset" id="reset" value="Reset" />
            </p>
          </form>
          <p> </p></td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#00AEEF"><p> <span class="center" style="font-family: 'Bradley Hand ITC'; font-size: 18pt; font-weight: bold; text-align: center;">Pet Care Services</span></p>
          <ul>
            <li>Dog Walking, Dog Boarding </li>
            <li>Pet Waste Removal Services</li>
            <li>Bird & Reptile Care </li>
            <li>Walk & Trains</li>
            <li>Cat Sitting</li>
            <li>Small Animal Care</li>
            <li>In Home Overnight Care </li>
            <li>Flexible and Custom Care </li>
            <li>Medications & Injectables</li>
            <li>Dog Training </li>
            <li>Puppies and Older Pets </li>
            <li>Handicapped Pets</li>
          </ul>
          <p style="font-size: 14pt; text-align: center; font-weight: normal;"> </p>
          <p style="font-size: 11pt; text-align: center; font-weight: normal;">For your convinience we accept:</p>
          <p style="font-size: 14pt; text-align: center; font-weight: normal;"><img src="../visa_mastercard.jpg" alt="visa/mastecard" width="100" height="50" /></p></td>
      </tr>
    </table></td>
</tr>
<tr>
    <td colspan="2" align="center" valign="middle"><span class="background2">© 2007-2015 Home Sweet Home pet services</span></td>
</tr>
</table>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Cell background image problem

Please tell me exactly how to add only one background gif to
a cell. I have
told it "no repeat" but it does just that. See:
http://www.pskewedp.info/content.htm
Thank you, Eleanor
Eleanor T. Culling
Leavenworth, WA
European Alps Photos
http://www.eleanorstravels.com/photoblog-issue19.htm

Thank you so very much! Please watch this thread, I'll
probably need a bit
more help. I have 3-4 images I need to use this way, as table
or cell
backgrounds. Will I have
#cellBg2 and 3 and 4?
Eleanor T. Culling
Leavenworth, WA
European Alps Photos
http://www.eleanorstravels.com/photoblog-issue19.htm
"Osgood" <[email protected]> wrote in
message
news:[email protected]...
> E. T. Culling wrote:
>
>> Please, what do you mean by this:
>> "Refer deesadler's reply in this thread." I don't
see that.
>>
>
> Hi Eleanor,
>
> You need to use some css to apply the background image
to the cell. The
> complete page code you need is beneath these
instructions, just in case
> you have trouble in implementing the changes.
>
> The css is below (add it to the css styles which already
exist in the head
> section of your page)
>
> #cellBg {
> background-image:
url(Graphics/Content-box-top-775.gif);"
> background-repeat: no-repeat;
> }
>
> Then you need the add the id 'cellBg' to the cell as
below and remove
> 'background="Graphics/Content-box-top-775.gif'
>
> Like this:
>
>
> <td id="cellBg" width="774" height="201"
valign="top">
>
>
> Here is the complete revised page:
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="1000" border="0" cellspacing="0"
cellpadding="10">
> <tr>
> <th width="1019" bgcolor="#f8f8dc"
scope="row"><table width="1000"
> border="0" cellspacing="0" cellpadding="0">
> <tr>
>
> <th colspan="2" scope="row"><img
src="Graphics/content header.jpg"
> alt="Content Page" width="995" height="87"
/></th>
> </tr>
> <tr>
> <th width="226" rowspan="3" align="left" valign="top"
> scope="row">Navigation</th>
> <td id="cellBg" width="774" height="201"
valign="top"><center>
> </center> </td>
> </tr>
>
> <tr>
>
> <td valign="top"><center>
> Footer
> </center> </td>
> </tr>
>
> </table></th>
> </tr>
> </table>
> </body>
> </html>
>
>

Spry Menu Background image not working in IE

I have created a website using Dreamweaver CS5 and having trouble with my Spry bar in internet explorer. It looks great in chrome, firefox, etc, but in IE there is a white background instead of my background image and the submenus have moved WAY right.. can someone help me!
SpryMenuBarHorizontal.CSS is below:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 800px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 160px;
float: left;
background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
ul.MenuBarHorizontal li a{
color:#FFF;
ul.MenuBarHorizontal li li{
background-image: url(../images/menu_background1.jpg);
ul.MenuBarHorizontal li li a{
color:#000;
ul.MenuBarHorizontal li li li{
background-image: url(file:///E|/MAIN_website/images/index_06.jpg);
ul.MenuBarHorizontal li li li a{
color:#FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
color:#33CCFF;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 160px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-decoration: none;
font-family: Cambria, Arial, sans-serif;
font-size: 14px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
text-decoration: underline;
/* [disabled]background-image: url(file:///E|/MAIN_website/images/menu_background.jpg); */
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Because I can't see your site and code in context, I will make a guess that this style is throwing off your alignment:
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 160px;
float: left;
background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
Remove the text-align:center; from the above style.
Instead of centering your list element (li), center the link text (a) itself:
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-align: center;
text-decoration: none;
font-family: Cambria, Arial, sans-serif;
font-size: 14px;
If you don't want the submenu text to be centered, do this immediately after the previous style:
ul.MenuBarHorizontal ul a {text-align: left;}
The sub-submenus are also set up by default to be jogged a bit to the right. You can adjust this style:
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
that causes sub-submenus to fly out to the right of the submenus to which they attach.
Submenus themselves (not the sub-submenus) should fall directly under the top menu item by default, once you remove the text-align: center; on the li item (above).
Beth

Problems with the background image in IE

Hi I've been optimizing some pages for the different browsers in Dreamweaver CS4. They all work fine in Safari, Firefox and Opera, Internet Explorer is, however not showing the background image I have selected. I can't for the life of me see what's going wrong! Any help wopuld be appreciated. here is the code on my index page which I built from a template. I don't know if it's the editable areas that are going wrong!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>test site</title>

<link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>

<meta name="Description" content="facedivorce.com.com is an online resource tool to help guide you through the various stages of divorce. Simply click on before, during or after divorce to find everything you could ever need to do with divorce.
" />
</head><meta name="keywords" content="test
" />

<body class="oneColFixCtrHdr">
<div id="container">
<div class="oneColFixCtrHdr" id="header">
    <table width="740" border="0" align="center">
      <tr>
        <td border="0" height="38" ></td>
        <td align="right" valign="bottom">
          <p class="TextButtons"><a href="index.html" class="TextButtons">Home</a>   <a href="featuredcompany.html" class="TextButtons">Featured Company</a>   <a href="youngpeople.html" class="TextButtons">Young People</a>    <a href="andmore.html" class="TextButtons">And More</a>    <a href="blog/index.html" class="TextButtons">Blog</a></p>
        </td>
      </tr>
      <tr>
        <th height="48" align="left" valign="bottom">
<h1><a href="index.html" title="test"><img src="images/test_logo.png" alt="test" width="245" height="46" border="0" align="left" /></a></h1>
</th>
        <td align="right" valign="bottom"><a href="#"><img src="images/facebook-logo.png" alt="FaceBook Button" width="48" height="48" border="0" align="bottom" /></a> <a href="#"><img src="images/twitter_square.png" alt="Twitter Button" width="48" height="48" border="0" align="bottom" /></a><a href="#"><img src="images/blogbutton.png" alt="Blog Button" width="49" height="47" border="0" align="bottom" /></a>    </td>
      </tr>
    </table>
    

Hi
The fact you are using a Mac is why both myself and JCellini assumed you where using a pre IE7 version.
But the code you are using to test in IE will cause a problem with any 'virtual machine' such as crossover, because it cannot reference anything outside its own assigned section of the drive, and referencing the png in the way you are would be for it an invalid reference, it also would not work in any browser when you uploaded the site.
Change - background-image:url(file:///Macintosh HD/Users/myname/Documents/websites/test/Test/images/test_back.png);
To - background-image:url(images/test_back.png);
But if the region is not editable I would suggest you temporarily make it so, externalize your css to a css file, insert a link to the external css file in your head content, then lock the region once again. This way you will always be able to edit your css without worrying about 'locked regions'.
PZ
www.pziecina.com

Background image not displaying

I'm developing pages that will each have a different background image. i've defined a div with the bg image in it and put that div in the code, but the bg image doesn't show up. i've also tried adding a bg color to the div and that doesn't show up either, so i'm sure it's not a path or file name issue. css & code below.
@import url("./whitespace-reset.css");
@charset "UTF-8";
body {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
#container {
    width: 761px; /* the auto margins (in conjunction with a width) center the page */
    border: 0;
    text-align: left; /* this overrides the text-align: center on the body element. */
    height: 871px;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
#header {
    height: 148px;
    width: 761px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
#leftside {
    width: 158px;
    float: left;
    margin-top: -38px;
    padding: 0px 0px 0px 0px;
#leftside .menu img {
    display: block;
    margin: 0;
#leftside ul.menu {
    padding: 0px 0px 0px 0px;
    font-style: none;
    margin: 0;
#leftside ul.menu li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
#leftspacer {
    width: 31px;
    float: left;
    height: 723px;
    margin-top: -38px;
    padding-right: 10px;
    background-image: url(images/home_spacer_left.jpg);
    background-repeat: no-repeat;
#top {
    margin-top: 0px;
    height: 38px;
    padding: 0px 0px 0px 0px;
#top ul.menu {
    margin-top: 0px;
    margin-left: 189px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    list-style: none;
#top ul.menu li {
    display: inline;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
#bottom {
    height: 22px;
    left: 468px;
#bottom ul.menu {
    margin-top: 300px;
    margin-right: -23px;
    float: left;
    margin-left: -61px;
    list-style: none;
#bottom ul.menu li {
    display: inline;
    list-style: none;
    float: left;
#mainContent {
    margin: 0px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    padding: 0 0 0 0;
#facilitiesContent {
    background: #990000 url(images/facilities_bg.jpg) repeat;
    padding: 0;
    height: 208px;
    margin: 0;
    width: 573px;
#footer {
    padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#c0b7b2;
    height: 22px;
#threepix {
    margin-left: 189px;
    margin-right: 0px;
    height: 114px;
#col1 {
    position: relative;
#col1-a {
    position: absolute;
    width: 275px;
    right: 0px;
    top: 0px;
#col1-b {
    position: absolute;
    right: 0px;
    width: 275px;
    top: 0px;
#pixcopyleft {
    margin-left: 189px;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
#pixcopyright {
    font-size: 1em;
    margin-left: 189px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
#footer ul.menu {
    margin-left: 189px;
    margin-right: 0px;
    margin-top: -22px;
    padding: 0px 0px 0px 0px;
    float: left;
#footer ul.menu li {
    display: inline;
    list-style: none;
    padding: 0px 0px 0px 0px;
    float: left;
#footer p {
    margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    padding: 10 0;
img.imageleft {
    float: left;
    margin-left: 0px;
    padding: 5px 5px 5px 5px;
img.imageright {
    float: right;
    padding: 5px 0px 5px 5px;
    text-align: right;
.imagecenter {
    text-align: center;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 0px;
    padding: 5px 5px 5px 5px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 3px;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Core PIlates Studio </title>
<link href="core.css" rel="stylesheet" type="text/css" />
<body bgcolor="#c0b7b2" onload="MM_preloadImages('images/nav_main_ourteam_roll.jpg')">

<script type="text/javascript">

</script>
<meta name="description" content="Core Pilates Studio is a classical, fully equipped pilates and Gyrotonic studio convenienly located near Vassar College in Poughkepsie, NY. We offer classical pilates, Gyrotonic and Gyrokinesis in private, semi-private and group sessions." />
<meta name="keywords" content="core pilates studio, pilates, core, gyrotonic, gryokinesis, joeseph pilates, pilates in poughkeepsie, pilates in ny, pilates in new york" />
</head>
<body onload="MM_preloadImages('images/nav_main_home_roll.jpg','images/nav_main_programs_roll.j pg','images/nav_main_schedule_roll.jpg','images/nav_main_rates_roll.jpg','images/nav_main_ ourteam_roll.jpg','images/nav_main_contactus_roll.jpg')">
<div id="container">
   <div id="header">
    <img src="images/home_header.jpg" align="left" /><a href="index.html"><img src="images/home_logo_core.jpg"></a>
</div>
<div id ="top">
<ul class="menu">
      <li><a href="facilities.html"><img src="images/subnav_studio_facilities_down.jpg" class="menu"></a></li>
       <li><a href="rates.html"><img src="images/subnav_studio_rates_up.jpg" class="menu"></a></li>
       <li><a href="hours.html"><img src="images/subnav_studio_hours_up.jpg" class="menu"></a></li>
       <li><a href="policies.html"><img src="images/subnav_studio_polocies_up.jpg" class="menu"></a></li>
       <li><a href="directions.html"><img src="images/subnav_studio_directions_up.jpg" class="menu"></a></li>
       <li><a href="contact-us.html"><img src="images/subnav_studio_contactus_up.jpg" class="menu"></a></li>
       <li><img src="images/subnav_studio_back.jpg" class="menu"></li>
</ul>
</div>
<div id="leftside">
<ul class="menu">
      <li><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav_main_home_roll.jpg',1)"><img src="images/nav_main_home_up.jpg" name="home" width="158" height="39" border="0" id="home" /></a></li>
      <li><a href="programs.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('programs','','images/nav_main_programs_roll.jpg',1)"><img src="images/nav_main_programs_up.jpg" name="programs" width="158" height="39" border="0" id="programs" /></a></li>
      <li><a href="the-studio.html"><img src="images/nav_main_thestudio_down.jpg"></a></li>
      <li><a href="schedule.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('schedule','','images/nav_main_schedule_roll.jpg',1)"><img src="images/nav_main_schedule_up.jpg" name="schedule" width="158" height="39" border="0" id="schedule" /></a></li>
      <li><a href="rates.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('rates','','images/nav_main_rates_roll.jpg',1)"><img src="images/nav_main_rates_up.jpg" name="rates" width="158" height="39" border="0" id="rates" /></a></li>
      <li><a href="contact-us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact us','','images/nav_main_contactus_roll.jpg',1)"><img src="images/nav_main_contactus_up.jpg" name="contact us" width="158" height="39" border="0" id="contact us" /></a><a href="our-team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('our team','','images/nav_main_ourteam_roll.jpg',1)"><img src="images/nav_main_ourteam_up.jpg" name="our team" width="158" height="39" border="0" id="our team" /></a></li>
      <li><img src="images/nav_main_space_below.jpg" /></li>
      <li><a href="mailto:[email protected]"><img src="images/home_email.jpg" /></a></li>
      <li><img src="images/home_address.jpg" /></li>
      <li><a href="special-programs.html"><img src="images/home_logo_special.jpg" /></a></li>
   </ul>
</div>
<div id="leftspacer"></div>
<div id="facilitesContent">
<div id="pixcopyright"><img src="images/images/facilaties_page_images_03.jpg" class="imageright">
      <h1 align="right">What is Pilates?</h1>
      <div align="right">Whether you're a world class athlete, a couch potato, recovering from an injury, new to excercising, old, young or in between you can benefit from Pilates.</div></div><br /><br />
    <div id="pixcopyright"><img src="images/images/facilaties_page_images_03.jpg" class="imageright">
    <h1 align="right">What is Pilates?</h1>
       <div align="right">Whether you're a world class athlete, a couch potato, recovering from an injury, new to excercising, old, young or in between you can benefit from Pilates.</div></div><br /><br />
</div>
<br class="clearfloat" />
<div id="footer">
   <ul class="menu">
       <li><img src="images/nav_bottom_left_space.jpg"></a></li>
       <li><a href="index.html"> <img src="images/nav_bottom_home.jpg"></a></li>
       <li><a href="programs.html"> <img src="images/nav_bottom_program.jpg"></a></li>
       <li><a href="the-studio.html"> <img src="images/nav_bottom_thestudio.jpg"></a></li>
       <li><a href="schedule.html"> <img src="images/nav_bottom_schedule.jpg"></a></li>
       <li><a href="rates.html"> <img src="images/nav_bottom_rates.jpg"></a></li>
       <li><a href="our-team.htm"> <img src="images/nav_bottom_ourteam.jpg"></a></li>
       <li><a href="contact-us.html"> <img src="images/nav_bottom_contactus.jpg"></a></li>
   </ul>
</div>
</div>
</body>
</html>

Start by fixing the code errors.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.elixir.biz%2Fcore%2Ffacilitie s.html
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. elixir.biz%2Fcore%2Ffacilities.html
Your document type doesn't match your HTML closing tags. Modify > Page properties > Encoding > choose either HTML or XHTML (transitional) and hit Apply.
Images require an alt attribute for better web accessibility. If you want to skip this for now and add them later, that's OK.
but your code won't validate until you add them to each image.
When you've fixed the code errors, repbulish the page and see if that fixes the problem.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Background Image In Table Cell

I'm not sure what I'm doing wrong or missing here. This is the first time that I'm using an image as a background. I've made a table with a 100% width with 3 colums and 3 rows. The left and right table cells have been merged and the 3 middle rows are at a width of 938 pixels. I have cropped the images correctly. The right column lines up perfectly, but the left column does not line up like it's supposed to with the image. You can take a look at it by going to http://www.wattsconcepts.com/new
Here is the code below if anyone wants to take a look at it. Any help in solving this is greatly appreciated. I am using Dreamweaver CS5.5
Thank you for your time!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Watts Concepts - Kentucky Web Design - Harrodsburg, Kentucky</title>
<style type="text/css">
body {
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          background-color: #000;
          background-image: url();
</style>
</head>
<body>
<table width="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td rowspan="3" align="left" valign="top" background="images/left-index.jpg"> </td>
    <td width="938" align="center" valign="top"><img src="images/logo-index.jpg" width="938" height="172" /></td>
    <td rowspan="3" align="left" valign="top" background="images/right-index.jpg"> </td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/eye-index.jpg" width="938" height="296" alt="Reach Your Audience Today" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/test-index.jpg" width="938" height="197" /></td>
</tr>
</table>
</body>
</html>

Your HTML code should ideally be as follows:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Watts Concepts - Kentucky Web Design - Harrodsburg, Kentucky</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000;
</style>
</head>
<body>
<table width="938px" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td width="938" align="center" valign="top"><img src="images/logo-index.jpg" width="938" height="172" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/eye-index.jpg" width="938" height="296" alt="Reach Your Audience Today" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/test-index.jpg" width="938" height="197" /></td>
</tr>
</table>
</body>
</html>
Also, you don't need 3 columns for this website. 1 column and 3 rows should do. Also, never use 100% for <table> width. It's bad practice as you're making your site fluid which will render your site to malfunction on some browsers
And you had the entire 3 sections as 1 image as your CSS body background-image. This is bad practice. Crop only what you want for each section, never give the entire merged site as 1 image.
Try the code I've given you above and it should work perfect.
A quick tip: Try learning and using DIV with pure CSS styling instead of tables. Tables are a thing of the past. You could just google it and you have tons of free resources on how to create a site using DIV. Also, there's a beautiful tutorial posted by one of our senior members here: http://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt2.html that explains how to create HTML5 site with Pure CSS styling using DIV tags.
Cheers,
ST

Template loses background image from body

When I open a self created template page (all regions editable) I lose the background image from body. Everything else loads fine.
First time I'm trying the template option.

I made a change to the root folder today when I noticed DK2011 was caps and possibly not prooper protocol so I created a new folder which was captured in previous post now known as dksite.
Here is another pic with my root folder and you can see templates and images open with the background image showing which is the_voice_mansiongood.jpg.
The background image comes up in the dkmainpage tempate but does not show in a new page created from the parent template.
Here's the code from dkmainpage template (parent) below.
I fear I'm making things insanely confusing.
Here's code to parent template dkmainpage template.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Dan Kennedy Artist</title>

<style type="text/css">
body {
     background: url(../images/front/the_voice_masiongood.jpg) repeat;
#wrapper {
     width: 950px;
     margin-right: auto;
     margin-left: auto;
     background: #FFF;
     height: 950px;
     margin-top: 20px;
     padding-top: 25px;
h1, h2, h3, p {
     margin: 0px;
     padding: 0px;
#header {
     height: 50px;
     width: 325px;
     float: left;
     margin-top: 10px;
     margin-bottom: 50px;
     margin-left: 40px;
#header h1 {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 175%;
     font-weight: normal;
     color: #cc7981;
#navbar {
     height: 45px;
     width: 450px;
     float: right;
     margin-top: 3px;
     margin-bottom: 40px;
     margin-right: 60px;
#navbar h2 {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 100%;
     font-weight: normal;
     color: #666;
     text-align: right;
#mainContent {
     height: 750px;
     width: 441px;
     clear: right;
     float: right;
     margin-top: 0px;
     margin-right: 60px;
     text-align: right;
.title {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 80%;
     font-style: normal;
     font-weight: normal;
     color: #968A67;
#sidebar {
     height: 475px;
     width: 325px;
     clear: left;
     float: left;
     margin-top: 0px;
     margin-left: 40px;
     margin-bottom: 20px;
#sidebar p {
     font-family: Verdana, Geneva, sans-serif;
     font-size: 75%;
     font-weight: normal;
     line-height: 1.4;
.sideColoura {
     color: #967A25;
.sideColourb {
     color: #BE72C5;
.sideColourc {
     color: #448E78;
#artcouncillogos {
     height: 150px;
     width: 200px;
     clear: left;
     float: left;
     margin-left: 40px;
     margin-top: 25px;
</style>


</head>
<body>

<div id="wrapper">
<div id="header">
    <h1>Dan Kennedy</h1>
</div>
<div id="navbar">
    <h2><br />
      home | selected work | bio | links | contact</h2>
</div>
<div id="mainContent">
    <p><img src="../images/dust_of_oblivion/dan_kennedy_old_trail_to_ragtown.jpg" width="441" height="650" alt="Painting by Dan Kennedy" /><br />
      <br />
      <span class="title"><em>The Old Trail to Ragtown Lullaby</em><br />
        50"x 34" oil/canvas 2007<br />
        private collection </span></p>
</div>
<div id="sidebar">
    <p><br />
      <span class="sideColoura">TICKET TO RIDE<br />
        Sept.13-Oct.30, 2010<br />
        University of Waterloo Art Gallery</span><br />
      <br />
      <br />
      <br />
    </p>
    <p> </p>
    <p><span class="sideColourb">WEIRDO NOIR / Book / Fall 2010<br />
      featuring:Dan Kennedy, Alex Gross, Travis Louie, Tara Mcpherson and more....</span><br />
      <br />
      <br />
      <br />
    </p>
    <p> </p>
    <p class="sideColourc">SURVEY SELECT- Narrative Art<br />
      San Diego, July 15 -Sept. 5,2010 <br />
      Wonderbread Factory<br />
      artists:Jeff Soto, Clayton Brothers, Dalek and more... </p>
</div>
<div id="artcouncillogos"><img src="../images/front/oac-cc.png" width="168" height="125" alt="Ontario arts council logos" /></div>
</div>

</body>
</html>

Background image show colspan="1" rowspan ="1" align="right valign ='midd

Similar Messages

Maybe you are looking for