How can I put the image fixed on the bottom-left of the HTML page

I can't put the image at the left-bottom of my div id="content". I have "textcontent" (float:left) and "sidebar" (float:right) inside the content. I am attaching my code here for your review. Please help!
HTML:
<!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>Interior and Exterior</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/rollover_home.jpg','images/menu_home_over.png','images/m enu_paint_over.png','images/menu_contractor_over.png')">
<div id="container">
  <div id="header">
  <div id="contactinfo">contact us for free estimates  250-878-1786</div>
<div id="logo"><a href="index.html"><img src="images/logo.png" width="276" height="53" /></a></div>
<div id="topmenu">
<ul>
<li><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/menu_home_over.png',1)"><img src="images/menu_home.png" name="home" width="119" height="54" border="0" id="home" /></a></li>
<li><img src="images/menu_interior_over.png" width="177" height="54" /></li>
<li><a href="paint_design.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('paint','','images/menu_paint_over.png',1)"><img src="images/menu_paint.png" name="paint" width="172" height="54" border="0" id="paint" /></a></li>
<li><a href="contractor_trades.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contractor','','images/menu_contractor_over.png',1)"><img src="images/menu_contractor.png" name="contractor" width="166" height="54" border="0" id="contractor" /></a></li>
</ul>
</div>
  </div>
<div id="content"><h1><img src="images/page_name_interior.png" width="286" height="27" /></h1>
<div id="textcontent">
<h2>Interior Services:</h2>
<p> </p>
<h3>Painting and staining:</h3>
<table width="300" border="0">
  <tr>
    <td width="100">doors</td>
    <td width="100">walls</td>
    <td width="100">ceilings</td>
  </tr>
  <tr>
    <td>baseboards</td>
    <td>trim</td>
    <td>cabinets</td>
  </tr>
  <tr>
    <td>banisters</td>
    <td>rails</td>
    <td></td>
  </tr>
</table>
<p> </p>
<h3>Fill and seal:</h3>
<table width="300" border="0">
  <tr>
    <td width="100">cracks</td>
    <td width="100">baseboards</td>
    <td width="100">trim</td>
  </tr>
  <tr>
    <td>holes</td>
    <td>drywall repair</td>
    <td>cabinets</td>
  </tr>
</table>
<p> </p>
<h3>Wallpaper and boarder removal</h3>
<br />
<p>No interior job is complete unless all the holes, nicks and gaps are filled and sealed.  I guarentee you'll be happy with the quality of our workmanship.</p>
<p> </p>
<h2>Exterior Services:</h2>
<p> </p>
<h3>Painting and staining:</h3>
<table width="400" border="0">
  <tr>
    <td width="100">trim</td>
    <td width="100">posts</td>
    <td width="100">beams</td>
    <td width="100">hardiboard</td>
  </tr>
  <tr>
    <td>smartboard</td>
    <td>gables</td>
    <td>facia</td>
    <td>shakes</td>
  </tr>
  <tr>
    <td>shadowboard</td>
    <td>belly-board</td>
    <td>stucco</td>
  </tr>
</table>
<p> </p>
<h3>Decks and rails:</h3>
<table width="150" border="0">
  <tr>
    <td width="144">staining and painting</td>
</tr>
</table>
<p> </p>
<h3>Power washing:</h3>
<table width="180" border="0">
  <tr>
    <td width="174">houses, fences and decks</td>
</tr>
</table>
<p> </p>
<p> </p>
<h3>All nail holes are filled and all joints filled and sealed on all exterior painting projects.</h3>
<p> </p>
<h3>Stucco homes can be repainted quickly and inexpensively!</h3>
</div>
<div id="sidebar">
  <img src="images/interior_house.png" width="514" height="329" /><br />
  <a href="testimonial.html"><img style="padding-left: 40px; padding-top: 30px" src="images/interior_testimony.png" width="362" height="289" /></a></div>
<p><img src="images/exterior_specialists.png" width="322" height="56" /></p>
  </div>
<div id="footer"><img src="images/interior_footer.png" width="962" height="50" /></div>
</div>
</body>
</html>

Working with CSS Backgrounds:
http://www.w3schools.com/css/css_background.asp
#content {
     background-image:url('some-img.png');
     background-repeat: no-repeat;
     background-position: left bottom;
     min-height: 500px; /**same as image height**/
     overflow:hidden; /**float containment**/
HTML
<div id="content">
the rest of page content goes here>>>
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/

