1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Background image (repeat) not showing

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

0
  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