Background image (repeat) not showing

Discussion in 'HTML & Website Design' started by devebee, Jan 10, 2012.

  1. #1
    I'm breaking my head over a website in which the pages don't show a repeating background.
    Could someone help me out please?

    This is the code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>120105_website_allekaders</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (120105_website_allekaders.psd) -->
    <table id="Table_01" width="893" height="602" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="2" align="left" valign="top">
    <img src="images/kalender_01.gif" width="261" height="1" alt=""></td>
    <td align="left" valign="top" colspan="3" rowspan="2">
    <img src="images/kalender_02.gif" width="631" height="114" alt=""></td>
    <td align="left" valign="top">
    <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
    <td rowspan="2" align="left" valign="top">
    <img src="images/kalender_03.gif" width="2" height="443" alt=""></td>
    <td rowspan="2" align="left" valign="top">
    <img src="images/kalender_04.gif" width="259" height="443" alt=""></td>
    <td align="left" valign="top">
    <img src="images/spacer.gif" width="200" height="113" alt=""></td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <img src="images/kalender_05.gif" width="33" height="330" alt=""></td>
    <td rowspan="2" align="left" valign="top">
    <p><img src="images/kalender_06.gif" width="488" height="333" alt=""></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
    <td align="left" valign="top">
    <img src="images/kalender_07.gif" width="110" height="330" alt=""></td>
    <td align="left" valign="top">
    <img src="images/spacer.gif" width="1" height="330" alt=""></td>
    </tr>
    <tr>
    <td colspan="3" align="left" valign="top" style="background-image:url(images/kalender_08.gif);">
    <img src="images/kalender_08.gif" width="294" height="3" alt=""></td>
    <td align="left" valign="top" background="images/kalender_09.gif">
    <img src="images/kalender_09.gif" width="110" height="3" alt=""></td>
    <td align="left" valign="top">
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
    </tr>
    <tr>
    <td colspan="3" align="left" valign="top">
    <img src="images/kalender_10.gif" width="294" height="63" alt=""></td>
    <td align="left" valign="top">
    <img src="images/kalender_11.gif" width="488" height="63" alt=""></td>
    <td align="left" valign="top">
    <img src="images/kalender_12.gif" width="110" height="63" alt=""></td>
    <td align="left" valign="top">
    <img src="images/spacer.gif" width="1" height="63" alt=""></td>
    </tr>
    <tr>
    <td colspan="5" align="left" valign="top">
    <img src="images/kalender_13.gif" width="892" height="92" alt=""></td>
    <td align="left" valign="top">
    <img src="images/spacer.gif" width="1" height="92" alt=""></td>
    </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </html>

    And this is the url to the page: http://www.test.trantz.be/kalender.html

    Thanks a lot in advance!
    David
     
    devebee, Jan 10, 2012 IP
  2. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #2
    You used table coding, try to use div tags and add css to it like

    background(url of bg) repeat-y;
     
    karthimx, Jan 10, 2012 IP
  3. devebee

    devebee Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That would set me back in my workflow too far, I have several pages already made in tables, so I would like to find a solution with the table mark up.
     
    devebee, Jan 10, 2012 IP
  4. apash86

    apash86 Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    <body style="background:url(back.png) top left repeat;" >

    something like this?
     
    apash86, Jan 10, 2012 IP