Autor Zpráva
Anonymní
Profil *
#1 · Zasláno: 5. 1. 2007, 13:13:26
Odpovědět Citovat
Mám pozadí uděláno pomocí obrázku a chci se zeptat, zda-li jde udělat, aby fungoval zároveň i jako odkaz. Tady je kod co mam použitý:
#hlavicka {
width: 790px;
height: 75px;
padding: 5px 5px 0px 5px;
text-align: right;
line-height: 12px;

background-image: url("hlavicka.gif");
background-repeat: no-repeat;
background-position: right top;
background-color: white;
}
Railbot
Profil
#2 · Zasláno: 5. 1. 2007, 13:17:54
Odpovědět Citovat
Stejný způsob jako u klikacího loga. Použij hledání, určitě se to tu už Xkrát řešilo.
smajli
Profil
#3 · Zasláno: 5. 1. 2007, 13:18:55 · Upravil/a: smajli
Odpovědět Citovat
třeba

<div id="hlavicka">
<h1><a title="Úvodní stránka" href="uvod.html">Vítejte u nás<span></span></a></h1>
</div>

sory, práce kvapná prdlazj platná (moc jsem umazal)

#hlavicka{margin:0;padding:0;height:115px;width:780px;position:relativ e}
#hlavicka span{display:block;position:absolute;z-index:10;top:0;left:0;height:11 5px;width:780px;background:url(images/neco.jpg) no-repeat;margin:0;padding:0;overflow:hidden;cursor:pointer}
Railbot
Profil
#4 · Zasláno: 5. 1. 2007, 13:24:26 · Upravil/a: Railbot
Odpovědět Citovat
smajli
Tak díky tomu tam bude mít h1 jako odkaz, ale ne pozadí divu jako odkaz.
dead
Profil *
#5 · Zasláno: 5. 1. 2007, 13:37:37
Odpovědět Citovat
#hlavicka {
width: 790px;
height: 75px;
padding: 5px 5px 0px 5px;
text-align: right;
line-height: 12px;

background-image: url("hlavicka.gif");
background-repeat: no-repeat;
background-position: right top;
background-color: white;

cursor: pointer;
cursor: hand;

}
dead
Profil *
#6 · Zasláno: 5. 1. 2007, 13:38:02
Odpovědět Citovat
Tag si uz domyslite
#hlavicka {
width: 790px;
height: 75px;
padding: 5px 5px 0px 5px;
text-align: right;
line-height: 12px;

background-image: url("hlavicka.gif");
background-repeat: no-repeat;
background-position: right top;
background-color: white;

cursor: pointer;
cursor: hand;

}
Anonymní
Profil *
#7 · Zasláno: 5. 1. 2007, 17:58:45
Odpovědět Citovat
Bohuzel nedomyslím.
Na ruku se mi to změnilo ale žádný odkaz se neotevře.

Použil jsem:

<h1><a title="Úvodní stránka" href="uvod.html">Vítejte u nás<span></span></a></h1>

a

#hlavicka {
width: 790px;
height: 75px;
padding: 5px 5px 0px 5px;
text-align: right;
line-height: 12px;

background-image: url("hlavicka.gif");
background-repeat: no-repeat;
background-position: right top;
background-color: white;

cursor: pointer;
cursor: hand;

}
AlešD
Profil
#8 · Zasláno: 5. 1. 2007, 18:07:53
Odpovědět Citovat
Co takhle:

<h1>
<a href="uvod.html" title="Zpět na úvod">
Vítejte u nás<span></span></a>
</h1>

a CSS:

h1, h1 span {
width: 770px;
height: 70px;
overflow: hidden;
position: relative;
right: 0px;
top: 0;
z-index: 1;
cursor: pointer;
}

h1 span {
display: block;
background: URL("img/logo.jpg") no-repeat top;
position: absolute;
}

Šířku, výšku, URL obrázku si jistě upravíš sám.
Anonymní
Profil *
#9 · Zasláno: 5. 1. 2007, 19:04:51
Odpovědět Citovat
To je ono, děkuji mockrát!
Časová prodleva: 9 dní
borissvk
Profil
#10 · Zasláno: 14. 1. 2007, 15:53:47
Odpovědět Citovat
<p style="background-image: url('menu-bg-hp.jpeg'); background-repeat: no-repeat">
Prečo mi to nejde?
Anonymní
Profil *
#11 · Zasláno: 14. 1. 2007, 16:55:39
Odpovědět Citovat
a je koncovka toho obrázku skutečně jpeg ?
Bubák
Profil
#12 · Zasláno: 14. 1. 2007, 17:13:24 · Upravil/a: Bubák
Odpovědět Citovat
borissvk
Nedávej 2× stejný dotaz, nepomůže ti to a ostatní tím jenom zdržuješ.
http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=41 720
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0