Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: .nick i .timestamp w jednej linii
Konnekt | Forum > Developerzy > Tworzenie dodatków
bulanh
Witam.

Już od jakiegoś czasu męczę się z ustawieniem w swoim css'ie timestampa i nicka w jednej linii, tak jak jest to np. w rid-satin. Efektem moich wypocin jest to, że timestamp jest albo na wysokości pierwszej wiadomości, albo pierwsza wiadomość jest na wysokości nicka. Oto interesujące kawałki css'a:

CODE

.send, .recv {
 line-height: 26px;
 font-weight: bold;
 font-size: 11px;
 margin: 0;
 margin-top: 10px;
 background-color: #000000;
 padding: 0;
 border-top: 1px solid #555555;
}


.send .header {
 background: url(mysend.gif) left top;
}

.recv .header {
 background: url(myrecv.gif) left top;
}  

.send .header .nick, .recv .header .nick {
 padding-left: 10px;
 color: #585858;
 font-size: 12px;
 font-weight: bold;
 float: left;
 display: block;
 clear: none;
}

.send .header .timestamp, .recv .header .timestamp {
 color: white;
 float:right;
 text-align: right;
}


Jak to zrobić poprawnie?
angelo
hm. ujemny top-margin? albo position: relative :] stawiałbym na to pierwsze. podciągnąć to trochę marginem do góry. niezbyt eleganckie, ale o ile nie masz możliwości edycji xhtml -- a nie masz -- to chyba najlepsze :]
zimaq
CODE
.send .header .nick,
.recv .header .nick {
float: left;
}

.send .header .timestamp,
.recv .header .timestamp {
text-align: right;
width: 100%;
display: block;
}
bulanh
Wszystko elegancko działa. Dzięki Wam smile.gif
riddle
Hehe, fajnie widzieć że ludzie tworzą dodatki do K.

bulanh - może zainteresuje Cię fakt, że w swoich stylach wykorzystuję hardkorowo CSS na jaki pozwala IE i może zechcesz zobaczyć ich kod. Parę układów okna wiadomości już stworzyłem, teraz tylko w sumie je ostylować fontami, kolorami i tłami.
bulanh
Pewnie. Materiałów do nauki nigdy za wiele smile.gif
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-2012 Invision Power Services, Inc.