Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: szablon pod allegro , coś nie tak
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
blazejwiecha
6.07.2009, 19:40:19
Wtam serdecznie
Stworzyłem szablon pod Allegro, w Dreamweawerze oraz phpED otwiera się poprawnie, lecz w Allegro gdy skopjuje cały kod robią się szopki, podgląd daje tam białą stronę, za to gdy zrobi się krok dalej przed wystawieniem aukcji widać jak strona ma wyglądać. Wtedy mam tylko pasek zamiast całego szablonu strony.
Przykład kodu tu:
[HTML] pobierz, plaintext 
  1. <div id="calosc" style="width:885px; margin:0 auto">
  2.  
  3. <div id="logo" style="position:absolute; width:885px; height:161px; z-index:26; left: 0px; top: 0px;">
  4. <div id="apDiv1" style="position:absolute; width:25px; height:159px; z-index:1; left: 0px; top: 0px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_01.png" width="25" height="159" align="top" /></div>
  5. <div id="apDiv2" style="position:absolute; width:847px; height:159px; z-index:2; left: 25px; top: 0px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_02.png" width="845" height="159" align="top" /></div>
  6. <div id="apDiv3" style="position:absolute; width:30px; height:159px; z-index:3; left: 856px; top: 0px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_03.png" width="30" height="159" align="top" /></div>
  7. </div>
  8.  
  9. <div id="apDiv4" style="position:absolute; width:25px; height:1003px; z-index:4; left: 0px; top: 159px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_04.png" width="25" height="1003" /></div>
  10. <div id="apDiv5" style="position:absolute; width:115px; height:27px; z-index:5; left: 25px; top: 159px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_05.png" width="115" height="27" /></div>
  11. <div id="apDiv6" style="position:absolute; width:115px; height:27px; z-index:6; left: 140px; top: 159px;">
  12.                       <a href="http://allegro.pl/show_user.php?uid=74067">
  13. <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_07.png" width="115" height="27" border="0"/>
  14. </a>
  15. </div>
  16. <div id="apDiv7" style="position:absolute; width:163px; height:27px; z-index:7; left: 254px; top: 159px;">
  17.   <a href="http://allegro.pl/show_user_auctions.php?uid=74067" >    
  18. <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_08.png" width="163" height="27" border="0"/>
  19.    </a>
  20. </div>
  21. <div id="apDiv8" style="position:absolute; width:230px; height:27px; z-index:8; left: 417px; top: 159px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_10.png" width="230" height="27" /></div>
  22. <div id="apDiv9" style="position:absolute; width:220px; height:27px; z-index:9; left: 637px; top: 159px;">
  23.          <A HREF="http://allegro.pl/my_favourites_edit.php?type=fav_sellers&fav_id=74067&ret=%2Fshow_user.php%3Fsearch%3De-aldona">
  24.  
  25.  
  26. <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_11.png" width="220" height="27" BORDER="0"/></a></div>
  27. <div id="apDiv10" style="position:absolute; width:29px; height:1003px; z-index:10; left: 857px; top: 159px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_12.png" width="29" height="1003" /></div>
  28. <div id="apDiv11" style="position:absolute; width:23px; height:56px; z-index:11; left: 0; top: 1148px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_51.png" width="23" height="56" /></div>
  29. <div id="apDiv12" style="position:absolute; width:848px; height:32px; z-index:12; left: 23px; top: 1172px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_54.png" width="848" height="32" /></div>
  30.  
  31. <div id="apDiv13" style="position:absolute; width:29px; height:56px; z-index:13; left: 857px; top: 1148px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_53.png" width="29" height="56" /></div>
  32. <div id="apDiv14" style="position:absolute; width:217px; height:952px; z-index:14; left: 25px; top: 221px;">
  33.   <div id="apDiv39" style="position:absolute; width:215px; height:18px; z-index:25;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_16.png" /></div>
  34.   <div id="apDiv15" style="position:absolute; width:215px; height:17px; z-index:15; left: 0px; top: 18px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_25.png" width="215" height="17" /></div>
  35.  
  36.   <div id="apDiv16" style="position:absolute; width:216px; height:28px; z-index:16; top: 35px; left: 0px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_26.png" width="216" height="128" /></div>
  37.  
  38.  
  39.   <div id="apDiv17" style="position:absolute; width:217px; height:23px; z-index:17; left: 0; top: 163px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_30.png" width="215" height="23" /></div>
  40.  
  41.   <div id="apDiv18" style="position:absolute; width:217px; height:181px; z-index:18; left: 0; top: 186px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_31.png" width="215" height="181" /></div>
  42.  
  43.  
  44.   <div id="apDiv19" style="position:absolute; width:214px; height:27px; z-index:19; left: 0; top: 367px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_33.png" width="214" height="27" /></div>
  45.  
  46.  
  47.  
  48.   <div id="apDiv20" style="position:absolute; width:175px; height:113px; z-index:20; left: 0; top: 394px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_35.png" width="214" height="113" /></div>
  49.  
  50.  
  51.   <div id="apDiv21" style="position:absolute; width:218px; height:26px; z-index:21; left: 0; top: 507px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_40.png" width="216" height="26" /></div>
  52.  
  53.  
  54.   <div id="apDiv22" style="position:absolute; width:218px; height:345px; z-index:22; left: 0; top: 533px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_43.png" width="216" height="345" /></div>
  55.  
  56.  
  57.  
  58.   <div id="apDiv23" style="position:absolute; width:216px; height:49px; z-index:23; left: 0; top: 878px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_46.png" width="214" height="49" /></div>
  59.  
  60.  
  61.  
  62.   <div id="apDiv24" style="position:absolute; width:216px; height:23px; z-index:24; left: -2px; top: 927px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_52.png" width="216" height="24" /></div>
  63. </div>
  64. <div id="apDiv25" style="position:absolute; width:843px; height:35px; z-index:15; left: 25px; top: 186px;">
  65.   <div id="apDiv26" style="position:absolute; width:115px; height:35px; z-index:16; top: 0; left: 0;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_13.png" width="115" height="35" /></div>
  66.   <div id="apDiv27" style="position:absolute; width:278px; height:35px; z-index:17; left: 115px; top: 0px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_14.png" width="278" height="35" /></div>
  67.   <div id="apDiv28" style="position:absolute; width:450px; height:35px; z-index:18; left: 384px; top: 0px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_15.png" width="450" height="35" /></div>
  68. </div>
  69.  
  70. <div id="apDiv29" style="position:absolute; width:35px; height:35px; z-index:16; left: 239px; top: 221px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_17.png" width="34" height="35" /></div>
  71. <div id="apDiv30" style="position:absolute; width:34px; height:893px; z-index:17; left: 239px; top: 256px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_27.png" width="34" height="893" /></div>
  72. <div id="mapa" style="position:absolute; width:566px; height:520px; z-index:19; left: 282px; top: 228px;">
  73.   <div id="mapa_obrazek" style="position:absolute; width:553px; height:501px; z-index:1; left: 0px; top: 9px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_22.png" width="566" height="479" /></div>
  74. </div>
  75. <div id="apDiv33" style="position:absolute; width:406px; height:32px; z-index:20; left: 272px; top: 755px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_37.png" width="406" height="32" /></div>
  76. <div id="apDiv34" style="position:absolute; width:190px; height:32px; z-index:21; left: 668px; top: 755px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_38.png" width="190" height="32" /></div>
  77. <div id="opis_aukcji" style="position:absolute; width:582px; height:231px; z-index:22; left: 275px; top: 788px;">
  78.  <p>kjhkjgkjgkjgkgkh</p>
  79. <p>sadsadsad</p>
  80. <p>asdsadsad</p>
  81. <p> </p>
  82. </div>
  83. <div id="apDiv37" style="position:absolute; width:595px; height:29px; z-index:23; left: 272px; top: 1020px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_44.png" width="595" height="29" /></div>
  84. <div id="skrypt_z_fotkami" style="position:absolute; width:582px; height:122px; z-index:24; left: 275px; top: 1050px;"></div>
  85. <div id="apDiv40" style="position:absolute; width:35px; height:37px; z-index:25; left: 239px; top: 1145px;"><img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_51.png" width="34" height="56" /></div>
  86. </div>
