Toon posts:

Table background images width = 100%

Pagina: 1
Acties:

woensdag 8 maart 2006 08:58

Acties:

Verwijderd

Topicstarter
ben bezig met een html pagina die ik als briefpapier ga gebruiken in Outlook Express.
Nu heb ik een schitterende pagina gemaakt en alles werkt alleen zit er boven en onder een plaatje dat nu 850 pixels breed is. Nu ziet dit er in outlook wel goed uit maar mensen met een breedbeeld scherm zien daarna (na 850 pixels) dus niets meer. Nu wil ik graag dat het plaatje dat ik gebruik voor de boven en onderkant de breedte schaalt, dus op 100% heeft staan... kan dit? kan er niet echt iets over vinden namelijk ook niet hier op het forum..

dit is de code:
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

    <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" rightmargin="0" bottommargin="0">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
            <tr height="100%">
                <td align="left" valign="top" width="100%" height="100%" background="bottom.gif" style="background-repeat: no-repeat; background-width: 100%; background-attachment: fixed; background-position: 0% 100%">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
                        <tr height="100%">
                            <td align="left" valign="top" width="100%" height="100%" background="watermerk.gif" style="background-repeat: no-repeat; background-width: 100%; background-attachment: fixed; background-position: 90% 90%">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
                                    <tr height="100%">
                                        <td align="left" valign="top" width="100%" height="100%" background="top.gif" style="background-repeat: no-repeat; background-size: 100%,100%; background-attachment: fixed; background-position: 0px 0px">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
                                                <tr height="100%">
                                                    <td align="left" valign="top" width="100%" height="100%" background="logo.gif" style="background-repeat: no-repeat; background-width: 100%; background-attachment: fixed; background-position: 0px 5px; padding-top: 125px; padding-left: 70px"></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>


hoor/lees het wel...

woensdag 8 maart 2006 09:19

Acties:
  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 04-01 15:49

JHS

Splitting the thaum.

Voordat je enthousiast wordt over CSS oplossingen, die willen nog wel 's niet al te goed functioneren in OE of andere mail programma's, al dan niet webbased, zeker als het een externe CSS file is :) . Zover ik weet geld dit overigens niet voor alle programma's, nog voor alle CSS statements, dus het is een kwestie van testen.

Maar ondanks het bovenstaande kan ik zo snel niets anders een CSS oplossing bedenken :P . Zet je image in een div / td / whatever element, en geef de laatstgenoemde width: 100%; en overflow: hidden; mee :) . Let er wel op dat die width relatief is ten opzichte van z'n parent :) .

DM!

Reageer