Autor Zpráva
hobr
Profil
Zdravím,
nevěděli byste někdo prosím, jak dostat před i za nadpis obrázek (každý jiný) pomocí CSS? Jeden si umím dát na pozadí a nadpis odsadit, ale dva mi nejdou...
Kód:
<h1>Nadpis</h1>
Vypadat by to mělo takhle:
< Nadpis >
< Mnohem delší nadpis >
(šipky znázorňují obrázky)

Když použiju, co se nabízí:
h1 {
    font-size: 2.5em
  background:#FFFFFF url("l-30.png") left top no-repeat; 
  background:#FFFFFF url("p-30.png") right top no-repeat;
  padding: 0 30px; 
}
druhý obrázek definovaný pro pozadí mi "přepíše" ten první a na nic lepšího jsem nepřišel...

Díky za vaše rady!
Trejpa
Profil
hobr:
Použij dva vnořené bloky, pro každý z nich definuj jeden obrázek na pozadí.
<div id=nadpis><h1> Nadpis </h1></div>
hobr
Profil
Díky za nápad, ale to bohužel nemohu použít...

Jde o to, že nadpis vloží do editoru ve Wordpressu uživatel, který ho do divu neobalí...
Mám tedy k dispozici jen:
<h1>Nadpis</h1>
kterej mi vygeneruje editor...
Stalker
Profil
Nevím, jak funguje wordpress ale mohl bys použít vlastnosti :before a :after
majja01
Profil
hobr:
Tak v nějakém editoru spoj obrázky do jednoho...
nebo zkus
h1 {
font-size: 2.5em
  background:#FFFFFF url("l-30.png") ;
  padding: 0 30px; 
}
h1:after {
content:"";
float:left;
/* výška šířka atd */ 
 background:#FFFFFF url("p-30.png");

}
hobr
Profil
Nakonec to stačilo ještě jednodušeji:
 h1:before {
content: url("l-30.png"); 
} 
h1:after {
content: url("p-30.png"); 
} 

Děkuji moc za nasměrování!
Chamurappi
Profil
Reaguji na hobra:
To ti funguje všude? Naposledy, když jsem zkoušel dávat obrázky do contentu (připouštím, že to už je pár let), byla podpora dost mizerná.
hobr
Profil
V Chrome a IE11 to funguje. Další zařízení teď nemám k dispozici.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: