Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [(x)html] Wyrównanie tabeli do "top" coś nie chce działać
Forum PHP.pl > Forum > Przedszkole
in5ane
30.04.2007, 09:03:29
Mam problem, gdyż nie mogę wyrównać tabeli do "top".

Coś nie działa jak biorę:
[HTML] pobierz, plaintext 
  1. valign="top"
[HTML] pobierz, plaintext
.

P.S.: Screen, jak to wygląda "live" tutaj: http://xs114.xs.to/xs114/07181/screen.png

Proszę o pomoc.

Oto kod strony:
[HTML] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. include_once('config.php');
  4. include_once('logowanie.php');
  5. ?>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  10. <title>SIŁA - Oficjalny Fan Klub Artura Chamskiego</title>
  11. <style type="text/css">
  12. <!--
  13. body {
  14. 	margin-left: 00px;
  15. 	margin-top: 0px;
  16. 	margin-right: 0px;
  17. 	margin-bottom: 0px;
  18. 	background-color: #1C1701;
  19. }
  20. -->
  21. </style>
  22. <script type="text/JavaScript">
  23. <!--
  24. function MM_swapImgRestore() { //v3.0
  25.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
  26. }
  27.  
  28. function MM_preloadImages() { //v3.0
  29.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  30.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  31.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  32. }
  33.  
  34. function MM_findObj(n, d) { //v4.01
  35.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  36.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  37.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  38.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  39.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  40. }
  41.  
  42. function MM_swapImage() { //v3.0
  43.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  44.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
  45. }
  46. //-->
  47. </script>
  48. <link href="styl.css" rel="stylesheet" type="text/css" />
  49. </head>
  50.  
  51. <body link="#000000" vlink="#000000" alink="#000000" onLoad="MM_preloadImages('images/fc-sila-rol_13.jpg','images/fc-sila-rol_14.jpg','images/fc-sila-rol_15.jpg','images/fc-sila-rol_16.jpg','images/fc-sila-rol_17.jpg','images/fc-sila-rol_18.jpg','images/fc-sila-rol_20.jpg','images/fc-sila-rol_21.jpg','images/fc-sila-rol_22.jpg','images/fc-sila-rol_04.jpg','images/fc-sila-rol_05.jpg','images/fc-sila-rol_06.jpg','images/fc-sila-rol_07.jpg','images/fc-sila-rol_08.jpg','images/fc-sila-rol_09.jpg')">
  52. <table border="0" cellpadding="0" cellspacing="0" bgcolor="#B5AE90">
  53.   <tr>
  54.     <td width="283" rowspan="2" valign="top" bgcolor="#000000"><table width="283" border="0" cellspacing="0" cellpadding="0">
  55.       <tr>
  56.         <td><img src="images/fc-sila_01.jpg" width="283" height="254"></td>
  57.       </tr>
  58.       <tr>
  59.         <td><img src="images/fc-sila_10.jpg" width="283" height="28"></td>
  60.       </tr>
  61.       <tr>
  62.         <td valign="top"><table width="283" border="0" cellspacing="0" cellpadding="0">
  63.           <tr>
  64.             <td rowspan="10" valign="top"><img src="images/fc-sila_12.jpg" width="78" height="380"></td>
  65.             <td><a href="fanklub.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/fc-sila-rol_13.jpg',1)"><img src="images/fc-sila_13.jpg" name="Image4" width="205" height="45" border="0" id="Image4"></a></td>
  66.           </tr>
  67.           <tr>
  68.             <td><a href="fc-czlonkowie.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/fc-sila-rol_14.jpg',1)"><img src="images/fc-sila_14.jpg" name="Image5" width="205" height="36" border="0" id="Image5"></a></td>
  69.           </tr>
  70.           <tr>
  71.             <td><a href="fc-galeria.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/fc-sila-rol_15.jpg',1)"><img src="images/fc-sila_15.jpg" name="Image6" width="205" height="35" border="0" id="Image6"></a></td>
  72.           </tr>
  73.           <tr>
  74.             <td><a href="autografy.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/fc-sila-rol_16.jpg',1)"><img src="images/fc-sila_16.jpg" name="Image7" width="205" height="35" border="0" id="Image7"></a></td>
  75.           </tr>
  76.           <tr>
  77.             <td><a href="kontakt.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/fc-sila-rol_17.jpg',1)"><img src="images/fc-sila_17.jpg" name="Image8" width="205" height="33" border="0" id="Image8"></a></td>
  78.           </tr>
  79.           <tr>
  80.             <td><a href="linki.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/fc-sila-rol_18.jpg',1)"><img src="images/fc-sila_18.jpg" name="Image9" width="205" height="36" border="0" id="Image9"></a></td>
  81.           </tr>
  82.           <tr>
  83.             <td><img src="images/fc-sila_19.jpg" width="205" height="40"></td>
  84.           </tr>
  85.           <tr>
  86.             <td><a href="newsletter.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','images/fc-sila-rol_20.jpg',1)"><img src="images/fc-sila_20.jpg" name="Image11" width="205" height="32" border="0" id="Image11"></a></td>
  87.           </tr>
  88.           <tr>
  89.             <td><a href="http://arturchamski.fora.pl" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/fc-sila-rol_21.jpg',1)"><img src="images/fc-sila_21.jpg" name="Image12" width="205" height="38" border="0" id="Image12"></a></td>
  90.           </tr>
  91.           <tr>
  92.             <td><a href="books.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image13','','images/fc-sila-rol_22.jpg',1)"><img src="images/fc-sila_22.jpg" name="Image13" width="205" height="50" border="0" id="Image13"></a></td>
  93.           </tr>
  94.         </table></td>
  95.       </tr>
  96.       <tr>
  97.         <td valign="top"><img src="images/fc-sila_23.jpg" width="283" height="103"></td>
  98.       </tr>
  99.     </table></td>
  100.     <td width="568" valign="top"><table width="568" border="0" cellspacing="0" cellpadding="0">
  101.       <tr>
  102.         <td align="left" valign="top"><img src="images/fc-sila_02.jpg" width="568" height="213"></td>
  103.       </tr>
  104.       <tr>
  105.         <td align="left" valign="top"><table width="568" border="0" cellspacing="0" cellpadding="0">
  106.             <tr>
  107.               <td align="left" valign="top"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','images/fc-sila-rol_04.jpg',1)"><img src="images/fc-sila_04.jpg" name="Image17" width="63" height="41" border="0" id="Image17"></a></td>
  108.               <td align="left" valign="top"><a href="oarturze.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/fc-sila-rol_05.jpg',1)"><img src="images/fc-sila_05.jpg" name="Image18" width="107" height="41" border="0" id="Image18"></a></td>
  109.               <td align="left" valign="top"><a href="galeria.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','images/fc-sila-rol_06.jpg',1)"><img src="images/fc-sila_06.jpg" name="Image19" width="95" height="41" border="0" id="Image19"></a></td>
  110.               <td align="left" valign="top"><a href="kalendarium.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','images/fc-sila-rol_07.jpg',1)"><img src="images/fc-sila_07.jpg" name="Image20" width="138" height="41" border="0" id="Image20"></a></td>
  111.               <td align="left" valign="top"><a href="media.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','images/fc-sila-rol_08.jpg',1)"><img src="images/fc-sila_08.jpg" name="Image21" width="69" height="41" border="0" id="Image21"></a></td>
  112.               <td align="left" valign="top"><a href="download.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','images/fc-sila-rol_09.jpg',1)"><img src="images/fc-sila_09.jpg" name="Image22" width="96" height="41" border="0" id="Image22"></a></td>
  113.             </tr>
  114.         </table></td>
  115.       </tr>
  116.     </table></td>
  117.   </tr>
  118.   <tr>
  119.     <td align="center" valign="top" bgcolor="#B5AE90">
  120.     <table valign="top" width="550" border="0" align="center" cellpadding="0" cellspacing="0">
  121.  
  122. KOD PHP, WYSWIETLANIA 
  123. TO MA BYC NA TOP
  124. KOD PHP, WYSWIETLANIA 
  125. TO MA BYC NA TOP
  126. KOD PHP, WYSWIETLANIA 
  127. TO MA BYC NA TOP
  128. KOD PHP, WYSWIETLANIA 
  129.  
  130.     </table></td>
  131.   </tr>
  132.   <tr>
  133.     <td valign="top" bgcolor="#000000">&nbsp;</td>
  134.     <td valign="top"><img src="images/fc-sila_25.jpg" width="568" height="35"></td>
  135.   </tr>
  136. </table>
  137. </body>
  138. </html>
