Witam
Stworzylem strone www.fitnessnuska.pl klient poprposil mnie bym wyedytowal strone w nastepujacy sposob:

1. Nad menu jest obrazek instruktorki. Ten obrazek ma zniknac i w miejsce jego pojawic sie informacja o honorowanych kartach. Ta informacja ma sie zmieniac (1 karta...., 2 karta......) tak jak na www.rytm.pl


Niestety natknalem sie na problem:
- zdjecie tej instruktorki jest pociete na 2 elementy natomiast ta informacja o honorowanych kartach ma byc w calosci

Jak rozwiazac taki przypadek?

Czy ja dobrze widzę? Strona na tabelkach w tych czaszach? Wszystkie style w znacznikach html? Strony na tabelkach może były dobre w 1998, ale dziś?! Co do głównego tematu - efekt przejść zdjęć możesz uzyskać w JQuery, a na stronie Rytm jest do tego wykorzystany Flash.

Ta stona powstala ok 3-4 lata temu. Tu pytanie jak to zrobic zeby ta informacje o honorowanych karnetach umiescic w tych tabelkach? Bo tu jest wlasnie problem. Ze ten rysunek instruktorki podzielony jest na 2 ;]

najprościej chyba górny obrazek całkowicie zamazać na kolor tła i karty umieścić zamiast dolna część obrazka

takie rozwiazanie jest bezproblemowe natomiast jak to zrobi w tym samym miejscu nie zmieniajac kodu na divy? ;]

Zamień Twój początek na to, bo już nie pamiętam sam co zmieniłem w stosunku do oryginału :

[HTML] pobierz, plaintext 
<!-- ImageReady Slices (kopia fitness.psd) -->
<div style="width: 350px; position: absolute; height: 250px; left: 0px; z-index: 1000; top: 250px;">
<img src="images/img_11.png">
</div>
 
<table id="Tabela_01" style="position: relative" align="center" border="0" cellpadding="0" cellspacing="0" width="775">  
 
<tbody>
<tr>
	<td colspan="5" width="775">
    	<img id="img_01" src="images/img_01.png" alt="" height="222" width="775"></td>
  </tr>
  <tr>
	<td colspan="5" width="775">
	<img id="img_03" src="images/img_03.png" alt="" height="37" width="775"></td>
  </tr>
  <tr>
	<td style="background-image: url(images/img_12.png);" valign="top" width="259"><img id="img_05" src="images/img_08.png" alt="" height="120" width="240">
 
[HTML] pobierz, plaintext 

W stylach dla body zrób

[CSS] pobierz, plaintext 
body {
    background-color: gray;
    margin: 0 auto;
    position: relative;
    width: 775px;
}
[CSS] pobierz, plaintext 

I voila

A jak chcesz mieć koniecznie ten cały efekt odbicia i większy padding od góry, to zostaw ten jeden poziomy rząd co usunąłem, tylko usuń z tego obrazka kawałek tego co jest po lewej i wtedy zwiększ sobie TOP tego diva gdzie ma być zdjęcie.
Zresztą to wszystko to i tak robota głupiego