Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z layem
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
sajborg
7.08.2004, 11:27:55
Siemka mam problem tworze nowy serwis mam juz lay ale mam problem photoshop tak go pociol i wygenerowal www ze mam teraz problem bo nie moge rozciagać strony w dół. I zmieniac rozmiarów menu. Chciałem zebyscie jak mozecie poprawili html. Podam tu go ale nie podam obrazków bo zdradze serwis i dam za darmo komus lay. 
[HTML] pobierz, plaintext 
  1. <HTML> 
  2. <HEAD> 
  3. <TITLE>xxx</TITLE> 
  4.    <link href="styl.css" type="text/css" rel="STYLESHEET"> 
  5.   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" /> 
  6. </HEAD> 
  7. <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
  8.  
  9. <center> 
  10. <table width="750" border=0 cellpadding=0 cellspacing=0> 
  11.     <tr> 
  12.         <td colspan=8> 
  13.             <IMG height=14 src="images/lay3_01.gif"  width=426></td> 
  14.         <td> 
  15.             <A href="index.php"><IMG height=14 src="images/lay3_02.gif"  width=87 border=0></A></td> 
  16.         <td colspan=2> 
  17.             <A href="index.php"><IMG height=14 src="images/lay3_03.gif"  width=41 border=0></A></td> 
  18.         <td colspan=2> 
  19.             <A href="reklama.php"><IMG height=14 src="images/lay3_04.gif"  width=55 border=0></A></td> 
  20.         <td> 
  21.             <IMG height=14 src="images/lay3_05.gif"  width=73></td> 
  22.         <td colspan=2> 
  23.             <IMG height=14 src="images/lay3_06.gif"  width=55></td> 
  24.         <td rowspan=20> 
  25.             <IMG height=900 src="images/lay3_07.gif"  width=13></td> 
  26.         <td> 
  27.             <IMG height=14 src="images/spacer.gif"  width=1></td> 
  28.     </tr> 
  29.     <tr> 
  30.         <td colspan=16> 
  31.             <IMG height=39 src="images/lay3_08.gif"  width=737></td> 
  32.         <td> 
  33.             <IMG height=39 src="images/spacer.gif"  width=1></td> 
  34.     </tr> 
  35.     <tr> 
  36.         <td colspan=5 rowspan=2 width="326"  height="51"> 
  37.             <IMG height=51 src="images/lay3_09.gif"  width=326></td> 
  38.         <td colspan="10"><?baner('SMALL');?></td> 
  39.         <td rowspan=2> 
  40.             <IMG height=51 src="images/lay3_11.gif"  width=11></td> 
  41.         <td> 
  42.             <IMG height=50 src="images/spacer.gif"  width=1></td> 
  43.     </tr> 
  44.     <TR> 
  45.         <TD COLSPAN=10> 
  46.             <IMG height=1 src="images/lay3_12.gif"  width=400 ></TD> 
  47.         <TD> 
  48.             <IMG height=1 src="images/spacer.gif"  width=1 ></TD> 
  49.     </TR> 
  50.     <TR> 
  51.         <TD COLSPAN=16> 
  52.             <IMG height=44 src="images/lay3_13.gif"  width=737 ></TD> 
  53.         <TD> 
  54.             <IMG height=44 src="images/spacer.gif"  width=1 ></TD> 
  55.     </TR> 
  56.     <TR> 
  57.         <TD COLSPAN=6 background="images/lay3_14.gif" width="335" height="22"> 
  58.  
  59. </TD> 
  60.         <TD COLSPAN=10> 
  61.             <IMG height=22 src="images/lay3_15.gif"  width=402 ></TD> 
  62.         <TD> 
  63.             <IMG height=22 src="images/spacer.gif"  width=1 ></TD> 
  64.     </TR> 
  65.     <TR> 
  66.         <TD COLSPAN=16> 
  67.             <IMG height=7 src="images/lay3_16.gif"  width=737 ></TD> 
  68.         <TD> 
  69.             <IMG height=7 src="images/spacer.gif"  width=1 ></TD> 
  70.     </TR> 
  71.     <TR> 
  72.         <TD> 
  73.             <IMG height=25 src="images/lay3_17.gif"  width=11 ></TD> 
  74.         <TD background="images/lay2_18.gif" width="176"  height="25"> 
  75.             <center><span class="menu">xxx</span></center></TD> 
  76.         <TD COLSPAN=10 ROWSPAN=10 width="374"  height="664" background="images/lay2_24.gif" valign=top> 
  77.                 SRODEK 
  78.             </TD> 
  79.         <td colspan=4 background="images/lay2_20.gif" width="176"  height="25"> 
  80.             <center><span class="menu">Na forum</span></center></td> 
  81.         <TD> 
  82.             <IMG height=25 src="images/spacer.gif"  width=1 ></TD> 
  83.     </TR> 
  84.     <TR> 
  85.         <TD ROWSPAN=12> 
  86.             <IMG height=698 src="images/lay3_21.gif"  width=11 ></TD> 
  87.         <TD ROWSPAN=2 bgcolor="#ebebeb" width="176"  height="139" valign=top> 
  88. menu 
  89.             </TD> 
  90.         <TD COLSPAN=4 bgcolor="#ebebeb"  width="176"  height="123" valign="top"> 
  91. top5 
  92.             </TD> 
  93.         <TD> 
  94.             <IMG height=123 src="images/spacer.gif"  width=1 ></TD> 
  95.     </TR> 
  96.     <TR> 
  97.         <td colspan=4 background="images/lay2_20.gif" width="176"  height="25" rowspan=2> 
  98.             <center><span class="menu">Najnowsze pliki</span></center></td> 
  99.         <TD> 
  100.             <IMG height=16 src="images/spacer.gif"  width=1 ></TD> 
  101.     </TR> 
  102.     <TR> 
  103.         <td background="images/lay2_26.gif" width="176"  height="25" rowspan=2> 
  104.         <center><span class=menu>xxxxxx</span></center> 
  105.             </td> 
  106.         <TD> 
  107.             <IMG height=9 src="images/spacer.gif"  width=1 ></TD> 
  108.     </TR> 
  109.     <TR> 
  110.         <TD COLSPAN=4 ROWSPAN=2 bgcolor="#ebebeb" width="176"  height="125"> 
  111. topdownoad 
  112.             </TD> 
  113.         <TD> 
  114.             <IMG height=16 src="images/spacer.gif"  width=1 ></TD> 
  115.     </TR> 
  116.     <TR> 
  117.         <TD ROWSPAN=3 bgcolor="#ebebeb" width="176"  height="155" valign="top"> 
  118. menu 2 
  119.             </TD> 
  120.         <TD> 
  121.             <IMG height=109 src="images/spacer.gif" width=1></TD> 
  122.     </TR> 
  123.     <TR> 
  124.         <td colspan=4 background="images/lay2_20.gif" width="176"  height="25"> 
  125.             <center><span class="menu">Kto jest na forum</span></center></td> 
  126.         <TD> 
  127.             <IMG height=25 src="images/spacer.gif"  width=1></TD> 
  128.     </TR> 
  129.     <TR> 
  130.         <TD COLSPAN=4 ROWSPAN=3 bgcolor="#ebebeb" width="176"  height="341" valign=top> 
  131. user online 
  132.             </TD> 
  133.         <TD> 
  134.             <IMG height=21 src="images/spacer.gif"  width=1 ></TD> 
  135.     </TR> 
  136.     <TR> 
  137.         <TD> 
  138.             <IMG height=25 src="images/lay3_30.gif"  width=176 ></TD> 
  139.         <TD> 
  140.             <IMG height=25 src="images/spacer.gif"  width=1 ></TD> 
  141.     </TR> 
  142.     <TR> 
  143.         <TD bgcolor="#ebebeb" width="176"  height="295"> 
  144.  
  145.             </TD> 
  146.         <TD> 
  147.             <IMG height=295 src="images/spacer.gif"  width=1 ></TD> 
  148.     </TR> 
  149.     <TR> 
  150.         <TD COLSPAN=15> 
  151.             <IMG height=2 src="images/lay3_32.gif"  width=726 ></TD> 
  152.         <TD> 
  153.             <IMG height=2 src="images/spacer.gif"  width=1 ></TD> 
  154.     </TR> 
  155.     <TR> 
  156.         <TD COLSPAN=2> 
  157.             <IMG height=42 src="images/lay3_33.gif"  width=216 ></TD> 
  158.         <TD> 
  159.             <IMG height=42 src="images/lay3_34.gif"  width=98 ></TD> 
  160.         <TD COLSPAN=3> 
  161.             <IMG height=42 src="images/lay3_35.gif"  width=98 ></TD> 
  162.         <TD COLSPAN=3> 
  163.             <IMG height=42 src="images/lay3_36.gif"  width=103 ></TD> 
  164.         <TD COLSPAN=6> 
  165.             <IMG height=42 src="images/lay3_37.gif"  width=211 ></TD> 
  166.         <TD> 
  167.             <IMG height=42 src="images/spacer.gif"  width=1 ></TD> 
  168.     </TR> 
  169.     <TR> 
  170.         <TD COLSPAN=15> 
  171.             <IMG height=15 src="images/lay3_38.gif"  width=726 ></TD> 
  172.         <TD> 
  173.             <IMG height=15 src="images/spacer.gif"  width=1 ></TD> 
  174.     </TR> 
  175.     <TR> 
  176.         <TD> 
  177.             <IMG height=1 src="images/spacer.gif"  width=11 ></TD> 
  178.         <TD> 
  179.             <IMG height=1 src="images/spacer.gif"  width=176 ></TD> 
  180.         <TD> 
  181.             <IMG height=1 src="images/spacer.gif"  width=40 ></TD> 
  182.         <TD> 
  183.             <IMG height=1 src="images/spacer.gif"  width=98 ></TD> 
  184.         <TD> 
  185.             <IMG height=1 src="images/spacer.gif"  width=1 ></TD> 
  186.         <TD> 
  187.             <IMG height=1 src="images/spacer.gif"  width=9 ></TD> 
  188.         <TD> 
  189.             <IMG height=1 src="images/spacer.gif"  width=88 ></TD> 
  190.         <TD> 
  191.             <IMG height=1 src="images/spacer.gif"  width=3 ></TD> 
  192.         <TD> 
  193.             <IMG height=1 src="images/spacer.gif"  width=87 ></TD> 
  194.         <TD> 
  195.             <IMG height=1 src="images/spacer.gif"  width=13 ></TD> 
  196.         <TD> 
  197.             <IMG height=1 src="images/spacer.gif"  width=28 ></TD> 
  198.         <TD> 
  199.             <IMG height=1 src="images/spacer.gif"  width=7 ></TD> 
  200.         <TD> 
  201.             <IMG height=1 src="images/spacer.gif"  width=48 ></TD> 
  202.         <TD> 
  203.             <IMG height=1 src="images/spacer.gif"  width=73 ></TD> 
  204.         <TD> 
  205.             <IMG height=1 src="images/spacer.gif"  width=44 ></TD> 
  206.         <TD> 
  207.             <IMG height=1 src="images/spacer.gif"  width=11 ></TD> 
  208.         <TD> 
  209.             <IMG height=1 src="images/spacer.gif"  width=13 ></TD> 
  210.         <TD></TD> 
  211.     </TR> 
  212. </table> 
  213. </center> 
  214. </BODY> 
  215. </HTML>
