Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Tabel ìn een image

Anoniem
Anne
5 antwoorden
  • Hallo,
    ik zit al uren met het volgende probleem: ik ben voor iemand een site aan het maken waarbij ik een foto 'gestreched' wil laten zien als achtergrond, maar het moet niet uitmaken bij welke schermresolutie.

    Nu is me dit stretchen al met wat javascript gelukt, zie de volgende code:
    [code:1:1e9cd67a98]
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    </head>

    <script language="JavaScript">
    function setBgHeightToMax()
    {
    document.getElementById('bg_image').height = document.getElementById('bg_cell').offsetHeight;
    }
    </script>

    <body topmargin="0" leftmargin="0">
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="250" bgcolor="#CD4B35">&nbsp;</td>
    <td id="bg_cell">
    <img id="bg_image" src="images/bg_img.jpg">
    Testtekst….
    </td>
    </tr>
    </table>

    <script language="JavaScript">
    setBgHeightToMax();
    </script>

    </body>
    </html>
    [/code:1:1e9cd67a98]
    Maar nu is het probleem dat ik de tekst 'Testtekst…' (of een iets anders) [i:1e9cd67a98]op[/i:1e9cd67a98] de foto wil hebben, dus de foto moet de achtergrond van die cel worden. Met de 'background="bg_img.jpg"' instelling voor een tabel lukt dit niet, omdat dan de foto in de resolutie wordt weergegeven zoals hij is opgeslagen, in plaats van gestreched.

    Is dit mogenlijk met <div> of is er een andere oplossing? Ik heb me al kapot gezocht op google naar een oplossing, maar helaas :roll:

    Alvast bedankt,
    Vic
  • Gewoon ziets volgens mij:
    [code:1:a628a40853]
    <img src="plaatje.jpg" style="position:fixed;width:100%;height:100%;top:0px;left:0px;">
    [/code:1:a628a40853]
    De rest van je content moet denk ik in een aparte div die als style position absolute heeft.
    Het werkt alleen niet in IE, maar dat is waarschijnlijk geen probleem he :wink:
  • Dat werk! (zelfs in IE) :D

    Hartstikke bedankt

    Vic
  • 'position:fixed' werkt niet in IE.
  • Ik gebruik hier IE 6, en het werkt wel :-?

    Vic

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.