Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Float i div
Dandelion
post
Post #1





Grupa: Zarejestrowani
Postów: 169
Pomógł: 0
Dołączył: 27.01.2006

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4.  
  5. <head>
  6. 	<title>Trzeba wymyslic dodmene (IMG:http://forum.php.pl/style_emoticons/default/haha.gif) </title>
  7. 	<link rel="stylesheet" href="layout/style.css" type="text/css"/>
  8. </head>
  9. <body>
  10.  
  11. <div id="glowny">
  12.  
  13. 	<div id="logo">
  14. 	Logo
  15. 	</div>
  16.  
  17. 	<div id="menu">
  18. 	menu
  19. 	</div>
  20.  
  21. 	<div id="lewy">
  22. 	<?php pokaz_newsy(); ?>
  23. 	</div>
  24.  
  25.  
  26.  
  27. </div>
  28. </body>
  29. </html>
[HTML] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <?php
  2. function pokaz_newsy(){
  3.  
  4. 	$query = 'SELECT * FROM news';
  5.  
  6. 	$result = mysql_query($query) or die(mysql_error());
  7.  
  8.  
  9.  
  10.  
  11. 	while($row = mysql_fetch_assoc($result)){
  12. 		$tytul = $row['tytul'];
  13. 		$tresc = $row['tresc'];
  14. 		$autor = $row['autor'];
  15. 		$data_dodania = $row['data_dodania'];
  16.  
  17. 		echo"
  18.  
  19. 			<div class="news">
  20.  
  21.  
  22. 				<div class="dane">
  23. 					Tytul $tytul
  24. 					<p>Autor: $autor</p>
  25. 					<p>Data dodania: $data_dodania</p>
  26. 				</div>
  27.  
  28. 				<div class="tresc">
  29. 					$tresc
  30. 				</div>
  31. 			<hr/>
  32. 			</div>
  33.  
  34. 			";
  35. 	}
  36. };
  37. ?>
[PHP] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. /*------------------------
  2. W tym divie jest logo
  3. ------------------------*/
  4. div#logo{
  5. 	width:100%;
  6. 	height:50px;
  7. 	background-color:#7aabe7;
  8. }
  9. /*------------------------
  10. W tym divie jest menu
  11. --------------------------*/
  12. div#menu {
  13. 	background-color: #eef2f7;
  14. 	width: 200px;
  15. 	float: left;
  16. }
  17. /*------------------------
  18. Wyswietlanie
  19. --------------------------*/
  20. div#lewy {
  21. 	background-color: #cdcccc;
  22. 	margin-left:200px;
  23. }
  24.  
  25. div.tresc{
  26. 	margin-left:250px;
  27.  
  28.  
  29. }
  30. div.dane{
  31.  
  32. }
[HTML] pobierz, plaintext



(IMG:http://img105.imageshack.us/img105/1209/csszt1.th.jpg)

chcialbym zeby Tresc newsa byla tak samo ustawiona w poziomie jak dane newsa

Obrazowo zaznaczylem to na screenie

Ten post edytował Dandelion 19.11.2006, 20:25:35
Go to the top of the page
+Quote Post
Zajec
post
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Dane float left
Tresc float right

i odpowiednie width
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

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