Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Równe ułożenie elementów li
kaznodzieja
post 14.05.2012, 16:56:10
Post #1





Grupa: Zarejestrowani
Postów: 94
Pomógł: 1
Dołączył: 28.01.2007

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

Witam
Proszę o pomoc w ułożeniu równo elementów li oraz nadania koloru tła dla elementu kalendarz. Siedzę na tym od 2 godzin.

[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. function dni_mies($mies,$rok) {
  4.  $dni = 31;
  5.  while (!checkdate($mies, $dni, $rok)) $dni--;
  6. return $dni;
  7. }
  8.  
  9. function dzien_tyg_nr($mies,$rok) {
  10.  $dzien = date("w", mktime(0,0,0,$mies,1,$rok));
  11. return $dzien;
  12. }
  13.  
  14. function dzien_tyg($nr) {
  15.  $dzien = array(0 => "Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota");
  16. return $dzien[$nr];
  17. }
  18.  
  19. function miesiac_pl($mies) {
  20.  $mies_pl = array(1=>"Stycznia", "Lutego", "Marca", "Kwietnia", "Maja", "Czerwieca", "Lipieca", "Sierpnia", "Września", "Października", "Listopada", "Grudnia");
  21. return $mies_pl[$mies];
  22. }
  23. ?>
  24. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  25. <html xmlns="http://www.w3.org/1999/xhtml">
  26. <head>
  27. <title>Kalendarz</title>
  28. <meta http-equiv="content-type" content="text/xml; charset=UTF-8" />
  29. <meta http-equiv="content-language" content="pl" />
  30. <style type="text/css">
  31. #kalendarz {width: 180px;  background-color :#AAAAAA;  }
  32. #kalendarz ul { padding: 0px 5px; }
  33. #kalendarz p {text-align: center; }
  34. #kalendarz li {display:block; float:left; padding: 2px; margin:1px; background-color: #CCCCCC;  }
  35. #kalendarz .akt {color: #FFFFFF; font-weight: bold; background-color :#666666;}
  36. #kalendarz .hidden {visibility: hidden;  }
  37. </style>
  38. </head>
  39. <body >
  40. <div id="tlo">
  41. <div id="kalendarz" >
  42. <?php
  43. //echo '<p>'.dzien_tyg(date("w")).', '.date("d").' '.miesiac_pl(date("n")).' '.date("Y").'</p>';
  44. ?>
  45. <ul>
  46.  <li>N&nbsp;</li>
  47.  <li>Pn</li>
  48.  <li>Wt</li>
  49.  <li>Śr</li>
  50.  <li>Cz</li>
  51.  <li>Pt</li>
  52.  <li>Sb</li>
  53.  </ul>
  54. <ul>
  55.  
  56. <?php
  57. for($i=0;$i<dzien_tyg_nr(date("n"),date("Y"));$i++)
  58.  echo '<li class="hidden">00</li> ';
  59.  
  60. for($i=1;$i<dni_mies(date("n"),date("Y")) +1;$i++) {
  61.  if ($i<10) $i = '0'.$i;
  62.  if ($i == date("d")) echo '<li class="akt"><strong>'.$i.'</strong></li> ';
  63.   else echo '<li >'.$i.'</li> ';
  64. }
  65. ?>
  66. </ul>
  67. </div>
  68. </body>
  69. </html>
[PHP] pobierz, plaintext


--------------------
"Nie dyskutuj z debilem, bo najpierw sprowadzi Cię do swego poziomu a potem pokona doświadczeniem"

http://vlaho.pl
http://foto.vlaho.pl
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
redeemer
post 14.05.2012, 17:24:25
Post #2





Grupa: Zarejestrowani
Postów: 915
Pomógł: 210
Dołączył: 8.09.2009
Skąd: Tomaszów Lubelski/Wrocław

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

Tak na szybko to w stylach ustaw margin i padding w ul na 0, potem ustaw szerokość "pojedyńczego" li. U ciebie to będzie 180/7 - 2*(2+1) = 19px

180 to szerokość #kalendarz, a (2+1) to twój margin i padding z li

Pewnie da się to lepiej zrobić.


--------------------
blog.cinu.pl | php-grinder.com
Go to the top of the page
+Quote Post
kaznodzieja
post 14.05.2012, 17:31:31
Post #3





Grupa: Zarejestrowani
Postów: 94
Pomógł: 1
Dołączył: 28.01.2007

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

Dzięki, wietrzenie pokoju pomogło thumbsupsmileyanim.gif

zrobiłem zmiany w stylach i teraz już gra

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. #kalendarz { width: 170px; height: 140px; font-family: monospace; background-color: #CFDBEC; }
  3. #kalendarz ul { display:block; padding: 0px 5px; vertical-align: middle; }
  4. #kalendarz li {display:block; float:left; padding: 3px; margin: 1px 1px auto; background-color: #CCCCCC; vertical-align: middle }
  5.  
  6. #kalendarz .akt {color: #FFFFFF; font-weight: bold; background-color :#666666;}
  7. #kalendarz .hidden {visibility: hidden;  }
  8. </style>
[HTML] pobierz, plaintext


--------------------
"Nie dyskutuj z debilem, bo najpierw sprowadzi Cię do swego poziomu a potem pokona doświadczeniem"

http://vlaho.pl
http://foto.vlaho.pl
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: 24.06.2025 - 00:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn