Autor Zpráva
RiZe
Profil
Mám blok do kterého umisťuji nadpis a čas (třeba novinky atp.). Kód HTML vypadá takto


<div class="item">
<h2>Tady je nadpis zarovnaný doleva <span>a čas doprava</span></h2>
</div>




Takto to má vypadat (pomocí tabulek; převádím do divů). Bohužel nějak nevím jak toho mám docílit. Doteď jsem měl vypůjčenou CSS třídu z punBB, ale ta nyní nefunguje. Problém je ten, že tomu nadpisu ještě nastavuji pozadí atp. Její kód je tento

<span><span class="trida">vpravo</span>vlevo</span>
RiZe
Profil
Tak nakonec jsem to vyřešil. Kód jsem trochu upravil, možná to bude někdo potřebovat ;-), takže tady je HTML a CSS:


<div class="item">
<div class="itemhead">
<h3 class="itemdate">Napravo</h3>
<h2 class="itemtitle">Nalevo</h2>
</div>

Text... Lorem Ipsum Dolor Sit Amet nějakej text

<span class="right">Napsal RiZe</span>
</div>


A nyní CSS


DIV.item {
WIDTH: 400px;
BORDER: 1px solid #6e6e6e;
BACKGROUND: #282928;
}

DIV.item DIV.itemhead {
HEIGHT: 24px;
BACKGROUND: url(../images/title-empty.gif) repeat-x;
BORDER-BOTTOM: 1px solid #6e6e6e;
}

DIV.item H2.itemtitle, DIV.item H3.itemdate {
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
COLOR: #c8c8c8;
}

DIV.item H3.itemdate {
FLOAT: right;
}

DIV.item P, DIV.item SPAN, DIV.item H2.itemtitle, DIV.item H2.itemtitle,
DIV.item H3.itemdate {
PADDING: 5px;
MARGIN: 0;
}
Toto téma je uzamčeno. Odpověď nelze zaslat.