Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]poprawność kodu szablonu allegro
Forum PHP.pl > Forum > Przedszkole
tosia
30.06.2015, 01:23:00
Witam

Z racji tego, że uczę się kodować w dreamweaverze zakodowałam szablon allegro i chciałabym spytać Was o poprawność tego kodu oraz czym mogę zastąpić
"position: absolute", bo allegro nie przyjmuje, a nie chce mi się trzymać wszystko we wrapperze.

[HTML] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3. body {
  4. }
  5.  
  6. #wrapper {
  7. 	height: auto;
  8. 	width: 1200px;
  9. 	margin-right: auto;
  10. 	margin-left: auto;
  11. 	border-top-width: 1px;
  12. 	border-right-width: 1px;
  13. 	border-bottom-width: 1px;
  14. 	border-left-width: 1px;
  15. 	border-top-style: solid;
  16. 	border-right-style: solid;
  17. 	border-bottom-style: solid;
  18. 	border-left-style: solid;
  19. }
  20. #baner {
  21. 	height: 243px;
  22. 	width: 1200px;
  23. }
  24. baner, leftmenu, main, footer {
  25. 	display: block;
  26. }
  27. #leftmenu {
  28. 	float: left;
  29. 	width: 268px;
  30. 	position: relative;
  31. }
  32. #nazwa {
  33. 	height: 94px;
  34. 	width: 223px;
  35. 	left: 673px;
  36. 	top: 35px;
  37. 	position: absolute;
  38. }
  39. #main {
  40. 	float: left;
  41. 	width: 932px;
  42. }
  43. #footer {
  44. 	float: left;
  45. 	height: 88px;
  46. 	width: 1200px;
  47. }
  48. #topmenu {	position: absolute;
  49. 	width: 572px;
  50. 	left: 43px;
  51. 	top: 124px;
  52. 	height: 36px;
  53. }
  54. .nazwa {
  55. 	color: #FFF;
  56. }
  57. </style>
  58. </head>
  59.  
  60. <body>
  61. <div align="center" id="wrapper">
  62.   <div id="baner"><img src="http://funtic.pl/allegro/e3/3_01.png" width="1200" height="243" usemap="#Map" border="0">
  63.           <map name="Map">
  64.             <area shape="rect" coords="48,111,126,140" href="http://allegro.pl/my_page.php?uid=17356276">
  65.             <area shape="rect" coords="145,109,277,141" href="http://allegro.pl/listing/user/listing.php?us_id=17356276">
  66.             <area shape="rect" coords="292,112,428,141" href="http://allegro.pl/show_user.php?uid=17356276">
  67.             <area shape="rect" coords="443,114,600,141" href="http://allegro.pl/SendMailToUser.php?userId=17356276">
  68.           </map>
  69.   </div>
  70.       <div id="leftmenu">
  71.         <table width="268" border="0" cellspacing="0" cellpadding="0">
  72.           <tr>
  73.             <th scope="col"><img src="http://funtic.pl/allegro/e3/3_03.png" width="268" height="49"></th>
  74.           </tr>
  75.           <tr>
  76.           <th background="http://funtic.pl/allegro/e3/3_05.png" scope="col"><p>g</p>
  77.             <p>g</p></th>
  78.  
  79.           </tr>
  80.           <tr>
  81.             <th scope="col"><img src="http://funtic.pl/allegro/e3/3_06.png" width="268" height="61"></th>
  82.           </tr>
  83.           <tr>
  84.             <th bgcolor="#000000" scope="col"><img src="http://funtic.pl/allegro/e3/3_08.png" width="243" height="29"></th>
  85.           </tr>
  86.           <tr>
  87.             <th bgcolor="#000000" scope="col">&nbsp;</th>
  88.           </tr>
  89.           <tr>
  90.             <th bgcolor="#000000" scope="col"><img src="http://funtic.pl/allegro/e3/3_11.png" width="258" height="30"></th>
  91.           </tr>
  92.           <tr>
  93.             <th bgcolor="#000000" scope="col"><p>d</p>
  94.             <p>d</p>
  95.             <p>d</p>
  96.             <p>&nbsp;</p></th>
  97.           </tr>
  98.         </table>
  99.         <p>&nbsp;</p>
  100.         <p>&nbsp;</p>
  101.         <p>&nbsp;</p>
  102.         <p>&nbsp;</p>
  103.       </div>
  104.       <div id="main">
  105.         <table width="932" border="0" cellspacing="0" cellpadding="0">
  106.           <tr>
  107.             <th scope="col"><p>&nbsp;</p>
  108.             <p>&nbsp;</p>
  109.             <p>ffffr</p>
  110.             <p>r</p>
  111.             <div id="nazwa">
  112.               <table width="223" border="0" cellspacing="0" cellpadding="0">
  113.                 <tr>
  114.                   <th width="223" height="91" class="nazwa" scope="col">&nbsp;</th>
  115.                 </tr>
  116.               </table>
  117.             </div>
  118.             <p>&nbsp;</p>
  119.             <p>fd</p>
  120.             <p>d</p>
  121.             <p>f</p></th>
  122.           </tr>
  123.         </table>
  124.         <p>&nbsp;</p>
  125.         <p>&nbsp;</p>
  126.         <p>&nbsp;</p>
  127.         <p>&nbsp;</p>
  128.         <p>&nbsp;</p>
  129.   </div>
  130.     <div id="footer"><img src="http://funtic.pl/allegro/e3/3_13.png" width="1188" height="88"></div>
  131. </div>
  132. </body>
  133.  
