Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml] Poprawne wyśrodkowanie
Forum PHP.pl > Forum > Przedszkole
vip3r
25.09.2007, 16:12:59
Witam, jak mam poprawnie wyśrodkować to.
Tutaj obrazek:


Tymi czerwonymi liniami zaznaczyłem jak to powinno być (chodzi o to, żeby było równo, a nie jedno lekko w prawo, drugie lekko w lewo itd.).

Tutaj to gdzie jest logo i menu i ten fieldset to nie jest w xhtmlu, bo już nie było czasu.

Z góry dzięki za pomoc smile.gif

Oto kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <title>deska.pl</title>
  6.     <style type="text/css">
  7.         * { border: 0; margin: 0; padding: 0; }
  8.                 #boxContainer { width: 1015px; margin: 0 auto; }
  9.                         #leftSide { width: 730px; float: left; margin: 0 5px 0 0;}
  10.                         #rightSide { width: 280px; float: left; }      
  11. 			#subLeftSide { width: 50%; float: left; }
  12.                         #subRightSide { width: 50%; float: left; }
  13.                 .box .content { background-color: #f4f4f4; margin: 0 5px 15px 5px;}
  14.                 .box h2 { border: 5px white solid; }
  15. 		#reklama { border: 1px Dashed; width: 1000px; }
  16.     </style>
  17. </head>
  18.  
  19. <body>
  20.  
  21. <div id="boxContainer">
  22.     <div id="logo">
  23. 	<div class="content">
  24. 		<p><img src="logo.jpg" alt="" />
  25. 		<table><tr><td width="1000" height="40" bgcolor="#f4f4f4" align="center">
  26. 		<font face="Verdana" size="3" color="#fea00a">strona główna</font>&nbsp;&nbsp;&nbsp;&nbsp;
  27. 		<font face="Verdana" size="3" color="#007981">newsy</font>&nbsp;&nbsp;&nbsp;&nbsp;
  28. 		<font face="Verdana" size="3" color="#007981">artykuły</font>&nbsp;&nbsp;&nbsp;&nbsp;
  29. 		<font face="Verdana" size="3" color="#007981">parki</font>&nbsp;&nbsp;&nbsp;&nbsp;
  30. 		<font face="Verdana" size="3" color="#007981">imprezy</font>&nbsp;&nbsp;&nbsp;&nbsp;
  31. 		<font face="Verdana" size="3" color="#007981">geleria</font>&nbsp;&nbsp;&nbsp;&nbsp;
  32. 		<font face="Verdana" size="3" color="#007981">forum</font>&nbsp;&nbsp;&nbsp;&nbsp;
  33. 		<font face="Verdana" size="3" color="#007981">giełda</font>&nbsp;&nbsp;&nbsp;&nbsp;
  34. 		<font face="Verdana" size="3" color="#007981">katalog stron</font>
  35. 		</td></tr></table>
  36. 		<fieldset id="reklama">
  37. 		<legend><font face="Verdana" size="2" color="#007981">R E K L A M A</font></legend>
  38. 		<center><font face="Verdana" size="2" color="#007981">MIEJSCE NA TWOJA REKLAME!!!</font></center>
  39. 		</fieldset>
  40. 		</p>
  41. 	</div>
  42.     </div>
  43.     <div id="leftSide">
  44.         <div id="boxArtykuly" class="box">
  45.                 <h2><img src="artykul.jpg" alt="" /></h2>
  46.             <div class="content">
  47.                 <p>tekst</p>
  48.                 <p>tekst2</p>
  49.             </div>
  50.         </div>
  51.         <div id="subLeftSide">
  52.                 <div id="boxImprezy" class="box">
  53.                 <h2><img src="imprezy.jpg" alt="" /></h2>
  54.                 <div class="content">
  55.                         <p>tekst</p>
  56.                         <p>tekst2</p>
  57.                 </div>
  58.             </div>
  59.             <div id="boxOsmy" class="box">
  60.                 <h2><img src="forum.jpg" alt="" /></h2>
  61.                 <div class="content">
  62.                         <p>tekst </p>
  63.                         <p>tekst2</p>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.         <div id="subRightSide">
  68.                 <div id="boxSnowParki" class="box">
  69.                 <h2><img src="snowparki.jpg" alt="" /></h2>
  70.                 <div class="content">
  71.                         <p>tekst</p>
  72.                         <p>tekst2</p>
  73.                         <p>jakiś jeszcze tekst</p>
  74.                         <p>i jakiś jeszcze</p>
  75.                         <p>i coś tam</p>
  76.                 </div>
  77.             </div>
  78.             <div id="boxDziewiaty" class="box">
  79.                 <h2><img src="galerie.jpg" alt="" /></h2>
  80.                 <div class="content">
  81.                         <p>tekst</p>
  82.                         <p>tekst2</p>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.   </div>
  87.     <div id="rightSide">
  88.         <div id="boxNewsy" class="box">
  89.                 <h2><img src="newsy.jpg" alt="" /></h2>
  90.                 <div class="content">
  91.                         <p>tekst</p>
  92.                         <p>tekst2</p>
  93.                         <p>news 1</p>
  94.                         <p>news2</p>
  95.                 </div>
  96.         </div>
  97.         <div id="boxLogowanie" class="box">
  98.                 <h2><img src="logowanie.jpg" alt="" /></h2>
  99.                 <div class="content">
  100.                         <p>tekst</p>
  101.                         <p>tekst2</p>
  102.                 </div>
  103.         </div>
  104.         <div id="boxTrzeci" class="box">
  105.             <h2><img src="gielda.jpg" alt="" /></h2>
  106.                 <div class="content">
  107.                         <p>tekst</p>
  108.                         <p>tekst2</p>
  109.                 </div>
  110.         </div>
  111.         <div id="boxCzwarty" class="box">
  112.             <h2><img src="polecamy.jpg" alt="" /></h2>
  113.                 <div class="content">
  114.                         <p>tekst</p>
  115.                         <p>tekst2</p>
  116.                 </div>
  117.         </div>
  118.     </div>
  119. </div>
  120. </body>
  121. </html>
[HTML] pobierz, plaintext
Daimos
26.09.2007, 13:06:43
tutaj pewnie znajdziesz odpowiedni szablon dla Twojej strony
vip3r
26.09.2007, 15:21:28
Ja proszę o wyrównania, a nie o szablony.
Daimos
26.09.2007, 16:27:47
to zobacz jak jest tam zrobione, mam Ci wkleic kod z tamtych szablonow? :/
vip3r
26.09.2007, 19:44:40
Ale czy ty wiesz w ogóle jak to wygląda ten mój kod na stronie? To było męczone kilka albo więcej razy, aby wyszedł oczekiwany efekt.
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.