Edycja szablonu "Opis działu"

wersja skryptu MyBB:1.6.7
adres forum: to jest na localhoscie co robie
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Więc tak zaczalem sie bawić w zmiane szablonu "opis działu" i teraz mam taki mały problem chce by od każdej strony tego było 10px odstępu i żeby to było w jednej lini. To wygląda tak ,a kod wyglada tak

<tr>
<td class="trow3" style="-webkit-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;">
<div class="trowthread" style="width: 600px;">
<a href="{$forum_url}">{$forum['name']}</a>
</div>
<div class="trowposts" style="width: 150px;-webkit-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;">
Wątków: {$threads}{$unapproved['unapproved_threads']} Postów: {$posts}{$unapproved['unapproved_posts']}
</div>
<div class="trowlastpost">
{$lastpost}
</div>
</td>
</tr>

jeżeli usuwam <tr> i na końcu </tr> to wtedy jest odstęp ale wtedy te wszystkie działy robią się w jednej lini :/ Prosze o pomoc. a i zależy mi na tym by

Test   wątków:  postów nigdy

było w jednej lini a nie w 3 :/

Próbowałeś zastosować margin-top: -**px lub padding-top: -**px na ilości wątkach i ostatni post?


Pozdrawiam!

Dobra coś się udało -> teraz dobrze by było to oddzielić od siebie wszystko.To wszystko "Test Wątków: 0 Postów: 0 Nigdy " są w 3 różnych liniach :/ Może ktoś wytłumaczyć dlaczego ??

<tr>
<td class="trow3" style="-webkit-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;">
<div class="trowthread" style="width: 600px;">
<a href="{$forum_url}">{$forum['name']}</a>
</div>
<div class="trowposts" style="width: 150px;-webkit-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;">
Wątków: {$threads}{$unapproved['unapproved_threads']} Postów: {$posts}{$unapproved['unapproved_posts']}
</div>
<div class="trowlastpost">
{$lastpost}
</div>
</td>
</tr>[code]
no i szablon [code].trow3 {
    background: #ECF4FB;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom:10px;
    margin-top: 10px;
    border: 1px solid #000;
}
.trowposts {
    background: #ffffff;
    float: center;
    text-align: center; /* IE 5 fix */
}
.trowlastpost {
    background: #ECF4FB;
    float: right;
}
.trow4 {
    background: #F7FBFF;
    margin-top: 10px;
    border: 1px solid silver;
    margin-bottom:10px;
}

.trow4 a:hover, .trow4 a:active {
    background: #FFFFFF;
}

A i te hover active nie działa nie zmienia koloru tła :/

<tr>
<td class="trow3" style="-webkit-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;">
<div class="trowthread" style="width: 600px; display: inline-block;">
<a href="{$forum_url}">{$forum['name']}</a>
</div>
<div class="trowposts" style="width: 150px;-webkit-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; display: inline-block;">
Wątków: {$threads}{$unapproved['unapproved_threads']} Postów: {$posts}{$unapproved['unapproved_posts']}
</div>
<div class="trowlastpost" style="display: inline-block;">
{$lastpost}
</div>
</td>
</tr>

Spróbuj tego. Może zadziała.

Wrzuciłeś wszystko do tej samej komórki tabeli. Dlatego ci się rozjeżdża. Jakbyś wrzucił każdą rzecz do osobnej komórki o obramowaniu równym 0, nie byłoby takiego problemu. Wiem, bo już nie raz chciałem ustawić dwa divy w przeciwległych końcach tej samej komórki i marnie to zazwyczaj wychodziło.

Przerzuć po prostu cały styl twojego td na tr, a następnie daj wszystko w oddzielne td o border-width: 0px; i szerokości komórki jaką tam będziesz chciał.

Dziękuje wam A tutaj zobaczcie efekty mojej pracy tak tylko

będe miał teraz dużo zabawy pozmieniać tak wszystkie te panele.W panelu użytkownika, w portalu itp
Drugi Obrazek wyglada tak




Wiecie może jak zrobić jak po najechaniu na cały dział czyli np "Test" on zmieniał całe tło na inne ?

Daniel Praźmo napisał 30.04.2012, 07:21:
1 wątek = 1 problem.
(Javascript, który przy onmouseover zmienia tło danego elementu, a przy onmouseout przywraca oryginalne).