[HTML] pobierz, plaintext
babejsza
30.04.2007, 09:14:40
Kod
td {vertical-align: top}
in5ane
30.04.2007, 09:17:33
Nic to nie dało.
babejsza
30.04.2007, 09:23:23
Oczywiście że dało, ale zależy jeszcze gdzie to wstawiłeś smile.gif.

//EDIT

rzeczywiście nic nie da. Twój kod to sieczka i ma masę błędów. Powiem tak ten tekst jest w topie komórki, w której się aktualnie znajduje (a właściwie by się znajdował gdybyś umieścił go w znacznikach).
in5ane
30.04.2007, 09:30:54
To powiedz mi, w które miejsce to wstawić. Bo ja nie wiem, o którym ty pomyślałeś.

No bo to nie jest mój kod.

Ja miałem do tego laya dopisać skrypty php, ale gościu mi mówi bym to jakoś wyrównał, a sam nie wiem jak.

Może ktoś by umiał na szybko ułożyć ten kod?
babejsza
30.04.2007, 09:33:24
Strona jest banalna, więc nic nie stoi na przeszkodzie, abyś zrobił go na div'ach. To co jest teraz nadaje się do kosza.
in5ane
30.04.2007, 09:41:00
Cytat
abyś zrobił


Fajnie tobie powiedzieć smile.gif... tongue.gif