[HTML] pobierz, plaintext
Daimos
30.06.2015, 09:03:00
Cytat(tosia @ 30.06.2015, 02:23:00 ) *
Z racji tego, że uczę się kodować w dreamweaverze zakodowałam szablon allegro i chciałabym spytać Was o poprawność tego kodu oraz czym mogę zastąpić
"position: absolute", bo allegro nie przyjmuje, a nie chce mi się trzymać wszystko we wrapperze.


możesz zastąpić np. position: relative smile.gif W czym masz problem, nie chce Ci się "trzymać wszystkiego we wrapperze", a my mamy chcieć znaleźć rozwiązanie problemu?
tosia
30.06.2015, 17:49:24
Cytat
możesz zastąpić np. position: relative smile.gif W czym masz problem, nie chce Ci się "trzymać wszystkiego we wrapperze", a my mamy chcieć znaleźć rozwiązanie problemu?


Przepraszam godzina zrobiła swoje wink.gif
Może rozwinę. Chodzi o to, że elementy zawarte we wrapperze się rozjeżdżają i nie trzyma to się kupy bez position absolute. Np: główne pole tekstowe ("main"), podczas uzupełniania rozciąga się w dół , a stopka jest nieruchomo i nie rozchodzi się w dół. Moje pytania jak można temu zaradzić w inny sposób i czy kod jest poprawny, bo jak już pisałam raczkuje na razie w tym temacie.
CuteOne
30.06.2015, 18:39:36
https://jsfiddle.net/3e3hL5zd/

edit:
dodałbym dodatkowego diva, oplatającego #leftmenu i #main (stworzysz w ten sposób wiersz, w którym znajdują się "krotki")
np.

[HTML] pobierz, plaintext 
  1. <div class="row">  (lub pominąć dolny topmenui nadać temu divowi id="topmenu")
  2.      <div id="topmenu"></div>
  3. </div>
  4. <div class="row">
  5.     <div id="leftmenu"></div>
  6.     <div id="main"></div>
  7. </div>
  8. <div class="row"> (lub pominąć dolny footer i nadać temu divowi id="footer")
  9.      <div id="footer"></div> 
  10. </div>
[HTML] pobierz, plaintext

tosia
30.06.2015, 22:38:05
Dzięki CuteOne , ale poradziłam sobie chyba krótszym sposobem, być może się komuś przyda. Podkreślam, że to szablon "ukochanego" Allegro.

Na "wrappera":

position: relative
width: 1200
high: auto
overflow: hidden
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.