| 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 contentu (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: 10 let
|
|||
0