[PHP][CSS] wyrównanie, prosze o pomoc :) Opcje

[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>

Ten post edytował Rokas 13.11.2009, 18:54:49

[b4x]

[HTML] pobierz, plaintext 
<strong style="text-align: right;">".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong>
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
<strong style="float: right;">".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong>
[HTML] pobierz, plaintext 

Ten post edytował b4x 13.11.2009, 18:57:06

[Rokas]

niestety (IMG:style_emoticons/default/sad.gif) dalej nie ma efektu do którego dąże, probowałem dużo sposobów, pomozcie (IMG:style_emoticons/default/smile.gif)

efekt żądany:

[HTML] pobierz, plaintext 
<img src="http://www.czwartati.yoyo.pl/efekts.jpg>
[HTML] pobierz, plaintext 

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:

[HTML] pobierz, plaintext 
<span style=\"
text-decoration:none;
font-weight:bold;
color:#777777;
/*text-indent:px; */
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)  wrzucono:  
<strong>".date("d. m. Y / h:ia", filemtime($upload_directory.$file))."</strong></span>
[HTML] pobierz, plaintext 

[Rokas]

odpada całkiem (IMG:style_emoticons/default/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]

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

Ale o co Ci chodzi?
http://img257.imageshack.us/img257/9881/goodefect.jpg

?

nie widać ze to jest w 2 linijkach[akapitach]? O co tobie chodzi?

Ten post edytował Rokas 15.11.2009, 15:24:10

[Blame]

odpada całkiem (IMG:style_emoticons/default/sad.gif)

http://www.czwartati.yoyo.pl/badefect.jpg

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:

[HTML] pobierz, plaintext 
<table class="tabela">
	<tr>
		<td class="size">plik1.jpg (12345 bytes)</td>
		<td class="time">wrzucono 12.12.2009 / 20:20</td>
	</tr>
	<tr>
		<td class="size">plik2.jpg (22345 bytes)</td>
		<td class="time">wrzucono 12.12.2009 / 20:21</td>
	</tr>
	<tr>
		<td class="size">plik3.jpg (32345 bytes)</td>
		<td class="time">wrzucono 12.12.2009 / 20:22</td>
	</tr>
</table>
[HTML] pobierz, plaintext 

A CSS do tego już prosta sprawa:

[CSS] pobierz, plaintext 
.tabela td {
	height: 30px;
}
 
.size {
	vertical-align: top;
}
 
.time {
	vertical-align: bottom;
	text-align: right;
}
[CSS] pobierz, plaintext 

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.