Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] Poprawne wyśrodkowanie
vip3r
post 25.09.2007, 16:12:59
Post #1





Grupa: Zarejestrowani
Postów: 162
Pomógł: 0
Dołączył: 28.11.2006
Skąd: 2322

Ostrzeżenie: (0%)
-----

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


Ten post edytował vip3r 25.09.2007, 16:13:29
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
Daimos
post 26.09.2007, 13:06:43
Post #2





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

Ostrzeżenie: (0%)
-----

tutaj pewnie znajdziesz odpowiedni szablon dla Twojej strony


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
vip3r
post 26.09.2007, 15:21:28
Post #3





Grupa: Zarejestrowani
Postów: 162
Pomógł: 0
Dołączył: 28.11.2006
Skąd: 2322

Ostrzeżenie: (0%)
-----

Ja proszę o wyrównania, a nie o szablony.
Go to the top of the page
+Quote Post
Daimos
post 26.09.2007, 16:27:47
Post #4





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

Ostrzeżenie: (0%)
-----

to zobacz jak jest tam zrobione, mam Ci wkleic kod z tamtych szablonow? :/


--------------------
scriptun.com. Startup z poradnikami do gier ttp.zone i ttpzone.pl
Go to the top of the page
+Quote Post
vip3r
post 26.09.2007, 19:44:40
Post #5





Grupa: Zarejestrowani
Postów: 162
Pomógł: 0
Dołączył: 28.11.2006
Skąd: 2322

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 04:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn