ďťż

Problem z wyświetlaniem strony w różnych przeglądarkach

       

Podstrony


telcocafe

Witam

Mam problem - prawdopodobnie prosty, ale jednak nie dla mnie.

Zrobiłem ostatnio swój pierwszy layout w Photoshopie i go pociąłem w ImageReady. Wszystko niby git. Po wstawiałem obrazki jako tła komórek no i nadal było w porządku. Wtedy zastosowałem taki prosty skrypcik do efektu rollover i się coś (chyba przez to pochrzaniło).

Efekt poniżej. Dobrze strona się wyświetla w IE a kiepsko pod operą i Firefoxem:

http://img02.picoodle.com/img/img02/7/1/19/t_fotoi_c26fm_fbcce15.jpg

Oto i kod :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>layout3</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> </head> <body bgcolor="black"> <!-- ImageReady Slices (layout3.psd) --> <center><table width="700" border="0" cellpadding="" cellspacing="0"> <tr> <td colspan="10" background="images/ppp_01.gif" width="700" height="125" alt=""> </td> </tr> <tr> <td> <a onmouseover="document.image1.src='images/ppp2_02.gif';" onmouseout="document.image1.src='images/ppp_02.gif';" href="knr.htm"> <img src="images/ppp_02.gif" align="top" border="0" height="75" width="75" name="image1"></a> </td> <td> <a onmouseover="document.image2.src='images/ppp2_03.gif';" onmouseout="document.image2.src='images/ppp_03.gif';" href="knr.htm"> <img src="images/ppp_03.gif" align="top" border="0" height="75" width="100" name="image2"></a> </td> <td> <a onmouseover="document.image3.src='images/ppp2_04.gif';" onmouseout="document.image3.src='images/ppp_04.gif';" href="knr.htm"> <img src="images/ppp_04.gif" align="top" border="0" height="75" width="125" name="image3"></a> </td> <td colspan="2"> <a onmouseover="document.image4.src='images/ppp2_05.gif';" onmouseout="document.image4.src='images/ppp_05.gif';" href="knr.htm"> <img src="images/ppp_05.gif" align="top" border="0" height="75" width="125" name="image4"></a> </td> <td> <a onmouseover="document.image5.src='images/ppp2_06.gif';" onmouseout="document.image5.src='images/ppp_06.gif';" href="knr.htm"> <img src="images/ppp_06.gif" align="top" border="0" height="75" width="75" name="image5"></a> </td> <td colspan="2"> <a onmouseover="document.image6.src='images/ppp2_07.gif';" onmouseout="document.image6.src='images/ppp_07.gif';" href="knr.htm"> <img src="images/ppp_07.gif" align="top" border="0" height="75" width="84" name="image6"></a> </td> <td> <a onmouseover="document.image7.src='images/ppp2_08.gif';" onmouseout="document.image7.src='images/ppp_08.gif';" href="knr.htm"> <img src="images/ppp_08.gif" align="top" border="0" height="75" width="66" name="image7"></a> </td> <td> <a onmouseover="document.image8.src='images/ppp2_09.gif';" onmouseout="document.image8.src='images/ppp_09.gif';" href="knr.htm"> <img src="images/ppp_09.gif" align="top" border="0" height="75" width="50" name="image8"></a> </td> </tr> <tr> <td colspan="10" background="images/ppp_10.gif" width="700" height="625" alt="" valign="top"> </td> </tr> <tr> <td colspan="2" background="images/ppp_11.gif" width="175" height="50" alt=""> </td> <td> <a onmouseover="document.image9.src='images/ppp2_12.gif';" onmouseout="document.image9.src='images/ppp_12.gif';" href="knr.htm"> <img src="images/ppp_12.gif" align="top" border="0" height="50" width="125" name="image9" alt="Po naszemu :)"></a> </td> <td> <a onmouseover="document.image10.src='images/ppp2_13.gif';" onmouseout="document.image10.src='images/ppp_13.gif';" href="knr.htm"> <img src="images/ppp_13.gif" align="top" border="0" height="50" width="100" name="image10" alt="English version"></a> </td> <td colspan="3"> <a onmouseover="document.image11.src='images/ppp2_14.gif';" onmouseout="document.image11.src='images/ppp_14.gif';" href="knr.htm"> <img src="images/ppp_14.gif" align="top" border="0" height="50" width="125" name="image11" alt="Version Français"></a> </td> <td colspan="3" background="images/ppp_15.gif" width="175" height="50" alt=""> </td> </tr> <tr> <td colspan="10" background="images/ppp_16.gif" width="700" height="25" alt=""> </td> </tr> <tr> <td background="images/spacer.gif" width="75" height="1" alt=""> </td> <td background="images/spacer.gif" width="100" height="1" alt=""> </td> <td background="images/spacer.gif" width="125" height="1" alt=""> </td> <td background="images/spacer.gif" width="100" height="1" alt=""> </td> <td background="images/spacer.gif" width="25" height="1" alt=""> </td> <td background="images/spacer.gif" width="75" height="1" alt=""> </td> <td background="images/spacer.gif" width="25" height="1" alt=""> </td> <td background="images/spacer.gif" width="59" height="1" alt=""> </td> <td background="images/spacer.gif" width="66" height="1" alt=""> </td> <td background="images/spacer.gif" width="50" height="1" alt=""> </td> </tr> </table></center> <!-- End ImageReady Slices --> </body> </html>

Szukałem i na forum i na google, więc nie piszcie proszę o tym żebym sam sobie poszukał. Jest dużo tematów na temat różnego działania stron w różnych przeglądarkach ale nigdzie nie znalazłem odpowiedzi na moje pytanie.

Z góry bardzo dziękuję
Użytkownik Wolfskin edytował ten post 19 styczeń 2007, 18:02


no niestety, ale bez kodu NIC nie zrobimy.

Może chociaż ktoś ma zalążek jakiegoś pomysłu, bo zupełnie nie wiem co z tym zrobić. A niestety stronkę miałem zrobić do dziś -_-

1. Daj cały lay, np. na eimg.org
2. IR daje strasznie 'głupi' kod
3. Zrób to na divach
:)



http://www.eimg.org/miniaturki/235842layout3.jpg - to jest cały lay

@master_dos Mam w takim razie pytanie. Jak byś przekształcił ten kod na divy. Nie mam na myśli tego żebyś mi stronę robił :D bardziej chodzi mi o to czy po prostu mogę przekształcić to co mam bez konieczności robienia wszystkiego od nowa.
Użytkownik Wolfskin edytował ten post 21 styczeń 2007, 15:33
1. nie wiem jak przeksztalcic bo nie wiem jak pociales ;) ale prosto da sie to zrobic na divach
2. potnij tak: http://www.eimg.org/...5842layout3.PNG <= czerwony kolor to ciecie i zrob pionowy 1px pasek od konca menu wyboru do konca stopki
3. strona bedzie tak wygladac:
<div id="container"> <div id="top"></div> <div id="menu"></div> <div id="srodek"> Lorem ipsum </div> <div id="jezyki"> <div id="polski"></div> <div id="angielski"></div> <div id="francuski"></div> </div> <div id="stopka"><div> </div>
i w zasadzie to text wstawiasz tylko w divie srodek, a reszta te linie i efekt to w css i ementualnie js (ale hover to i w css zrobisz)

taka jest moja wizja tego

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.