Stránka 1 z 1

Nadpis překrývá obrázek  Vyřešeno

Napsal: 07 srp 2013 19:39
od 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.

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 19:46
od CZechBoY
čau,
pokud chceš dát h3 vedle tý novinky tak musíš použít float: right

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 19:59
od 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.

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 20:06
od CZechBoY
tak dej v html h3 až za img a dej h3 {float: left}

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 20:08
od cosmosD
To právě nemůžu, mně to takto generuje CMS, takže já to musím jen nastylovat :(

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 20:11
od CZechBoY
to ten CMS nemá šablonu? jak to jako generuje že to nemůžeš změnit? :D

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 20:35
od 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?

Re: Nadpis překrývá obrázek

Napsal: 07 srp 2013 20:41
od CZechBoY
tak dej obojímu float:right