Tables/Cells/Background images

Hello, this is probably a very minor issue but I am new to Dreamweaver so please bear with me (I am fairly technologically inclined and have a solid understanding of InDesign and Photoshop so I'm not a total beginner!).  I am trying to prepare an html email and from Google research I decided to construct a layout in a table with a top banner cell then two cells in the inside and a bottom banner cell (ie top banner, two columns, bottom banner if that makes sense).  I can't for the life of me figure out how to get a background image within an individual cell within the table.  I have looked up many articles on this and it looks so simple - select the cell, then in the Bg field you can either select a color or click the folder icon and choose a graphic.  I only have one Bg field and that is to select a color, no option no matter how I click, to get a Bg image.  Help please help!  Thank you!!!

HTML emails can be very challenging if you've never done one before.  Suggest you read this over first.
http://alt-web.blogspot.com/2010/02/html-emails-and-newsletters.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

  • Set Table Row Background image

    Hi all,
    I'd like to set a Table row background image, but I only find a way to set a background image for each column, is there any way to set an image  as background for a whole row?

    Hi Pakojones,
    Based on my test, it is not support to make the image tile in a row. The BackgroundRepeat values of tablix is Repeat, RepeatX, RepeatY, or Clip. In SSRS, just chart BackgroundRepeat can be set to Fit.
    Reference: http://technet.microsoft.com/en-us/library/dd239334.aspx
    In SSRS, we can put tablix in a rectangle, then add background image for the rectangle. We can tile the image over the whole tablix. If we want to make the image tile in a row, we can put the single row in a rectangle to work around it. In this situation,
    we have to seamless paste the tablix in the end.
    Alternatively, since the issue is by design, I recommend you that submit this suggestion at
    https://connect.microsoft.com/SQLServer/ . If the suggestion mentioned by customers for many times, the product team may consider to add the feature in the next SQL Server version. Your feedback is valuable
    for us to improve our products and increase the level of service provided.
    Regards,
    Alisa Tang 
    Alisa Tang
    TechNet Community Support

  • 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">
    > <!--
    > body,td,th {
    > font-family: Arial, Helvetica, sans-serif;
    > }
    > body {
    > background-color: #CCCCCC;
    > }
    > a:link {
    > color: #006699;
    > text-decoration: none;
    > }
    > a:visited {
    > text-decoration: none;
    > color: #006699;
    > }
    > a:hover {
    > text-decoration: underline;
    > color: #006699;
    > }
    > a:active {
    > text-decoration: none;
    > color: #006699;
    > }
    > #cellBg {
    > background-image:
    url(Graphics/Content-box-top-775.gif);"
    > background-repeat: no-repeat;
    > }
    > -->
    > </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>
    >
    >

  • Cell background image

    I would like to set a background image in a cell and have it
    not repeat. How do I do that?

    With CSS. If you need only one instance of this, define it
    inline like so:
    <table>
    <tr>
    <td style="background-image: url(your_image.jpg)
    no-repeat">
    your content here
    </td>
    </tr>
    </table>
    --Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com
    "lame user" <[email protected]> wrote in
    message
    news:g7sm0s$263$[email protected]..
    > I would like to set a background image in a cell and
    have it not repeat.
    How do I do that?

  • Table cell background  color in PDF

    I have a requirement to generate a PDF from a stoplight report.
    The stoplight report colors were implemented by setting the background color in table cells
    via css (background-color: red;). Its working in the browser but when I generate a pdf the cells show up with grey backgrounds. How can I generate a pdf with the correct colors?
    Thanks for your help.
    I'm using Apex 3.1 and pdf generation functionality that comes with Apex. I don't have BI Publisher.

    Hi David.
    At this time you don't get WYSIWYG reports in PDF.
    You're limited to the Column Colour settings you can specify in the Print Attributes of the report region but these would apply to all columns in the report and would not be dynamic.
    This may be something that is addressed in a future version of APEX.
    If anyone else knows different, feel free to chip in.
    Regards
    Simon

  • Setting table cell background

    Friends,
    I have a JTable with 5 rows and 4 columns now I want to set the Background color of cells as I select the set of cells it changes the background color.
    the problem in the below code is I have to select the individual cells to set the bg. can anyone tell what I should add to set bg of all the selection + I am unable to see the cell selection.
    import javax.swing.JComponent;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    import javax.swing.JScrollPane;
    import javax.swing.JTable;
    import javax.swing.table.AbstractTableModel;
    import java.awt.Color;
    import java.awt.Dimension;
    import java.awt.GridLayout;
    import java.awt.event.MouseEvent;
    import java.awt.event.MouseListener;
    * This is like TableDemo, except that it substitutes a
    * Favorite Color column for the Last Name column and specifies
    * a custom cell renderer and editor for the color data.
    public class TestClass extends JPanel implements MouseListener {
         private boolean DEBUG = false;
         private JTable table;
         private Color defColor = Color.WHITE;
         private Color selColor = Color.GRAY;
         private Color[][] color = {
              {defColor, defColor, defColor, defColor, defColor},
              {defColor, defColor, defColor, defColor, defColor},
              {defColor, defColor, defColor, defColor, defColor},
              {defColor, defColor, defColor, defColor, defColor},
              {defColor, defColor, defColor, defColor, defColor}
         public TestClass() {
              super(new GridLayout(1,0));
              table = new JTable(new MyTableModel());
              table.setRowSelectionAllowed(false);
              table.setCellSelectionEnabled(true);
              table.addMouseListener(this);
              table.setPreferredScrollableViewportSize(new Dimension(500, 70));
              //Create the scroll pane and add the table to it.
              JScrollPane scrollPane = new JScrollPane(table);
              //Set up renderer and editor for the Favorite Color column.
              table.setDefaultRenderer(String.class,
                                             new ColorRenderer(color));
              //Add the scroll pane to this panel.
              add(scrollPane);
         class MyTableModel extends AbstractTableModel {
              private String[] columnNames = {"First Name",
                                                      "Favorite Color",
                                                      "Sport",
                                                      "# of Years",
                                                      "Vegetarian"};
              private Object[][] data = {
              public int getColumnCount() {
                   return columnNames.length;
              public int getRowCount() {
                   return data.length;
              public String getColumnName(int col) {
                   return columnNames[col];
              public Object getValueAt(int row, int col) {
                   return data[row][col];
               * JTable uses this method to determine the default renderer/
               * editor for each cell.  If we didn't implement this method,
               * then the last column would contain text ("true"/"false"),
               * rather than a check box.
              public Class getColumnClass(int c) {
                   return getValueAt(0, c).getClass();
              public boolean isCellEditable(int row, int col) {
                   return false;
              public void setValueAt(Object value, int row, int col) {
                   if (DEBUG) {
                        System.out.println("Setting value at " + row + "," + col
                                               + " to " + value
                                               + " (an instance of "
                                               + value.getClass() + ")");
                   data[row][col] = value;
                   fireTableCellUpdated(row, col);
                   if (DEBUG) {
                        System.out.println("New value of data:");
                        printDebugData();
              private void printDebugData() {
                   int numRows = getRowCount();
                   int numCols = getColumnCount();
                   for (int i=0; i < numRows; i++) {
                        System.out.print("    row " + i + ":");
                        for (int j=0; j < numCols; j++) {
                             System.out.print("  " + data[i][j]);
                        System.out.println();
                   System.out.println("--------------------------");
          * Create the GUI and show it.  For thread safety,
          * this method should be invoked from the
          * event-dispatching thread.
         private static void createAndShowGUI() {
              //Make sure we have nice window decorations.
              JFrame.setDefaultLookAndFeelDecorated(true);
              //Create and set up the window.
              JFrame frame = new JFrame("TableDialogEditDemo");
              frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              //Create and set up the content pane.
              JComponent newContentPane = new TestClass();
              newContentPane.setOpaque(true); //content panes must be opaque
              frame.setContentPane(newContentPane);
              //Display the window.
              frame.pack();
              frame.setVisible(true);
         public static void main(String[] args) {
              //Schedule a job for the event-dispatching thread:
              //creating and showing this application's GUI.
              javax.swing.SwingUtilities.invokeLater(new Runnable() {
                   public void run() {
                        createAndShowGUI();
         /* (non-Javadoc)
          * @see java.awt.event.MouseListener#mouseClicked(java.awt.event.MouseEvent)
         public void mouseClicked(MouseEvent e) {
              if (table.getSelectedColumn() > 0) {
                   if (color[table.getSelectedRow()][table.getSelectedColumn()] == selColor) {
                        color[table.getSelectedRow()][table.getSelectedColumn()] = defColor;
                   } else {
                        color[table.getSelectedRow()][table.getSelectedColumn()] = selColor;
              } else {
              ((MyTableModel)table.getModel()).fireTableStructureChanged();
         /* (non-Javadoc)
          * @see java.awt.event.MouseListener#mouseEntered(java.awt.event.MouseEvent)
         public void mouseEntered(MouseEvent e) {
         /* (non-Javadoc)
          * @see java.awt.event.MouseListener#mouseExited(java.awt.event.MouseEvent)
         public void mouseExited(MouseEvent e) {
         /* (non-Javadoc)
          * @see java.awt.event.MouseListener#mousePressed(java.awt.event.MouseEvent)
         public void mousePressed(MouseEvent e) {
         /* (non-Javadoc)
          * @see java.awt.event.MouseListener#mouseReleased(java.awt.event.MouseEvent)
         public void mouseReleased(MouseEvent e) {
    import javax.swing.JLabel;
    import javax.swing.JTable;
    import javax.swing.border.Border;
    import javax.swing.table.TableCellRenderer;
    import java.awt.Color;
    import java.awt.Component;
    public class TableCellColorRenderer extends JLabel
                               implements TableCellRenderer {
        Color[][] colorBG = null;
        public TableCellColorRenderer(Color[][] color) {
            this.colorBG = color;
            setOpaque(true); //MUST do this for background to show up.
        public Component getTableCellRendererComponent(
                                JTable table, Object color,
                                boolean isSelected, boolean hasFocus,
                                int row, int column) {
              setBackground(colorBG[row][column]);
            return this;

    I would guess that it's because you set the background to Color.WHITE
    I'm not sure why you're passing in an array of Color objects ... typically you'd either pick the color based on the value of the cell, or use standard colors.
    Finally, your getTableCellRendererComponent() should check the isSelected argument, and use a different color to highlight the selection.

  • Cannot get an Apex HTML region with table with a background image to resize image to fit table

    I want to achieve this: Table whith background image but cannot get it to work in an Apex page with HTML region.
    Adding the following code to the html region:
    <table class="tableWithBackground" width="300px" height="200px" border="1">
        <tr>
            <td>
                <img class="tableBackground" src="#APP_IMAGES#Demo.jpg">
                Hello
            </td>
            <td>
                World
            </td>
        </tr>
        <tr>
            <td>How are<br><br><br><br><br>you?</td>
            <td>I am fine</td>
        </tr>
    </td>
    Results in a page with a table but without borders (at his stage I have not yet uploaded the Demo.jpg). After uploading the Demo.jpg results in a table with the entire image placed in het first cell. After placing the class code in the CSS inline property I expected to see the result as is shown in the Table whith background image  demo. For some reason this does not work (the image is no longer visible).
    Can anybody tell me how to achieve my goal?
    Thanks in advance!
    Geert

    Geert01 wrote:
    I want to achieve this: Table whith background image but cannot get it to work in an Apex page with HTML region.
    Adding the following code to the html region:
    <table class="tableWithBackground" width="300px" height="200px" border="1">
        <tr>
            <td>
                <img class="tableBackground" src="#APP_IMAGES#Demo.jpg">
                Hello
            </td>
            <td>
                World
            </td>
        </tr>
        <tr>
            <td>How are<br><br><br><br><br>you?</td>
            <td>I am fine</td>
        </tr>
    </td>
    Results in a page with a table but without borders (at his stage I have not yet uploaded the Demo.jpg). After uploading the Demo.jpg results in a table with the entire image placed in het first cell. After placing the class code in the CSS inline property I expected to see the result as is shown in the Table whith background image  demo. For some reason this does not work (the image is no longer visible).
    Can anybody tell me how to achieve my goal?
    This is a workaround. What's your real goal? Why do you want to do this?
    What browser(s)/version(s) are you using? All current browser versions have support for CSS3 background sizing which is the proper way to do this.

  • Is there a better way to do this?  CSS rules/Background image/tables

    Hi,
    I am designing a site and I have used a table for the banner.  Everytime a different page is displayed, the banner image changes.  I have created .html pages, and I have created a lot of css rules to change the background image.  I think there must be a more efficiant way to do this?
    http://www.taffyproductions.com/test/
    ALSO... I need to figure out how to make the links (hover/active states) work on all the pages... I figured it out on the index page, but I'm sure there is a better css rule?

    Put a div in the head section?  Surely you jest!
    But you do hint at the easy solution - just have an embedded stylesheet in the head of each page that changed the background image only on that page.  No need for any other complexities.
    In other words on page1, change this -
    <link href="outpost.css" rel="stylesheet" type="text/css" />
    </head>
    to this -
    <link href="outpost.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    table#banner { background-image:url(images/banner1.jpg); }
    </style>
    </head>
    and on page2 change it to this -
    <link href="outpost.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    table#banner { background-image:url(images/banner2.jpg); }
    </style>
    </head>
    etc.

  • Background image for Aftable

    Hi All,
    I am using JDeveloper 11.1.1.7.
    My scenario is need to show one <af:table> with background image.I tried this below CSS,
    af|table.myTable
    background-image: url("../img/sampleImage.png") ;
    It's wokring fine without data in the table.But after fetch the rows the background image is hiding.
    How to set the background image with rows in the table?..
    Thanks,
    Arun D.
    Edited by: ArunD. on Jun 1, 2013 5:46 PM

    Hi Timo,
    Thanks for the Idea ,
    I set the data cell and banded data cell background as transparent now the image is showing after fetch the values also.
    af|table::data-row af|column::data-cell ,af|column::banded-data-cell
        background-color: transparent;
    }Thanks,
    Arun D .

  • Safest CSS code for background image rotation?

    I currently use 4 different images to do rounded corner captions, and it occurred to me that I could just be using one and rotate it, if such a thing is actually possible.
    Is it?
    The images are actually table cell backgrounds, so it would have to be for background rotation, and it would have to be compatible will all major browsers.

    if such a thing is actually possible.
    That would require working with CSS transform properties and since they just like the native rounded corner property are CSS3, which is not yet consistently working in all browsers, it is not safe. Of course one might also be able to use jQuery and such, but why complicate the source code? Stick with your images.
    Mylenium

  • Background image overridden

    CSS in a table:
    I have a table with background images but I get a white
    background
    on the last line. I can´t work out why-I have got rid of
    the background color and tried to have a background transparent
    which worked for the radio buttons but the text input and the text
    next to it still have a white background. How can I get rid of the
    background? htpp://www.britishalliance.com/test.html Thanks for any
    pointers

    1. Error Line 63 column 7: end tag for element "STYLE" which
    is not open.
    Probably means that this line is improper syntax -
    <STYLE type=text/css> - should be - <STYLE
    type="text/css">
    That may fix the next several errors about end tags.
    This code is badly mangled -
    <div id="idioma">
    <TABLE width=586 border=0 align="center" cellPadding=0
    cellSpacing=0>
    <TBODY>
    <TR>
    <TD vAlign=bottom colSpan=2 height=10><IMG
    height=10
    src="images/borderTL.gif" alt="backgroundtopleft" width=10
    border=0></TD>
    <TD height=10 vAlign=bottom style="BACKGROUND:
    url(images/box_edge_t.gif) repeat-x"></TD>
    <TD vAlign=bottom colSpan=2><IMG height=10
    src="images/borderTR.gif" alt="backgroundtopright" width=15
    border=0></TD></TR>
    <TR>
    <TD width=5 height=79 rowspan="2" align=left
    style="BACKGROUND: transparent
    url(images/box_edge_l.gif) repeat-y"></TD>
    <TD width=5
    height=79 rowspan="2" vAlign=top style="BACKGROUND:
    transparent
    url(images/box_bg.gif) repeat-x"></TD>
    <TD height=22 vAlign=top style="BACKGROUND: transparent
    url(images/box_bg.gif) repeat-x">
    <FORM name=adduser action=confirma.cfm method=post>
    <H1 align="center">Que idioma usted quiere
    aprender?</H1></DIV>
    You cannot span into a table as you have with that <div
    id="idioma">. In
    addition, the <form> tag opens in one <td> and
    closes outside of the closing
    </table> - that's also improper nesting.
    Fix those and you may trap all your errors. Take a look at
    the code
    coloring in DW's code view. Anything that is yellow is a
    problem.
    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
    ==================
    "Hydrowizard" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi Murray,
    > I hve been trying to change the errors presneted in the
    validator. I
    > have
    > done all I can at this stage - I just don?t understand
    why it is flaging
    > tags
    > and saying that there isn?t a closing tag when there is.
    What is wrong
    > with
    > <body> anyway?!!
    > I then tried with XHTML 1.0 Transitional but that gave
    me 157 errors so I
    > changed back to HTML 4.01 Transitional!!
    > Should I use another doctype-maybe strict 4.01?
    > Thanks for any pointers!
    >
    >
    http://validator.w3.org/check?verbose=1&uri=http://www.britishalliance.com/test.
    > html
    >

  • Is it possible to change cell Background color?

    I want to change table cell background color.
    Can anyone help me with code example?

    Hi,
    tanusree wrote:
    I want to change table cell background color.
    Can anyone help me with code example?You can find code example in the java tutorial.
    http://java.sun.com/docs/books/tutorial/uiswing/components/table.html
    exacting
    http://java.sun.com/docs/books/tutorial/uiswing/components/table.html#renderer
    greetings
    Axel

  • Sapscript transparent background image

    Hello,
    I have to insert an image in a sapscript with transparent background. How can import the image? if the amount tif file as standard text object, it not working. From se78 can'tI import a bmp because I error: Can not save the graph ZPROVA (BDS). You know? Thanks

    quote:
    Originally posted by:
    Newsgroup User
    Is it a PNG image? IE doesn't support transparency in PNG
    images without
    javascripting the page. Could you use a GIF image instead?
    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
    ==================
    Where can I find information on javascripting for this? I
    have the same issue - I tried GIFs but since the image contains
    text they looked really bad.
    "bougsta" <[email protected]> wrote in
    message
    news:ef47h6$l41$[email protected]..
    >I have a html document. In it, i have put a table, then i
    have set the
    >table's
    > background image to a .png file. It's a sort of star
    shape that shows up
    > transparent in dreamweaver but not in IE. I know how to
    fix this with a
    > normal
    > image but not with a background image. Can anyone help?
    >
    > and i don't have an example because the site isn't on
    the net yet, sorry
    > :-(
    >

  • 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&amp;dog.jpg" width="150" height="150" alt="puppy &amp; 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 &amp; 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 &amp; 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"><!-- TemplateBeginEditable name="Heading" -->Tips for Conducting a Professional Pet Sitter Interview<!-- TemplateEndEditable --></p></td>
          </tr>
          <tr>
            <td align="center" valign="top"><!-- TemplateBeginEditable name="Body" -->
              <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>
            <!-- TemplateEndEditable --></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(&quot;http://www.ringcentral.com/ringme/?uc=F476D3FEFF03EF8DEB3A4803BAD689C9185666081445,0,&s=no &v=2", &quot;Callback_RingMe&quot;, &quot;resizable=no,width=380,height=360&quot;); 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 &amp; 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 &amp; Trains">Walk &amp; 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 &amp; Reptile Care </li>
                <li>Walk &amp; 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 &amp; 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">&copy; 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>

  • Tutorial for hyperlinking table cell

    Anyone know where i might find a tutorial. Google bringing up
    nothing
    I want to be able to hyperlink table cells and change table
    cell background
    color on mouse over etc.
    I am really struggling with this therefore need a tutorial
    TIA

    Why do you need to hyperlink the *cell*?
    If you put a normal hyperlink in the cell, and use CSS to
    make that <a> tag
    display:block, then it will fill the cell, and make the whole
    thing
    clickable. Further it allows you to use the pseudo-class of
    a:hover to
    change the background color....
    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
    ==================
    "Andrew" <[email protected]> wrote in message
    news:e7bgvq$eog$[email protected]..
    > Anyone know where i might find a tutorial. Google
    bringing up nothing
    >
    > I want to be able to hyperlink table cells and change
    table cell
    > background color on mouse over etc.
    >
    > I am really struggling with this therefore need a
    tutorial
    >
    > TIA
    >

Maybe you are looking for

  • Sidebar - How to turn off and keep turned off?

    I cannot seem to find a way to turn off Sidebar for good, so that it will not reappear after a "repair permissions" or sometimes after "restart". Is there a way to get rid of Sidebar for good. Please advise. Thank you.

  • Files won't stay in columns

    When I go into my applications folder, all my applications are in two rows and I can't get it to stay in three rows like the rest of my file folders when I open them. There are some of my document folders doing the same thing. I know they go into row

  • PSE 11 on a Mac questions

    I've been using PSE 6 and 10 without problems. I just upgraded to 11, and there are two things that don't work anymore. I use PSE for making scrapbooking layouts (if that makes a difference). I have a MacBook Pro running Mountain Lion, iPhoto '11, an

  • Iphoto Images will not Load when trying to attach as a file.

    When trying to attach a Iphoto image to either gmail or facebook, I am able to access Iphoto; however, I receive a message "Loading Iphoto images" but the photos never load. This just recently occurred a few weeks ago and I have never had problems up

  • FXO not receiving the call

    Hello, I'm using a 1760 router with 1 FWO port, and a PVDM of 256. The FXO ports are connected to a PABX with 4 extensions. And three of them are working correctly. The fourth one is not receiving any call when using the extension. And when conncting