Nadpis překrývá obrázek

[cosmosD]

Čau, narazil jsem na další problém.

Kód:

Kód: Vybrat vše

<div class="novinka">
    <h3>Contrary to popular</h3>
    <img src="/images/obr_6-134-100.png" alt="" title="" />
    <div class="text">
    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
    </div>
</div>

CSS:

Kód: Vybrat vše

.novinka img {
    float: left;
}
.novinka h3 {
    position: relative;
    left: 12px;
}
.novinka p {
    position: relative;
    left: 12px;
    margin-top: 10px;
    margin-bottom: 20px;

}

Problém je v tom, že h3 se nezobrazí vedle obrázku zprava, ale nad ním. Když h3 přidám top: 10px, tak namísto aby odskočila vedle obrázku, tak obrázek překryje.
Potřebuji to vyřešit z toho důvodu, že novinka může, ale nemusí mít obrázek. Tudíž když ho bude mít, tak chci aby byl nadpis vedle obrázku zprava, tak jako je text odstavce. Když ho mít nebude chci aby byl zarovnán vlevo, stejně jako text odstavce. Prostě pro odstavec to funguje jak má, ale pro nadpis ne.

Prosím o radu.

[CZechBoY]

čau,
pokud chceš dát h3 vedle tý novinky tak musíš použít float: right

[cosmosD]

Jop, zkoušel jsem to, jenže když dám h3 float: right, tak ten nadpis není hned zleva u toho obrázku, ale je vlastně uplně vpravo podle šířky toho bloku a je zarovnaný s prvním řádkem odstavce. Když mu potom zkusím dát nějaký margin, tak na to nereaguje.

[CZechBoY]

tak dej v html h3 až za img a dej h3 {float: left}

[cosmosD]

To právě nemůžu, mně to takto generuje CMS, takže já to musím jen nastylovat :(

[CZechBoY]

to ten CMS nemá šablonu? jak to jako generuje že to nemůžeš změnit?

[cosmosD]

To je uložený někde na serveru a já k tomu nemám přístup. Tak myslíš že by to jinak nešlo joo?

[CZechBoY]

tak dej obojímu float:right