Venyvä palkki

Vasemman reunuksen pitää vnyä ja vanua, koska sivujen pituudet vaihtuvat. Tämä on se räjähdysvaaran paikka eli käy näin.

Toinen ongelma on, ettei kuvan päälle voi kirjoittaa. Tarvitaan siis taustakuva, koska sen päälle voi kirjoittaa.

Otetaan siis vasen kuva leikkauksen kohteeksi ja mietitään kuinka ihmeessä tausta voisi venyä ja vanua. Yksi keino ratkaista ongelma on taustaväri. No niin koodi siis näin:

<!-- vasen alkaa --> 

<TD VALIGN="top" bgcolor="#C8FD65"><
TABLE   CELLSPACING = 0 CELLPADDING = 0 BORDER = 0>
<TR><TD VALIGN="top" WIDTH=134 HEIGHT=50>
<IMG SRC="index3_1_1.jpg" ALT="jalat"></TD></TR>
<TR><TD class="tausta1" WIDTH=134 HEIGHT=288>
</TD></TR>
<TR><TD bgcolor="#C8FD65" VALIGN="top">
<IMG SRC="index3_1_3.jpg" WIDTH=134 HEIGHT=111 ALT="tausta">
</TD></TR>
<TR><TD bgcolor="#C8FD65">
<IMG SRC="index3_1_4.jpg" WIDTH=134 
HEIGHT="100%" ALT="väri"></TD></TR>
</TABLE>
</TD>
<!-- vasen loppui --> 

Homman juju on siinä, että vasen solu, joka sisältää koko taulukkohöskän. Sen taustaväri on siis määritelty näin.

Taustavärin taas selville klikkamalla kuvan alinta kohtaa. Apuna tietysti jokin ohjelma, jolla voi värin napata htm-koodiksi. Itsellän on Pixie. Kokeile etsiä netistä vaikka hakusanoilla "color picker" ja html. Ja kokeile taulukko validaattorin läpi. Niin ja yhden solun tausta määritelty css:n avulla, jotta validaattori ei valittaisi. Sen css-määrittely näin

.tausta1 {background: url(index3_1_2.jpg);

          }