Autor Zpráva
Zdenda
Profil
#1 · Zasláno: 20. 9. 2005, 19:43:14
Odpovědět Citovat
Ahojky.
Udělal jsem si logo, které je v DIVu jako pozadí abych ho mohl pomocí css časem změnit.
Neporadil by mi někdo jak udělat z tohoto pozadí odkaz?
temistokles
Profil
#2 · Zasláno: 20. 9. 2005, 19:54:22
Odpovědět Citovat
asi by bolo rozumnejsie to urobit len kalsicky ako obrazok, a ted das ako odkaz..
Cirdan
Profil *
#3 · Zasláno: 20. 9. 2005, 19:55:45
Odpovědět Citovat
HTML: <div id="hlavicka"><a href="index.html" title="*"><span>Nieco</span></a></div>
CSS: #hlavicka {
margin:0px
padding: 0px;
width: *px;
height: *px;
background: #080839 url("./img/logo.jpg") bottom center no-repeat;
border-right:3px outset #000000; border-left:1px outset #000000;
}

Napriklad takto
Zdenda
Profil
#4 · Zasláno: 20. 9. 2005, 19:57:54
Odpovědět Citovat
Dobrý, dík testnu to.
rada_losik
Profil
#5 · Zasláno: 20. 9. 2005, 20:10:17
Odpovědět Citovat
No tak první co mě napadlo je přes javascipt, ale uživateli se to nezobrazí jako odkaz... 

<div class='logo' onlick='document.location="index.htm"'>

</div>

Ale když ještě přidáš styly: 

.logo{

  cursor: pointer;

 ...

}

Tak nikdo nic nepozna;)
Zdenda
Profil
#6 · Zasláno: 20. 9. 2005, 20:14:43
Odpovědět Citovat
rada_losik
Dík
Šlaha
Profil
#7 · Zasláno: 20. 9. 2005, 21:36:56 · Upravil/a: Šlaha
Odpovědět Citovat
CSS: 
.odkaz {display:blok;width:700px;height:150px;background:url("./img/logo.jpg");}


HTML 
<a class="odkaz" href="index.html"> </a>
Timy
Profil
#8 · Zasláno: 20. 9. 2005, 21:40:54
Odpovědět Citovat
tak já si tady taky napíšu

<style>
#logo {
width:700px;
height:200px;
background:url("baf.jpg");
}
#logo a{
display:block;
width:700px;
height:200px;
}
</style>
<div id="logo"><a href="index.html">&nbsp;</a></div>

možná tam nemusí být ta pevná mezera a možná bude ještě někde potřeba vynulovat margin a padding, ale jinak by to mohlo fungovat
habendorf
Profil
#9 · Zasláno: 20. 9. 2005, 23:22:34
Odpovědět Citovat
V podstatě nejlíp to říká Šlaha, jen opravím display:block;
V praxi se to ještě obvykle kombinuje se skrytým nadpisem h1.
Zdenda
Profil
#10 · Zasláno: 21. 9. 2005, 17:46:16
Odpovědět Citovat
Díkes. Moc jste mi pomohli.
Časová prodleva: 10 dní
Reg
Profil
#11 · Zasláno: 1. 10. 2005, 19:11:42
Odpovědět Citovat
Nešlo by to třeba dát celej div jako odkaz? (nezkoušel sem to tak mě kdyžtak neukamenujte)
<a href=...><div style="background:#xxxxxx url('...');">&nbsp;</div></a>
Timy
Profil
#12 · Zasláno: 1. 10. 2005, 19:18:18
Odpovědět Citovat
Reg
jednak to nezvládne MSIE a pak to taky není validní
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0