Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/php] PORADA
Forum PHP.pl > Forum > Przedszkole
adiscan
5.02.2008, 12:39:57
Witam!
Chciałem zrobiś niedużą stronke o strojach ludowych.
Chciałem zeby składała sie z dużego logo w nagłówku następnie poziomego menu poniże zmieniająca się treść strony i stałej stopki.

I stąd moje pytanie ! Jak zrobić szkielet tak aby:
logo wraz z poziomym menu było niezmienne a zmieniała się tylko treść strony.

Zrobiłem cos takiego na div'ach i stylach. Ale mam problem z miejscem na zmieniającą się treść! Nie chce aby ta komórka miała stałą wartość rozmiarową. Chciałbym aby rozmiar tej komorki zmieniał się w zależności od biętości stronki.

Obecnie mam tak że w div'ie umieściłem ramke lokalną iframe i do niej wczytuje poszczegolne strony! Ale niestety nawet jak zrobie ze ramka automatycznie dostosowuje się do obiętości wczytywanej strony to niestety DIV sie już nie powieksza i obcina.

Bardzo prosiłbym o rade jak wybrnąc z tego problemu !
może jakis inny sposob na zrobienie tego?

Z góry wielkie dzieki!
galileox86
5.02.2008, 12:54:11
no to nie prosciej zrobic skrypt php ktory z geta bedzie rozpoznwal co ma za strone wyswietlic i includuje tresc strony




np adres index.php?strona=stroje


stroje.php
[PHP] pobierz, plaintext 
  1. <?php
  2. echo 'oto strona ze strojami';
  3. ?>
[PHP] pobierz, plaintext


a index niech wyglada tak

index.php
[PHP] pobierz, plaintext 
  1. <div><!-- ten w ktorym to ma byc -->
  2. <?php
  3. if($_GET['strona'])
  4. {
  5. if(file_exists('./'.$_GET['strona'].'.php'))
  6. {
  7.    include($_GET['strona'].'.php');
  8. }
  9. else
  10. {
  11.  echo 'podana postrona nie istnieje';
  12. }
  13. }
  14. else 
  15. {
  16. echo 'strona głowna';
  17. }
  18. ?>
  19. </div>
[PHP] pobierz, plaintext
adiscan
5.02.2008, 13:29:56
No w sumie racja
wkleiłem i działa ale pojawił się problem ze stylami ! Wszystko mi sie rozjechało ! a ingerowałem tylko w tą jedną komórke ...
wybacz ale nie jestem jeszcze mistrzem w php...
galileox86
5.02.2008, 13:33:53
Wiesz to ze sie rozwalilo to nie ma zadnego zwiazku ze skryptem poniewaz ten skrypt to jest po prostu 1 DIV otwarty i domkniety to teraz ty musisz sprawdzic czy masz dobrze napisany HTML. Poniewaz chyba nikt nie jest w stanie na slepo ci nic powiedziec
adiscan
5.02.2008, 14:20:38
:-) już wszystko jest oki :-)
jeszcze jedno pytanko !
a jak zrobić zeby domyslnie ładowała się ta strona?
nospor
5.02.2008, 14:22:51
zamiast echo 'strona głowna'; daj include strony ktora chcesz miec domyslna. to chyba w miare oczywiste.

Podobnie w przypadku gdy dane strony nie ma to zamiast: echo 'podana postrona nie istnieje'; daj include swojej domyslnej strony
adiscan
5.02.2008, 21:02:11
eh zapowiadało sie już ze wszystko bedzie ładnie pieknie a tu kiszka !
Skopiowałem link do Mozilli i do opery a tam wszystko jest roziechane sad.gif
W IE jest ok.
Czego tak jest? MOZILLA ani OPERA nie lubi stylow?

http://www.mdm.jdm.pl/ina/b/index.php

to link do tej stronki



jak inaczej moge jednoznacznie we wszystkich przeglądarkach ustawić stronke?
Maciekbjw
5.02.2008, 21:37:32
Nie dziwię się, że sie rozwala, masz w kodzie dwa razy, a może nawet więcej użyty znacznik <head> np. wczytujesz w ogole do diva coś takiego jak <body>. Tego się tak nie robi, poczytaj coś o xhtml 1.0.

Co do generowania treści w php, to prościej możesz zrobić np coś takiego:

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. if($_GET['strona']=='costam') { echo ' Tresc podstrony';}
  4. elseif($_GET['strona']=='costam2') { echo 'Tresc innej podstrony'; }
  5.  
  6. else { echo 'tresc strony glownej(indexu)'; }
  7.  
  8. ?>
[PHP] pobierz, plaintext

