fitting diagonal background image with fixed background image

Discussion in 'HTML & Website Design' started by fraloom, Sep 18, 2007.

  1. #1
    hello all,

    Can anyone please tell me how to fit a diagonal bg image all the time (also after resize) with a centered table with the same bg image, so all the diagonal lines fit exactly all the time. The centered table must have a width of 980px with a fixed bg image of 980x10, the main body bg image is 5x5px.

    example here: http://www.newsclick.nl/test.html

    I try to use 3 tables with right-align CSS behavior in the left table but to use all that nested tables makes the website soooooo slow.

    Does anyone have a nice solution for this??

    Thanks a lot!

    best regards
    Fraloom

    Used Html:

    <html>
    <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style.css" rel="stylesheet" title="style" type="text/css">
    </head>
    <body>
    <table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td background="/bgtop.png">
    <div align="center">
    </div></td>
    </tr>
    </table>
    </body>
    </html>


    Used CSS:

    body {
    margin: 0; padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Silver;
    background-image: url(bg.png);
    }

    a:link {
    color: Silver;
    text-decoration: underline;
    }

    a:visited {
    color: Silver;
    text-decoration: underline;
    }

    a:hover {
    color: #292F33; background-color:#f6821b; text-decoration:none;
    }
     
    fraloom, Sep 18, 2007 IP
  2. fraloom

    fraloom Guest

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    nobody ???
     
    fraloom, Sep 19, 2007 IP