Similar Messages

  • How can I display the HTML page from servlet which is called by an applet

    How can I display the HTML page from servlet which is called by an
    applet using the doPost method. If I print the response i can able to see the html document. How I can display it in the browser.
    I am calling my struts action class from the applet. I want to show the response in the same browser.
    Code samples will be appreciated.

    hi
    I got one way for this .
    call a javascript in showDocument() to submit the form

  • How can I put an image onto a postcard format?

    How can I put an image onto a postcard format?

    By postcard format do you mean crop the picture into a postcard shape?
    If so, here is one way: Activate the Rectangular Marque tool. Set Style to Fixed Aspect Ratio, and enter the dimensions for Width & Height. In this example I used a standard postcard size of 6" x 4.25".  Open your picture, draw out the rectangle, and Image > Crop. The picture will now be in the 6 x 4.25 proportion.
    To get it to the actual 6" x 4.25" size, do Image > Resize > Image Size. Check the Constrain Proportions Box, and enter either the true Width or Height; the other dimension will change accordingly.
    If this is not what you are trying to do, please be more specific.

  • How can I put another image without its associated sound on an audio (without its image) ?

    IMovie 11 : how can I put one image without its associated sound on an audio (without its image) ? thanks

    Hi
    As iMovie doesn't orient after Time - but only after Video/Photo clips is this not so easy to do.
    I use black photos as Dummy clips - and put them into a new project first
    then I add the Music I want
    Then I drop the Video-clip (that I realy want) ontop of the black dummy photo - Where it's supposed to be - THEN IF advanced tools are selected (in iMovie preferences) there will be a Drop-Down menu and here I can select to do a Cutaway - and select not to add the audio from it (or in wave-form just silence it out)
    Yours Bengt W

  • How can I put an image of a painting centered on to a blank 4x6 postcard?

    How can I put an image of a painting centered on to a blank 4x6 postcard?

    moopartist wrote:
    How can I put an image of a painting centered on to a blank 4x6 postcard?
    Go to File>new>blank file. Enter the dimensions, background color to suit. For resolution, it's best to have the same value as that of the image. For printing, it is desirable to have the resolution in the 240-300px/in range, although I have printed below this range.
    Open the file with the painting. Use one of the selection tools, e.g. selection brush, lasso tool, and select the image.
    Go to Edit>copy
    Open the blank file
    Go to Edit>paste. The selection will come in on its own layer
    Use the move tool to position, and, to resize (if necessary) with the corner handles of the bounding box.

  • How can we put the report which is generated by the program into spool??

    How can we put the report which is generated by the program into spool??
    I had generated a file in Unix which had the report but now the requirement has changed.
    Regards,
    Shashank.

    Hi Shashank,
    If the program is executed in the background and it has the write statement then the spool will automatically generated.
    Reward points if useful.
    Regards,
    Atish

  • How can I put the report generated by a program into a File?

    Hi all,
       How can I put the report generated by a program into a File?It can be in TXT format or excel format which ever is possible.
    I need to export this file to memory,How can I do that??
    Regards,
    Shashank.

    Hello Shashank,
    Please ignore my previous answer... Ofcourse it works...
    There are several ways to do this...
    two of them are
    1. List -> Save -> File and press enter..
        it will ask for the format, then path where to save it. Just give the path.
    2. Using function module 'GUI_DOWNLOAD'.
    I'm giving the example bellow which explains the usage of both GUI_UPLOAD and GUI_DOWNLOAD.
    To do this... you need to have folder with name 'TEST' and a .txt file in it with name 'test'. And contents of it are :
    TEST1             ,BOT 
    TEST2             ,BOT 
    TEST3             ,BUT 
    with spaces.
    REPORT zssr_bdc .
    DATA: BEGIN OF g_t_itab OCCURS 0,
            matnr LIKE mara-matnr,
            maktx LIKE makt-maktx,
          END OF g_t_itab.
    DATA: g_t_bdcdata TYPE TABLE OF bdcdata.
    DATA: path TYPE string,
          path1 type string.
    path = 'C:\Documents and Settings\ssr3kor\Desktop\TEST\test.txt'.
    path1 = 'C:\Documents and Settings\ssr3kor\Desktop\TEST\test1.txt'.
    *contents of test.txt    *
    *TEST1             ,BOT  *
    *TEST2             ,BOT  *
    *TEST3             ,BUT  *
    CALL FUNCTION 'GUI_UPLOAD'
      EXPORTING
        filename = path
      TABLES
        data_tab                      = g_t_itab.
    LOOP AT g_t_itab.
      WRITE:/1(18) g_t_itab-matnr, 20(40) g_t_itab-maktx.
    ENDLOOP.
    CALL FUNCTION 'GUI_DOWNLOAD'
      EXPORTING
       filename = path1
       filetype                      = 'ASC'
      TABLES
        data_tab                      = g_t_itab.
    Now you will get one .txt file with name 'TEST1.TXT' in the TEST folder.
    <b>REWARD POINTS IF IT IS HELPFUL</b>
    Regards
    Sasidhar Reddy Matli

  • HOW CAN I PUT THE AMOUNT WITH THE SIGN OF DOLLAR?

    HI!
    HOW CAN I PUT THE AMOUNT WITH THE SIGN OF DOLLAR?
    BECAUSE WHEN I WRITE THE DATA THE AMOUNT OVERWRITE THE SIGN.
    THANKS PEOPLE

    THIS IS THE WRITE PART:
    [code]
    WRITE:
              /97 t_bsid-dmbtr,          "Invoice Amount
              104 '$',
              104 t_bsid-fecha,          "Payment Date
              114 t_bsid-pago,           "Payment Amount
              116 '$'.
    [/code]

  • How can I put an image/s in Java Application?

    Hi to all.
    How can I put an image/s in Java Application?
    I can put some images in Java applet but when i try to put it in Java application there was an error.

    hey u can easily do it with JLabels...i found a Code Snippet for u
    public class MyPanel extends JPanel
    {private JLabel imageLabel; public MyPanel() {     Image image = Toolkit.getDefaultToolkit().getImage("myimage.gif"); // Could be jpg or png too     imageLabel = new JLabel(new ImageIcon(image));     this.add(imageLabel);  }}
    hope it helps
    Cheers,
    Manja

  • HT1918 I have 0.31 $ balance in my account and I want to change my country of my account. how can I put the credit balance to 0?

    I have 0.31 $ balance in my account and I want to change my country of my account. how can I put the credit balance to 0?

    Click here and request assistance.
    (71876)

  • How can I put the close button in the mainframe of the dialog?

    Hi all,
    I am creating a new dialog and I would like to konw...
    How can I put the close button in the mainframe of the dialog?
    Thanks in advance.
    Best regards,
    Juanma.

    Juanma,
    Usually, a dialog would have an OK and a Cancel button, both can be served as the close button, but if user clicks the ok button (DefaultButtonWidget) to close the dialog, your dialog controller's (if it is based on CDialogController) ApplyDialogFields will get called so you can react to the OK action, otherwise, if user clicks the cancel button (CancelButtonWidget), nothing will happen. The dialog simply is dismissed.
    See BasicDialog SDK sample to see how to add DefaultButtonWidget and CancelButtonWidget to a dialog.
    Thanks!
    lee

  • How can I get the HTML codes in illustrator?

    Hi, I am a graphic designer, and I am getting into the web world, I wanna know how can I get the HTML codes to upload a web design made using Illustrator,...¡?Does any one know?Please let me know...

    everyone here is right, dreamweaver is better and you will need to understand html for this to work. HOWEVER, you can make a functional website using just illustrator and notepad (or text edit if you're on a mac).
    Design your site in illy, slice it up with the slice tool. http://s23.postimg.org/mv311kpp7/test_illy.jpg 
    Save for web and select html and images, you'll get an html file and an images folder. Open the HTML file in your text editing program and it will look like this: http://s10.postimg.org/f32nf6r2h/html_stuff.jpg   you'll have to know HTML codes but you can find tutorials online for most stuff, you'll just have to figure it out. In my fake site, i linked a button to google so i had to add <a href> tags to the code. http://s22.postimg.org/5avpadhch/a_href.jpg  save the html file and open it in your web browser, hopefully not IE. You can't tell in the picture but the middle button actually does link to google. http://s21.postimg.org/qd77slqmf/firefox.jpg

  • How can i send the html animation by email for my freind(yandex,email)?

    how can i send the html animation by email for my freind(yandex,email)?

    Hello! Happy New Year to you too.
    I am not sure I understand your question properly.
    If you are making this animation for a wesite, you can include your files into an iFrame and upload all your files to your website server.
    For example add this to your html page:
    <iframe src="http://www.yourSiteName.com/folderName/index.html" style="width: 100%; height: 400px; margin-top: 10px; margin-bottom: 30px;"></iframe>
    Note: change the sizes, change your site name, folder name and html edge file name.
    If you want to just have your composition on one page by itself, then just add the folder to the root area of your server and then you can send the link by email for people to see it directly on the web. You do not need to put it in an iFrame for this. Just email the web address - so for example:
                                  http://www.yourSiteName.com/folderName/index.html
    Let me know if I understood properly and if not please give us a clear description of what you want to do.

  • How can I send the html animation on the post(mail,google,yandex)?

    how can I send the html animation on the post(mail,google,yandex)?

    What do you mean? F you want to post your files here, put a zipped file on the cloud somewhere like dropbox, and post the link.

  • How can I eliminate the space Pages inserts after an apostrophe?

    How can I eliminate the space Pages inserts after an apostrophe?

    egret wrote:
    Never mind.........I found out it was the font I was using (Song).
    Yes, best not to use Chinese fonts for other languages as sometimes the characters are especially wide or otherwise inappropriate.

  • When reading an EBook, how can I mark the last page I have read?

    When reading a PDF EBook, how can I mark the last page I have read?

    Hi Pickles 77,
    Sorry to hear you are having issues with your iTunes Store purchase.   The following information should help you with this:
    How to report an issue with your iTunes Store, App Store, Mac App Store, or iBookstore purchase
    To report an issue with your iTunes Store, App Store, Mac App Store, or iBookstore purchase, follow these steps:
    Find the email receipt for your purchase.
    Click Report a Problem under the app that is having the issue.
    When prompted, enter the Apple ID and password you used to purchase the item, then click Report a Problem.
    Click Report a Problem next to the item you are having an issue with.
    From the Choose Problem dropdown menu, choose the appropriate issue.
    Follow the onscreen instructions and—if prompted—type a description of the problem into the text field.
    Click Submit to have your issue reviewed.
    Hope this helps ....
    - Judy

Maybe you are looking for