Poźniej odnosisz się do tego np: index.php?strona=costam
adiscan
5.02.2008, 22:05:42
Jakoś nie zauważylem zebym miał np w Divie <body>
A <head> tez mam tylko na początku !
Możesz troszke jasniej napisac? albo jakoś bardziej mnie naprowadzić?
nowotny
5.02.2008, 22:07:53
Cytat(adiscan @ 5.02.2008, 22:05:42 ) *
Jakoś nie zauważylem zebym miał np w Divie <body>
A <head> tez mam tylko na początku !
Możesz troszke jasniej napisac? albo jakoś bardziej mnie naprowadzić?

No to poszukaj jeszcze raz... masz 2 strony w jednej...
adiscan
5.02.2008, 22:20:27
Sorry za ten kod!

Tak macie racje! Już poprawiłem to ale dalej wszystko jest rozwalone :-(



[PHP] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  6. <meta name="ProgId" content="FrontPage.Editor.Document">
  7. <title>Nagłówek szablonu</title>
  8. <link rel="Stylesheet" type="text/css" href="topl.css" />
  9. </head>
  10.  
  11.  
  12. <center>
  13. <div id="top">
  14. 	<div id="NAGLOWEK">
  15.    
  16. <object id="index" codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="219" width="772" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  17. <param name="_cx" value="20426">
  18. <param name="_cy" value="5794">
  19. <param name="FlashVars" value>
  20. <param name="Movie" value="http://www.mdm.jdm.pl/ina/header.swf">
  21. <param name="Src" value="http://www.mdm.jdm.pl/ina/header.swf">
  22. <param name="WMode" value="Window">
  23. <param name="Play" value="-1">
  24. <param name="Loop" value="-1">
  25. <param name="Quality" value="High">
  26. <param name="SAlign" value>
  27. <param name="Menu" value="-1">
  28. <param name="Base" value>
  29. <param name="AllowScriptAccess" value>
  30. <param name="Scale" value="ShowAll">
  31. <param name="DeviceFont" value="0">
  32. <param name="EmbedMovie" value="0">
  33. <param name="BGColor" value>
  34. <param name="SWRemote" value>
  35. <param name="MovieData" value>
  36. <param name="SeamlessTabbing" value="1">
  37. <param name="Profile" value="0">
  38. <param name="ProfileAddress" value>
  39. <param name="ProfilePort" value="0">
  40. <param name="AllowNetworking" value="all">
  41. <param name="AllowFullScreen" value="false"><embed src="http://www.mdm.jdm.pl/ina/header.swf" quality="best" WIDTH="770" HEIGHT="220" NAME="index" ALIGN TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
  42. </object>
  43. </div>
  44.  
  45.  
  46. 	<div id="MENU1"><img border="0" src="http://www.mdm.jdm.pl/ina/kwiatyozd2.gif" width="46" height="25" align="left"><a href="index.php"><img border="0" src="index.2.gif" width="194" height="33"></a></div>
  47.  
  48. 	<div id="MENU2"><a href="index.php?strona=galeria_test"><img border="0" src="index.3.gif" width="188" height="33"></a></div>
  49.  
  50. 	<div id="MENU3"><img border="0" src="index.4.gif" width="151" height="35"></div>
  51.  
  52. 	<div id="MENU4"><a href="index.php?strona=kontakt"><img border="0" src="index.5.gif" width="106" height="34"></a></div>
  53.  
  54.  
  55.  
  56. <div id="TRESC">
  57.  
  58. <?php
  59. if($_GET['strona'])
  60. {
  61. if(file_exists('./'.$_GET['strona'].'.php'))
  62. {   
  63. include($_GET['strona'].'.php');
  64. }
  65. else
  66. { 
  67. echo 'podana postrona nie istnieje';
  68. }
  69. }
  70. else 
  71. {
  72. include($_GET['strona'].'ina.php');
  73. }
  74. ?>
  75.  
  76.  
  77. 	</div>
  78.  
  79.  
  80.  
  81. <div id="STOPKA1">
  82.  
  83. <object id="index1" codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="51" width="105" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  84. <param name="_cx" value="2778">
  85. <param name="_cy" value="1349">
  86. <param name="FlashVars" value>
  87. <param name="Movie" value="http://www.mdm.jdm.pl/ina/kwiat.swf">
  88. <param name="Src" value="http://www.mdm.jdm.pl/ina/kwiat.swf">
  89. <param name="WMode" value="Transparent">
  90. <param name="Play" value="0">
  91. <param name="Loop" value="-1">
  92. <param name="Quality" value="High">
  93. <param name="SAlign" value>
  94. <param name="Menu" value="-1">
  95. <param name="Base" value>
  96. <param name="AllowScriptAccess" value>
  97. <param name="Scale" value="ShowAll">
  98. <param name="DeviceFont" value="0">
  99. <param name="EmbedMovie" value="-1">
  100. <param name="BGColor" value>
  101. <param name="SWRemote" value>
  102. <param name="MovieData" value>
  103. <param name="SeamlessTabbing" value="1">
  104. <param name="Profile" value="0">
  105. <param name="ProfileAddress" value>
  106. <param name="ProfilePort" value="0">
  107. <param name="AllowNetworking" value="all">
  108. <param name="AllowFullScreen" value="false"><embed src="http://www.mdm.jdm.pl/ina/kwiat.swf" quality="best" WIDTH="240" HEIGHT="110" NAME="index" ALIGN TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
  109. </object>  
  110.    
  111.    </div>
  112.    
  113.  
  114. 	<div id="STOPKA2">
  115. 	INA Przedsiębiorstwo Wielobranżowe, ul. Hanasiewicza 19, 35-103 Rzeszów 
  116. 	</div>
  117.  
  118.  
  119.  
  120.    <div id="STOPKA3">
  121.  
  122. <object id="index1" codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="51" width="105" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  123. <param name="_cx" value="2778">
  124. <param name="_cy" value="1349">
  125. <param name="FlashVars" value>
  126. <param name="Movie" value="http://www.mdm.jdm.pl/ina/kwiat.swf">
  127. <param name="Src" value="http://www.mdm.jdm.pl/ina/kwiat.swf">
  128. <param name="WMode" value="Transparent">
  129. <param name="Play" value="0">
  130. <param name="Loop" value="-1">
  131. <param name="Quality" value="High">
  132. <param name="SAlign" value>
  133. <param name="Menu" value="-1">
  134. <param name="Base" value>
  135. <param name="AllowScriptAccess" value>
  136. <param name="Scale" value="ShowAll">
  137. <param name="DeviceFont" value="0">
  138. <param name="EmbedMovie" value="-1">
  139. <param name="BGColor" value>
  140. <param name="SWRemote" value>
  141. <param name="MovieData" value>
  142. <param name="SeamlessTabbing" value="1">
  143. <param name="Profile" value="0">
  144. <param name="ProfileAddress" value>
  145. <param name="ProfilePort" value="0">
  146. <param name="AllowNetworking" value="all">
  147. <param name="AllowFullScreen" value="false"><embed src="http://www.mdm.jdm.pl/ina/kwiat.swf" quality="best" WIDTH="240" HEIGHT="110" NAME="index" ALIGN TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
  148. </object> 
  149.  
  150. 	</div>
  151.  
  152.  
  153.    <div id="STOPKA4"><img src="bottom_line.gif" width="775" height="20"></div>	
  154.  
  155. </div>
  156. </center>
  157.  
  158.  
  159. </html>
[PHP] pobierz, plaintext
Maciekbjw
6.02.2008, 09:33:05
<center> ?

Hmm, tego się używało jakieś 3-4 lata temu.
Teraz, w xhtmlu nie ma czegoś takiego, tak samo jak <div align="center">, teraz musisz mieć wszystko zdefiniowane w stylach CSS.
Moja rada-potnij stronę od nowa.
leos
6.02.2008, 13:11:43
Cytat(galileox86 @ 5.02.2008, 12:54:11 ) *
no to nie prosciej zrobic skrypt php ktory z geta bedzie rozpoznwal co ma za strone wyswietlic i includuje tresc strony




np adres index.php?strona=stroje


stroje.php
[PHP] pobierz, plaintext 
  1. <?php
  2. echo 'oto strona ze strojami';
  3. ?>
[PHP] pobierz, plaintext


a index niech wyglada tak

index.php
[PHP] pobierz, plaintext 
  1. <?php
  2. if($_GET['strona'])
  3. {
  4. if(file_exists('./'.$_GET['strona'].'.php'))
  5. {
  6.    include($_GET['strona'].'.php');
  7. }
  8. else
  9. {
  10.  echo 'podana postrona nie istnieje';
  11. }
  12. }
  13. else 
  14. {
  15. echo 'strona głowna';
  16. }
  17. ?>
[PHP] pobierz, plaintext

Witam,
Czy moglibyscie podaj jakies linki do stron gdzie moge przeczytac o takim sposobie budowania stron?
Z gory dziekuje
Pozdrawiam
nowotny
6.02.2008, 13:13:45
Cytat(leos @ 6.02.2008, 13:11:43 ) *
Czy moglibyscie podaj jakies linki do stron gdzie moge przeczytac o takim sposobie budowania stron?

http://www.google.pl... tongue.gif
adiscan
22.02.2008, 22:54:24
Mam jeszcze taki problem! chodzi o tło w divie. Mam 2 kolumny. W pierwszej jest obrazek z podpisem a w drugiej kilka osobnych div'ow a w nich miniaturki zdjęć. Chodzi mi o to ze w pierwszej kolumnie musze z reki wpisac wysokosc div'a zeby kolor znalazł się w całym divie. te 2 kolumny mają być jednakowe. Chciałbym tak zrobić zeby po powiekszeniu się tej drugiej kolumny powiekszyła sie automatycznie ta pierwsza i zeby w niej było tło takie jakie zadałem. ciezko mi to wytlumaaczyć
może podam urywek kodu i stylu css

[HTML] pobierz, plaintext 
  1. <div id="kol1x">
  2. 		<p><img src="male/przeworski/damski01.gif" width="163" height="400"><p>
  3. 		<p>Strój Damski</p>
  4. </div>
  5.  
  6. <div id="kol2x">
  7. 	<div class="kom2">
  8. 		<div class="miniaturka">
  9. 		<p><a href="duze/przeworski/damski_blisko_1~1.jpg" rel="lightbox"><img src="male/przeworski/ddamski_blisko_1~1.gif" width="89" height="124" alt="" /></a></p>
  10. 		<p>Damski ...</p>
  11. 		</div>
  12.  
  13.  
  14. 		<div class="miniaturka">
  15. 		<p><a href="duze/przeworski/chusta58.jpg" rel="lightbox[galeria]"><img src="male/przeworski/chusta58.jpg" width="124" height="89" alt="" /></a><p>
  16. 		<p>Chusta</p>
  17. 		</div>
  18.  
  19.  
  20. 		<div class="miniaturka">
  21. 		<p><a href="duze/przeworski/zapaska60.jpg" rel="lightbox[galeria]"><img	 src="male/przeworski/zapaska60.jpg" width="124" height="89" alt="" /></a><p>
  22. 		<p>Zapaska</p>
  23. 		</div>
  24.  
  25.  
  26. 		<div class="miniaturka">
  27. 		<p><a href="duze/przeworski/spodnica010.jpg" rel="lightbox"><img src="male/przeworski/spodnica010.jpg" width="89" height="124" alt="" /></a><p>
  28. 		<p>Spódnica</p>
  29. 		</div>
  30.  
  31.  
  32. 		<div class="miniaturka">
  33. 		<p><a href="duze/przeworski/bluzka65.jpg" rel="lightbox"><img src="male/przeworski/bluzka65.jpg"	width="124" height="89" alt="" /></a><p>
  34. 		<p>Bluzka</p>
  35. 		</div>
  36.  
  37.  
  38. 		<div class="miniaturka">
  39. 		<p><a href="duze/przeworski/koszula74.jpg" rel="lightbox"><img src="male/przeworski/koszula74.jpg"		width="124" height="89" alt="" /></a><p>
  40. 		<p>Koszula</p>
  41. 		</div>
  42.  
  43. 		<div class="miniaturka">
  44. 		<p><a href="duze/przeworski/kamizela38.jpg" rel="lightbox"><img src="male/przeworski/kamizela38.jpg" width="89" height="124" alt="" /></a><p>
  45. 		<p>Kamizela</p>
  46. 		</div>
  47.  
  48.  
  49. 		<div class="miniaturka">
  50. 		<p><a href="duze/przeworski/gorset19.jpg" rel="lightbox"><img src="male/przeworski/gorset19.jpg" width="89" height="124" alt="" /></a><p>
  51. 		<p>Gorset</p>
  52. 		</div>
  53.  
  54.  
  55. 		<div class="miniaturka">
  56. 		<p><a href="duze/przeworski/spodnie39.jpg" rel="lightbox"><img src="male/przeworski/spodnie39.jpg" width="89" height="124" alt="" /></a><p>
  57. 		<p>Spodnie</p>
  58. 		</div>
  59.  
  60. 	</div>
  61.  
  62. </div>
[HTML] pobierz, plaintext


A to jest styl:


CODE


#kol1x {
background-color: #FFFFCC;
float:left;
width: 220px;
text-align: center;
font-family: Comic Sans MS;
font-weight: 100;
font-size: small;
color: #800000;
line-height: 100%;
position:relative;
bottom: -50px;
left: 10px;
}


#kol2x {
background-color: #FFFFCC;
float:left;
width: 560px;
height: auto;
text-align: center;
font-family: Comic Sans MS;
font-weight: 100;
font-size: small;
color: #800000;
line-height: 50%;
}

.kom2 {
background-color: #FFFFCC;
margin-left: 60px;
margin-top: 20px;
margin-right:30px;
}

.miniaturka {
background-color: #FFFFCC;
float: left;
height: 155px;
padding: 10px;
text-indent: 0px;

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.