Przepraszam, mógłbyś napisać na gadu gadu 6016607 ?

Czy może ktoś pomóc mi to zrobić?

Samemu nie bardzo sobie poradzę, bo nie znam na xhtml'a.
babejsza
30.04.2007, 09:59:53
Tak na szybko. Robić całości za Ciebie nie mam zamiaru. To już powinno być odpowiednią bazą do przerobienia tego co masz.


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="pl">
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 		<meta name="Description" content="" />
  6. 		<meta name="Keywords" content="" />
  7. 		<title>Untitled Document</title>
  8. 		<style type="text/css">
  9. 			body, div, p, ul, li, h1, h2, h3 {margin: 0; padding: 0}
  10. 			#menuTop {position: absolute; left: 200px; top: 280px; background: red; z-index: 1; width: 500px; height: 20px}
  11. 			#menuTop li {display: inline}
  12. 			#top {width: 700px; height: 300px; position: absolute; top: 0; left: 0; background: green; z-index: 0}
  13. 			#menuLeft {float: left; width: 200px; margin: 300px 0 0 0; background: yellow;}
  14. 			#menuLeft li a {display: block; text-align: right}
  15. 			#content {margin: 300px 0 0 0; background: blue; width: 500px; float: left}
  16. 			#footer {clear: left; width: 700px; background: pink; text-align: right}
  17. 		</style>
  18. 	</head>
  19. 	<body>
  20.  
  21. 		<div id="menuLeft">
  22. 			<ul>
  23. 				<li><a href="#">NEWSY</a></li>
  24. 				<li><a href="#">O ARTURZE</a></li>
  25. 				<li><a href="#">GALERIA</a></li>
  26. 			</ul>
  27. 		</div>
  28. 		<div id="content">Jakiś tam Twój tekst</div>
  29. 		<div id="footer">Stopka</div>
  30. 		<div id="menuTop">
  31. 			<ul>
  32. 				<li><a href="#">NEWSY</a></li>
  33. 				<li><a href="#">O ARTURZE</a></li>
  34. 				<li><a href="#">GALERIA</a></li>
  35. 			</ul>
  36. 		</div>
  37. 		<div id="top"></div>
  38. 	</body>
  39. </html>
[HTML] pobierz, plaintext
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.