Autor | Zpráva | ||
---|---|---|---|
hobr Profil |
#1 · Zasláno: 8. 2. 2014, 13:15:12
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> < 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; } Díky za vaše rady! |
||
Trejpa Profil |
#2 · Zasláno: 8. 2. 2014, 13:20:46
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 |
#3 · Zasláno: 8. 2. 2014, 13:55:40
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> |
||
Stalker Profil |
Nevím, jak funguje wordpress ale mohl bys použít vlastnosti
:before a :after
|
||
majja01 Profil |
#5 · Zasláno: 8. 2. 2014, 14:05:11
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 |
#6 · Zasláno: 8. 2. 2014, 15:12:26
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 |
#7 · Zasláno: 8. 2. 2014, 15:16:09
Reaguji na hobra:
To ti funguje všude? Naposledy, když jsem zkoušel dávat obrázky do content u (připouštím, že to už je pár let), byla podpora dost mizerná.
|
||
hobr Profil |
#8 · Zasláno: 8. 2. 2014, 15:19:44
V Chrome a IE11 to funguje. Další zařízení teď nemám k dispozici.
|
||
Časová prodleva: 11 let
|
0