Autor Zpráva
Jerry33
Profil
Ahoj,

mám problém - v hlavičce mám obrázek, který je png, takže je napůl průhledný a v té průhledné části je kousek odkazu, který je pak i pod hlavičkou. Jenže tím, že je ten odkaz pod obrázkem, tak funguje jen v části za obrázkem. Poradíte někdo jak odkaz dostat nad obrázek, aby byl funkční? Zkoušel jsem z-index a nefunguje :-(

Díky za rady
Milan Macháček
Profil
A ukázka by nebyla?
jestli je ten odkaz v nějakém tagu je potřeba přiřadit z-index tam
Jerry33
Profil
Milan Macháček:
.hlavicka {
  width: 100%;
  vertical-align: middle;}

.bublina1 {
margin-top: 2%;
margin-left: 4%;
margin-right: 2%;
margin-bottom: 5%;
float: left;
z-index:1000;}


<img class="hlavicka" src="water.png" alt="Hlavička" />       
    
    <a href="uvod.html">
      <img class="bublina1" src="uvod_bubble.png" alt="Bublina" /></a> 
Milan Macháček
Profil
a ten textový odkaz ma jaký z-index?
margin
Profil *
z-index, cituji "funguje pouze u pozicovaných prvků, to jest u těch, které maji vlastnost position nastavenu na absolute, relative nebo fixed."

Pokud to nepomůže, dej odkaz na živou ukázku.
Jerry33
Profil
margin:
Děkuji ti, vyřešeno :-)

ale přesto bych si dovolil ještě jeden dotaz...jak mám ty bubliny - mám je ve formátu png, okraje mám průhledné a chtěl jsem aby byla klikatelná jen bublina jenže jde kliknout i na ty okraje. Jde se toho zbavit?
margin
Profil *
Můžeš místo odkazu použít klikací oblast(i) v obrázku.
Milan Macháček
Profil
generátor klikací oblasti funguje dobře

edit jeste ten odkaz: http://www.image-maps.com/

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: