Forum PHP.pl > [CSS] Pozycjonowanie elementów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Pozycjonowanie elementów

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

ounc

26.02.2006, 15:53:19

Witam, jak powinien wygladac kod aby 'Utworzono.. ' bylo w jednej kolumnie ?

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;

}

Balas

26.02.2006, 16:15:36

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 :] )

lenczewski

26.02.2006, 16:23:36

spróbuj może jeszcze:

Kod

a { width:150px; }

mike

26.02.2006, 16:28:44

1. Po co Ci prefix na tytule wątku? Żeby łatwiej było znaleść wątki o CSS w dziale CSS?

2. Nie przesadzaj z elementami blokowymi;
3. Tabelki też można ładnie ostylować:

[HTML] pobierz, plaintext 
<style type="text/css">
  table.aplicationsList {
      font: 12px Tahoma, Verdana, Arial, sans-serif;
      border: #f00 solid 1px;
  }
 
  table.aplicationsList tr.row_1 {
      background: #e0e0e0;
  }
 
  table.aplicationsList tr.row_2 {
      background: #efefef;
  }
 
  table.aplicationsList tr:hover {
      background: #cdcdcd;
  }
 
  table.aplicationsList td {
      padding: 4px;
  }
 
  table.aplicationsList td.name {
      width: 190px;
  }
 
  table.aplicationsList td.name, table.aplicationsList td.name a {
      color: #000155;
      text-decoration: none;
  }
 
  table.aplicationsList td.name a:hover {
      color: #000155;
      text-decoration: underline;
  }
</style>
 
<body>
 
<table class="aplicationsList">
  <tr>
    <th>Nazwa:</th>
    <th>Utworzono:</th>
  </tr>
  <tr class="row_1">
    <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
    <td class="date">21:08  25.02.06</td>
  </tr>
  <tr class="row_2">
    <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
    <td class="date">21:08  25.02.06</td>
  </tr>
  <tr class="row_1">
    <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
    <td class="date">21:08  25.02.06</td>
  </tr>
  <tr class="row_2">
    <td class="name"><a href="putty.exe" title="putty.exe">putty.exe</a></td>
    <td class="date">21:08  25.02.06</td>
  </tr>
</table>
 
</body>
[HTML] pobierz, plaintext

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.