Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS] wyrównanie
Forum PHP.pl > Forum > Przedszkole
Rokas
witam potrzebuje pomocy w dość banalnej pewnie sprawie, tak czy owak będę bardzo wdzięczny o pomoc w rozwiązaniu tego problemu:
chciałbym równo wyrównać tekst "wrzucono: 12.11.2009 / 09:44pm" zeby zawsze był równo ułożony i stały np z prawej strony
strona gdzie sie znajduje: www.czwartati.yoyo.pl


.. (4096 bytes) wrzucono: 12. 11. 2009 / 09:44pm
wos.doc (37376 bytes) wrzucono: 12. 11. 2009 / 06:50pm
Sciaga_z_polaka.doc (19968 bytes) wrzucono: 12. 11. 2009 / 07:56pm

kod wyglada nastepująco:

<tr>

<td style=\" text-decoration:none;font-weight:bold;color:#ffbb00;font-size:10px; white-space: nowrap; background:#2d383a\"><a href=\"$upload_directory$file\" title=\"$file (".filesize($upload_directory.$file)." bytes)\">".$file."</a> (".filesize($upload_directory.$file)." bytes) <span style=\"
text-decoration:none;
font-weight:bold;
color:#777777;
/*text-indent:px; */
font-size:10px;
white-space: nowrap;
background:#2d383a\">              wrzucono:  
<strong>".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong></span> </td>"

;
$uploaded_files .="
</tr>
b4x
  1. <strong style="text-align: right;">".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong>


lub

  1. <strong style="float: right;">".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong>
Rokas
niestety sad.gif dalej nie ma efektu do którego dąże, probowałem dużo sposobów, pomozcie smile.gif

efekt żądany:
  1. <img src="http://www.czwartati.yoyo.pl/efekts.jpg>


mam taki: www.czwartati.yoyo.pl
Blame
Wrzuć sobie link do znacznika <span>, który występuje po nim i zobacz co się stanie. Czyli:
  1. <span style=\"
  2. text-decoration:none;
  3. font-weight:bold;
  4. color:#777777;
  5. /*text-indent:px; */
  6. font-size:10px;
  7. white-space: nowrap;
  8. background:#2d383a\"><a href=\"$upload_directory$file\" title=\"$file (".filesize($upload_directory.$file)." bytes)\">".$file."</a> (".filesize($upload_directory.$file)." bytes) wrzucono:
  9. <strong>".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong></span>
Rokas
odpada całkiem sad.gif

http://www.czwartati.yoyo.pl/badefect.jpg
swiru_
ja bym zrobil dwa divy obok siebie jeden dla nazwy i wielkosci pliku drugi dla daty wrzucenia...
iVorIus
Ale o co Ci chodzi?
http://img257.imageshack.us/img257/9881/goodefect.jpg

?
Rokas
Cytat(swiru_ @ 15.11.2009, 13:47:45 ) *
ja bym zrobil dwa divy obok siebie jeden dla nazwy i wielkosci pliku drugi dla daty wrzucenia...


wtedy pomiędzy dwoma jest przedział innego koloru, koloru tła


Cytat(iVorIus @ 15.11.2009, 15:17:09 ) *


nie widać ze to jest w 2 linijkach[akapitach]? O co tobie chodzi?
Blame
Cytat(Rokas @ 14.11.2009, 21:36:06 ) *

A dlaczego? Wystarczy, że po każdym </span> dasz przełamanie linii czyli <br>.
batman
Ale się ludzie spinacie z tymi spanami. Robisz to tak:

  1. <table class="tabela">
  2. <tr>
  3. <td class="size">plik1.jpg (12345 bytes)</td>
  4. <td class="time">wrzucono 12.12.2009 / 20:20</td>
  5. </tr>
  6. <tr>
  7. <td class="size">plik2.jpg (22345 bytes)</td>
  8. <td class="time">wrzucono 12.12.2009 / 20:21</td>
  9. </tr>
  10. <tr>
  11. <td class="size">plik3.jpg (32345 bytes)</td>
  12. <td class="time">wrzucono 12.12.2009 / 20:22</td>
  13. </tr>


A CSS do tego już prosta sprawa:

  1. .tabela td {
  2. height: 30px;
  3. }
  4.  
  5. .size {
  6. vertical-align: top;
  7. }
  8.  
  9. .time {
  10. vertical-align: bottom;
  11. text-align: right;
  12. }


Wysokość komórki musisz sobie sam dopasować. Te 30 pikseli to tylko przykład. No i nie pamiętaj o kolorach i innych niezbędnych rzeczach. Jeśli vertial-align nie zadziała, możesz użyć atrybutu valign w znaczniku td.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.