[HTML] pobierz, plaintext


Może ktoś z Was będzie znał rozwiązanie, ub mnie gdzieś pokieruje sad.gif
prszakal
14.07.2009, 07:36:36
1) Divitis
2) Po co nadajesz każdemu elementowi atrybut id skoro stylów używasz za pomocą atrybutu style?
3) Wybrałeś bardzo złe rozwiązanie. Mam na myśli absolutne pozycjonowanie elementów
4) Kod nie jest poprawny i wcale nie dziwi mnie to, że jest niepoprawnie interpretowany przez Allegro. Najlepiej napisz go jeszcze raz od początku zważając na semantykę kodu HTML oraz wszelakie standardy.

pozdrawiam
prszakal
blazejwiecha
14.07.2009, 20:22:56
Niewielka pomoc,ale zawsze
Doszedłem narazie że w kod na sam dół musze dodać z 10 <br> ale to nie rozwiązanie. Jakieś sugestie ?
[HTML] pobierz, plaintext 
  1. <div style="width: 100%; background-color: rgb(248, 244, 229); color: rgb(129, 129, 129); font-family: tahoma; font-size: 12px;">
  2. <div style="width: 844px; margin-left: auto; margin-right: auto;">
  3. <div style="width:885px; margin:0 auto">
  4.     <div style="position:absolute; width:885px; height:161px; z-index:26; left: 0px; top: 0px;">
  5.         <div style="position:absolute; width:25px; height:159px; z-index:1; left: 0px; top: 0px;">
  6.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_01.png" width="25" height="159" align="top" />
  7.         </div>
  8.         <div style="position:absolute; width:847px; height:159px; z-index:2; left: 25px; top: 0px;">
  9.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_02.png" width="845" height="159" align="top" />
  10.         </div>
  11.         <div style="position:absolute; width:30px; height:159px; z-index:3; left: 856px; top: 0px;">
  12.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_03.png" width="30" height="159" align="top" />
  13.         </div>
  14.     </div>
  15.     <div style="position:absolute; width:25px; height:1003px; z-index:4; left: 0px; top: 159px;">
  16.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_04.png" width="25" height="1003" />
  17.     </div>
  18.     <div style="position:absolute; width:115px; height:27px; z-index:5; left: 25px; top: 159px;">
  19.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_05.png" width="115" height="27" />
  20.     </div>
  21.     <div style="position:absolute; width:115px; height:27px; z-index:6; left: 140px; top: 159px;">
  22.         <a href="http://allegro.pl/show_user.php?uid=74067">
  23.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_07.png" width="115" height="27" border="0"/>
  24.         </a>
  25.     </div>
  26.     <div style="position:absolute; width:163px; height:27px; z-index:7; left: 254px; top: 159px;">
  27.         <a href="http://allegro.pl/show_user_auctions.php?uid=74067" >    
  28.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_08.png" width="163" height="27" border="0"/>
  29.         </a>
  30.     </div>
  31.     <div style="position:absolute; width:230px; height:27px; z-index:8; left: 417px; top: 159px;">
  32.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_10.png" width="230" height="27" />
  33.     </div>
  34.     <div style="position:absolute; width:220px; height:27px; z-index:9; left: 637px; top: 159px;">
  35.          <A HREF="http://allegro.pl/my_favourites_edit.php?type=fav_sellers&fav_id=74067&ret=%2Fshow_user.php%3Fsearch%3De-aldona">
  36.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_11.png" width="220" height="27" BORDER="0"/>
  37.          </a>
  38.     </div>
  39.     <div style="position:absolute; width:29px; height:1003px; z-index:10; left: 857px; top: 159px;">
  40.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_12.png" width="29" height="1003" />
  41.     </div>
  42.     <div style="position:absolute; width:23px; height:56px; z-index:11; left: 0; top: 1148px;">
  43.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_51.png" width="23" height="56" />
  44.     </div>
  45.     <div style="position:absolute; width:848px; height:32px; z-index:12; left: 23px; top: 1172px;">
  46.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_54.png" width="848" height="32" />
  47.     </div>
  48.     <div style="position:absolute; width:29px; height:56px; z-index:13; left: 857px; top: 1148px;">
  49.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_53.png" width="29" height="56" />
  50.     </div>
  51.     <div style="position:absolute; width:217px; height:952px; z-index:14; left: 25px; top: 221px;">
  52.         <div style="position:absolute; width:215px; height:18px; z-index:25; left:0; top:0;">
  53.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_16.png" />
  54.         </div>
  55.         <div style="position:absolute; width:215px; height:17px; z-index:15; left: 0px; top: 18px;">
  56.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_25.png" width="215" height="17" />
  57.         </div>
  58.         <div style="position:absolute; width:216px; height:28px; z-index:16; top: 35px; left: 0px;">
  59.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_26.png" width="216" height="128" />
  60.         </div>
  61.         <div style="position:absolute; width:217px; height:23px; z-index:17; left: 0; top: 163px;">
  62.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_30.png" width="215" height="23" />
  63.         </div>
  64.         <div  style="position:absolute; width:217px; height:181px; z-index:18; left: 0; top: 186px;">
  65.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_31.png" width="215" height="181" />
  66.         </div>
  67.         <div style="position:absolute; width:214px; height:27px; z-index:19; left: 0; top: 367px;">
  68.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_33.png" width="214" height="27" />
  69.         </div>
  70.         <div style="position:absolute; width:175px; height:113px; z-index:20; left: 0; top: 393px;">
  71.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_35.png" width="214" height="113" />
  72.         </div>
  73.         <div style="position:absolute; width:218px; height:26px; z-index:21; left: 0; top: 507px;">
  74.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_40.png" width="216" height="26" />
  75.         </div>
  76.         <div style="position:absolute; width:218px; height:345px; z-index:22; left: 0; top: 533px;">
  77.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_43.png" width="216" height="345" />
  78.         </div>
  79.         <div style="position:absolute; width:216px; height:49px; z-index:23; left: 0; top: 878px;">
  80.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_46.png" width="214" height="49" />
  81.         </div>
  82.         <div style="position:absolute; width:216px; height:23px; z-index:24; left: -2px; top: 927px;">
  83.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_52.png" width="216" height="24" />
  84.         </div>
  85.     </div>
  86.     <div style="position:absolute; width:843px; height:35px; z-index:15; left: 25px; top: 186px;">
  87.         <div style="position:absolute; width:115px; height:35px; z-index:16; top: 0; left: 0;">
  88.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_13.png" width="115" height="35" />
  89.         </div>
  90.         <div style="position:absolute; width:278px; height:35px; z-index:17; left: 115px; top: 0px;">
  91.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_14.png" width="278" height="35" />
  92.         </div>
  93.         <div style="position:absolute; width:450px; height:35px; z-index:18; left: 384px; top: 0px;">
  94.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_15.png" width="450" height="35" />
  95.         </div>
  96.     </div>
  97.     <div style="position:absolute; width:35px; height:35px; z-index:16; left: 239px; top: 221px;">
  98.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_17.png" width="34" height="35" />
  99.     </div>
  100.     <div style="position:absolute; width:34px; height:893px; z-index:17; left: 239px; top: 256px;">
  101.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_27.png" width="34" height="893" />
  102.     </div>
  103.     <div style="position:absolute; width:566px; height:520px; z-index:19; left: 282px; top: 228px;">
  104.         <div style="position:absolute; width:554px; height:501px; z-index:1; left: 5px; top: 9px;">
  105.             <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_22.png" width="555" height="479" />
  106.         </div>
  107.     </div>
  108.     <div style="position:absolute; width:406px; height:32px; z-index:20; left: 272px; top: 755px;">
  109.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_37.png" width="406" height="32" />
  110.     </div>
  111.     <div style="position:absolute; width:190px; height:32px; z-index:21; left: 668px; top: 755px;">
  112.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_38.png" width="190" height="32" />
  113.     </div>
  114.     <div style="position:absolute; width:582px; height:231px; z-index:22; left: 275px; top: 788px;">
  115.         <!--opis-->
  116.     </div>
  117.     <div  style="position:absolute; width:595px; height:29px; z-index:23; left: 272px; top: 1020px;">
  118.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_44.png" width="595" height="29" />
  119.     </div>
  120.     <div style="position:absolute; width:582px; height:122px; z-index:24; left: 275px; top: 1050px;">
  121.     </div>
  122.     <div style="position:absolute; width:35px; height:37px; z-index:25; left: 239px; top: 1145px;">
  123.         <img src="http://hugonnet.org/~blazejwiecha/pociete/images/SZABLON-NOWY3pociety_51.png" width="34" height="56" />
  124.     </div>
  125. </div>
  126. </div>
  127. </div>
[HTML] pobierz, plaintext
drake88
14.07.2009, 20:28:45
Zamiast tych br daj vertical-align: bottom
blazejwiecha
14.07.2009, 21:03:51
próbowałem ... bez skutku .... jak dam z palca w pierwszym div wysokość to działa,ale chcę by zaczęło się rozciągać wraz z tekstem
Kildyt
14.07.2009, 21:10:16
To allegro akceptuje już div-y? Z tego co wiem, to szablony tworzyło się na tabelkach.
Sprawdź kodowanie. Może masz inne, niż te zadeklarowane na allegro? Przeanalizuj ich kod i style. Może coś "z góry" zakładają na niektóre elementy?
blazejwiecha
16.07.2009, 11:21:47
akceptują divy które są centralnie w pliku, a nie zewnętrznym kodzie. Wtedy przechodzi , dlatego też ten kod jest tak spory

ale kłopot nadal mam z nim .....
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.