[HTML] pobierz, plaintext


I chodzi o to zeby srodek mogl sie rozciagac w dol razem z ostatnimi lokami menu. I zebym mogl ustalac wysokosc bloków.I jesli będzie mozna to zebym mogl wylaczac bloku prawy i lewy. Ja juz nie mam siły robie a to mi sie rozwala :] jak ja nie lubie html i tabelek :]
fones
7.08.2004, 12:59:34
Zamiesc tą strone gdzies na serwerze, z plikami graficznymi wlacznie... wtedy pogadamy... za duzo smieci tam jest ;(

P.S. Nie martw sie Photoshop tez nie lubi HTML'a... nie lubi i nie umie smile.gif

pozdro
sajborg
7.08.2004, 13:22:07
Zamieszcze ale narazie robie od nowa całośc. Znaczy sie tylko ułożenie tego :] Juz prawie zrobiłem cieżko sie robie tabelki nie mając edytora graficznego ale jakoś daje rade zaraz skoncze moze sie uda :]
fones
7.08.2004, 14:15:59
Cytat(paweb @ 2004-08-07 14:22:07)
... cieżko sie robie tabelki nie mając edytora graficznego ale jakoś daje rade zaraz skoncze moze sie uda :]

wszytko sie robi w wyobrazni... po to sie ją ma... edytor graficzny laugh.gif

pozdro guitar.gif
sajborg
7.08.2004, 15:46:34
Nie miałem na mysli edytora graficznego tylko edytora html w czasie rzeczywistym :]
fones
7.08.2004, 15:49:32
aaa.... chyba ze tak ;pppppp

pozdro guitar.gif
cim
12.08.2004, 18:49:33
ja robiąc layout`y korzystam z CSS`ów... dajesz np. taki kod:

Kod
<td style="background-color: url('tlo.gif'); background-repeat: repeat-y; width: XXXpx;">zawartość tabelki</td>


i taki kodzik umieści w tle komórki tabelki plik 'tlo.gif' i będzie go powtarzał w pionie przez całą komórke bez względu czy będzie ona miała wysokość jednego pliku graficznego czy 100...
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.