Autor | Zpráva | ||
---|---|---|---|
Miki20 Profil |
#1 · Zasláno: 3. 3. 2014, 16:14:52
Dobrý deň,
mám urobený adresný riadok (cesta ku aktuálnej stránke), medzi položkami v ceste mám použitú uzavieraciu značku tagu > (ako šípku). Chcem túto značku nahradiť vlastnou šipkou, obrázok je vložený v externom css súbore ako pozadie cez background: .adr-line { background: url("hlavna/sipka-xxx.png") no-repeat center center; width: 7px; height: 5px; padding-left: 8px; padding-right: 8px; } <span class="link-page strip-adr"><a href="index.php">FIRMA.sk</a><span class="adr-line"></span>... Šípka sa riadne zobrazí v Mozilla Firefox, Google Chrom, Opere aj v IE8 (mám XP-čka). V IE7, ale aj v nižšej verzii IE 6 sa správne zobrazí len medzera daná paddingom, prázdna, bez obrázku. Zobrazenie šípky v IE7 a v IE6 dosiahnem len tak, že medzi začiatočnú značku tagu a ukončovaciu značku tagu span urobím medzeru takto: <span class="adr-line"> </span> .
Je to samozrejme veľmi nepraktické, medzera môže byť aj náhodou odstránená a nebude to v uvedených IE prehliadačoch fungovať. Je pre toto nejaké rozumné vysvetlenie? Je jedno či je tam PNG, alebo JPG, problém je vždy rovnaký. Určite som už používal DIV-y alebo SPAN-y bez medzery medzi značkami. Ďakujem za prípadné vysvetlenie alebo názor na riešenie. Prešiel som aj stránky MS k obrázkom v IE, odstránil som temporary, cookies, históriu ale nič nepomohlo. Na JPW som sa o takejto medzere nedočítal, takže asi niečo robím špatne ... |
||
peta Profil |
#2 · Zasláno: 4. 3. 2014, 15:07:24
Zkousel jsi
display:inline-block? text-indent:30px? float? word-spaccing? content? Content A mozna nejake dalsi vlastnosti i ze stranky CSS Tez to muzes udelat jako ul, li seznam, pak mozna bude fungovat i padding, pripadne linst-style-image. Span je inline prvek. Jeho sirka je zavisla na obsahu uvnitr. Nemas tam nic? Nema sirku. Úprava textu Úprava textu » span |
||
Miki20 Profil |
#3 · Zasláno: 4. 3. 2014, 18:18:43
peta
Ďakujem za tip, z uvedených ponúk som neskúšal display: inline-block a content. Pri vlastnosti content čítam na JPW "Vlastnost content nefunguje v Exploreru 6 a 7 ... (ale poskúšam tiež)" Display: inline-block teraz skutočne pomohol, aj keď sa šípka v IE7 zobrazuje o dosť nižšie ako v ostatných prehliadačoch. Skúsim to vyladiť, možno sa to podarí dorovnať. Display som mohol vyskúšať - moja chyba. "... Jeho sirka je zavisla na obsahu uvnitr. Nemas tam nic? Nema sirku." Nemám tam nič a to, že šírka závisí na obsahu som pravdu povediac nevedel. Skúšal som to s width, ale nepomáhalo. Srdečná vďaka za Tvoju pomoc. Možno pre zaujímavosť vyskúšam ešte aj ul, li. |
||
Časová prodleva: 10 let
|
0