Autor Zpráva
Markus
Profil *
#1 · Zasláno: 21. 11. 2006, 21:33:03
Odpovědět Citovat
Mám ve stránce tento div:

<div class="horni">
</div>

V CSS souboru mám obrázek, který vyplní div jako logo:
horni {
height: 150px;
background: #5b0504 url("../images/logo.jpg") no-repeat left top;obrazky
}


Chtel bych aby byla byl pod logem text mého zaměření, pro případ že nepůjde logo načíst nebo uživatel bude mít vypnuté obrázky. Jak to mám udělat?
Mám to logo napsat do html souboru a dát parametr alt?

Připomínám že chci mít kod validní a mám <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
BaTeCzKo
Profil
#2 · Zasláno: 21. 11. 2006, 21:46:04
Odpovědět Citovat
Mozna by to slo takto: (netestoval jsem)

CSS:

.horni {
height: 150px;
}

.horni-alttext {
z-index: 1;
height: 150px;
position: relative;
top: -150px;
}

.horni-obrazek {
height: 150px;
background: #5b0504 url("../images/logo.jpg") no-repeat left top;
z-index: 2;
}

HTML

<div class="horni">
<div class="horni-obrazek">

</div>
<div class="
</div>
venca163
Profil
#3 · Zasláno: 21. 11. 2006, 21:46:25
Odpovědět Citovat
Mám to logo napsat do html souboru a dát parametr alt?
ano, myslím, že je to zcela běžný způsob

ale lze pod obrázek dát i "normální" text (ne alt), který se zobrazí pouze tehdy, když obrázek nebude...
už se to tu řešilo, jestli nestačí alt, hledej
Casero
Profil
#4 · Zasláno: 21. 11. 2006, 21:55:56
Odpovědět Citovat
Markus
Bohužel už si nepamatuju odkaz, ale dělalo se to tak, žes měl normální text, který by se zobrazoval v případě nefunkčnosti loga a pak tam bylo třeba prázdný tag <span></span>, které v css je absolutně pozicované (má na pozadí ten obrázek) v rámci té hlavičky a tím překrývá ten text..snad je to aspon trošku srozumitelné.
Bubák
Profil
#5 · Zasláno: 21. 11. 2006, 22:03:25
Odpovědět Citovat
Je to na mnoha místech, třeba: http://css.interval.cz/clanky/seo-obrazky/
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0