Problem z szablonem z po wysłaniu na serwer zdjęć.

Wszystko o HTML, XHTML, XML, CSS.
zabawkizszafki
Posty: 3
Rejestracja: 15 lut 2017, 14:25:30
Reputacja: 0
Płeć: Niewybrana
User Agent: Chrome Windows 1366x768

Problem z szablonem z po wysłaniu na serwer zdjęć.

Postautor: zabawkizszafki » 15 lut 2017, 20:38:36

Witam serdecznie wszystkich
Od 2 dni borykam się z problemem związanym z moim szablonem który robię na alleg..
Szablon prosty, wykonany w Photoshopie.
Zrobiłem wizualizację a następnie pociąłem na kawalki i zakodowałem.
Szablon po zapisaniu i otwarciu pliku html w przeglądarce wygląda tak jak miał wyglądać, lecz po przekierowaniu zdjęć na serwer CBA stronka cała się rozstrzeliwuje.
Oto kod po zapisie i który działa prawidłowo

CodeColon Select All Code

<html>
<head>
<title>allegro</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (allegro.psd - Slices: 01, 03, 04, 05, 06, 07, 08) -->
<table id="Tabela_01" width="1199" height="2000" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="2">
         <img src="images/allegro_01.gif" width="1169" height="489" alt=""></td>
      <td width="29" height="2000" rowspan="6">
         <img src="images/spacer.gif" width="29" height="2000" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="489" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/allegro_03.gif" width="581" height="603" alt=""></td>
      <td>
         <img src="images/allegro_04.gif" width="588" height="603" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="603" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/allegro_05.gif" width="581" height="463" alt=""></td>
      <td rowspan="2">
         <img src="images/allegro_06.gif" width="588" height="665" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="463" alt=""></td>
   </tr>
   <tr>
      <td rowspan="3">
         <img src="images/allegro_07.gif" width="581" height="445" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="202" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="images/allegro_08.gif" width="588" height="216" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="216" alt=""></td>
   </tr>
   <tr>
      <td width="588" height="27">
         <img src="images/spacer.gif" width="588" height="27" alt=""></td>
      <td>
         <img src="images/spacer.gif" width="1" height="27" alt=""></td>
   </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>


oto kod po zmianie który rozwala mi całą stronę

CodeColon Select All Code

<html>
<head>
<title>allegro</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (allegro.psd - Slices: 01, 03, 04, 05, 06, 07, 08) -->
<table id="Tabela_01" width="1199" height="2000" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="2">
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_01.gif" width="1169" height="489" alt=""></td>
      <td width="29" height="2000" rowspan="6">
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="29" height="2000" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="1" height="489" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_03.gif" width="581" height="603" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_04.gif" width="588" height="603" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="1" height="603" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_05.gif" width="581" height="463" alt=""></td>
      <td rowspan="2">
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_06.gif" width="588" height="665" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="1" height="463" alt=""></td>
   </tr>
   <tr>
      <td rowspan="3">
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_07.gif" width="581" height="445" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="1" height="202" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/allegro_08.gif" width="588" height="216" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="1" height="216" alt=""></td>
   </tr>
   <tr>
      <td width="588" height="27">
         <img src=http://www.zabawkizszafki.cba.pl/"images/spacer.gif" width="588" height="27" alt=""></td>
      <td>
         <img src="http://www.zabawkizszafki.cba.pl/images/spacer.gif" width="1" height="27" alt=""></td>
   </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>


Jak widać zostaje zmieniona tylko ścieżka do zdjęć.
Robiąc testy na przykładzie pierwszego logo zauważyłem że zdjęcie po wgraniu na serwer zmienia rozmiar.


Bardzo proszę o pomoc
zabawkizszafki
Posty: 3
Rejestracja: 15 lut 2017, 14:25:30
Reputacja: 0
Płeć: Niewybrana
User Agent: Chrome Windows 1366x768

Problem z szablonem z po wysłaniu na serwer zdjęć.

Postautor: zabawkizszafki » 15 lut 2017, 22:55:44

Znalazłem odpowiedź.
Wystarczyło scalić warstwy dotyczące jednego elementu.
Np LOGO miało z 10 warstw więc scaliłem jako jedno i już się trzyma strona

Wróć do „HTML, CSS”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 6 gości