Legenda działów - jak ją upiększyć ?

Założony przez Budziol.

Witam, mam pytanie jak przesunąć tą legendę działów na środek i zrobić jedną linię odstępu (dlatego że zlewa mi się ona z shoutboxem).

Screen w załączniku


Załączone pliki Miniatury
   
Wyśrodkowanie:
W szablonie index masz takie coś:
Kod:
<dl class="forum_legend smalltext">
    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
    <dd>{$lang->forum_locked}</dd>
</dl>
Na początku i na końcu dodaj kod html center.
Będzie to wyglądać tak
Kod:
<center><dl class="forum_legend smalltext">
    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
    <dd>{$lang->forum_locked}</dd>
</dl></center>

Odstęp:
Stawiam na to ,że masz sf_shoutbox,więc przed <sf_shoutbox> dodaj <br>
(Również w szablonie index).
Kod:
<br>
<sf_shoutbox>
Cytat:<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
{$forums}
{$boardstats}
{$shoutbox}

<center><dl class="forum_legend smalltext">
<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->new_posts}</dd>

<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
<dd>{$lang->no_new_posts}</dd>

<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
<dd>{$lang->forum_locked}</dd>
</dl></center>
<br style="clear: both" />
{$footer}
</body>
</html>

Tak wygląda mój kod w index i legenda nadal nie jest na srodku jakies pomysły :huh:
(24.02.2009, 22:46)pawel1234-93 napisał(a): /.../
Tak wygląda mój kod w index i legenda nadal nie jest na srodku jakies pomysły :huh:

Wydaje mi się, że klucz tkwi w klasie: forum_legend smalltext. Prawdopodobnie jest tam już zdefiniowane wyrównanie do lewej.
nie. element dl jest domyślnie elementem blokowym, więc zawsze ma szerokość 100% elementu nadrzędnego. w podanym przykładzie lista jest wyśrodkowana, ale skoro ma 100% szerokości to i nie widać różnicy.

spróbuj do klasy forum_legend w stylach (może global.css?) dopisać:
Kod:
display: inline;
Podziękowali: DamYan

Podobne wątki

Legenda Rang

24.09.2016, 00:52
Ostatni post: Conors

Szukam Pomoc - Legenda Rang

18.08.2016, 17:42
Ostatni post: Divir

Błąd Legenda grup źle wyswietlana

21.05.2016, 20:52
Ostatni post: Divir

Inne Legenda rang przy stopce forum.

21.04.2016, 23:11
Ostatni post: myCreedo

Inne Legenda grup - zmiana kolejności elementów

02.05.2015, 21:44
Ostatni post: zawodowiec69

Skocz do:

Użytkownicy przeglądający ten wątek:

1 gości