Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] Pozycjonowanie elementów
ounc
post
Post #1





Grupa: Zarejestrowani
Postów: 19
Pomógł: 0
Dołączył: 19.11.2005

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

Witam, jak powinien wygladac kod aby 'Utworzono.. ' bylo w jednej kolumnie ?
(IMG:http://62.121.80.82/ob.gif)

Oto aktualny kod:
Kod
HTML:
(...)
<a href='Putty.exe'><div class='white'>Putty.exe <span >Utworzono:  21:08  25 02 06</span></div></a>";

CSS:
div.white {
    
    padding-top: 4px;
    height: 20px;
    background-color: #EFEFEF;
    border-bottom: solid 1px black;
    
}


Ten post edytował ounc 26.02.2006, 16:03:52
Go to the top of the page
+Quote Post
Balas
post
Post #2





Grupa: Zarejestrowani
Postów: 347
Pomógł: 0
Dołączył: 27.08.2005
Skąd: Inowrocław

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

Nie wiem po co na sile uzywasz do tego divów. Ułóż to ładnie w tabeli, bo po to one są :] (do prezentowania danych w tabelach :] )
Go to the top of the page
+Quote Post
lenczewski
post
Post #3





Grupa: Zarejestrowani
Postów: 159
Pomógł: 1
Dołączył: 31.08.2005

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

spróbuj może jeszcze:
Kod
a { width:150px; }
Go to the top of the page
+Quote Post
mike
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

1. Po co Ci prefix na tytule wątku? Żeby łatwiej było znaleść wątki o CSS w dziale CSS? (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
2. Nie przesadzaj z elementami blokowymi;
3. Tabelki też można ładnie ostylować:
[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.   table.aplicationsList {
  3.       font: 12px Tahoma, Verdana, Arial, sans-serif;
  4.       border: #f00 solid 1px;
  5.   }
  6.  
  7.   table.aplicationsList tr.row_1 {
  8.       background: #e0e0e0;
  9.   }
  10.  
  11.   table.aplicationsList tr.row_2 {
  12.       background: #efefef;
  13.   }
  14.  
  15.   table.aplicationsList tr:hover {
  16.       background: #cdcdcd;
  17.   }
  18.  
  19.   table.aplicationsList td {
  20.       padding: 4px;
  21.   }
  22.  
  23.   table.aplicationsList td.name {
  24.       width: 190px;
  25.   }
  26.  
  27.   table.aplicationsList td.name, table.aplicationsList td.name a {
  28.       color: #000155;
  29.       text-decoration: none;
  30.   }
  31.  
  32.   table.aplicationsList td.name a:hover {
  33.       color: #000155;
  34.       text-decoration: underline;
  35.   }
  36. </style>
  37.  
  38. <body>
  39.  
  40. <table class="aplicationsList">
  41.   <tr>
  42.     <th>Nazwa:</th>
  43.     <th>Utworzono:</th>
  44.   </tr>
  45.   <tr class="row_1">
  46.     <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
  47.     <td class="date">21:08  25.02.06</td>
  48.   </tr>
  49.   <tr class="row_2">
  50.     <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
  51.     <td class="date">21:08  25.02.06</td>
  52.   </tr>
  53.   <tr class="row_1">
  54.     <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
  55.     <td class="date">21:08  25.02.06</td>
  56.   </tr>
  57.   <tr class="row_2">
  58.     <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
  59.     <td class="date">21:08  25.02.06</td>
  60.   </tr>
  61. </table>
  62.  
  63. </body>
[HTML] pobierz, plaintext
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: 22.08.2025 - 22:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn