Autor Zpráva
radEg
Profil
Ahoj.
Chcem sa spytat ako spravim aby LOGO na stranke fungovalo ako odkaz na uvodnu stranku ak chcem mat obrazok (logo) definovany cez css ako pozadie.

Spravil som to takto :

<a href='index.php'><div class='logo'></div></a>

.logo {
  position: absolute;
  left: 566px;
  top: 34px;
  background-image: url('../images/logo.jpg'); 
  background-repeat: no-repeat;
  width: 210px;
  height: 210px;
}

Je to OK?

Ale teraz ma trapi to ze v IE sa mi nezmeni sipka na rucicku pri prejdeny kurzorom nad logo. Odkaz funguje len rucicka sa neobjavy.
Ako toto odstranit ?
Manq
Profil
Pominu to, že je to napsané hrozně. Vkládáš blokový prvek do řádkového. Fuj.
Připiš do CSS cursor: pointer;
radEg
Profil
Oooo. diki moc. Ked nahradim div za span bude to lepsie ?
Měsíček
Profil
Lepší je tohle : <div class="logo"><a href="index.php"></a></div>

.logo {

to co tam máš ...

}

.logo a {display:block;width: (ta samá šířka jakou má logo); height: (ta samá výška jakou má logo);}
Manq
Profil
width: (ta samá šířka jakou má logo); height: (ta samá výška jakou má logo);
Zbytečné, ne?
Měsíček
Profil
Zbytečné? Možná trochu width, ale když si vezmeš, že nechce mít třeba celé logo klikací a chce mít nějákou část prázdnou tak se docela hodí.

Jinak pro radEga výšku a šířku odkazu u loga můžeš mít samozřejmě jakou chceš, ale pokud chceš, aby klikalo celé musíš mu zadat stejnou šířku jako logu.
Manq
Profil
le pokud chceš, aby klikalo celé musíš mu zadat stejnou šířku jako logu.
Pokud chce, aby bylo klikací celé, tak šířku ani výšku zadávat nemusí.
radEg
Profil
Super kluci pochopil som to otestoval som si to ako sa to sprava bez width a height aj s tym a musim konstatovat ze som pouzil width a height lebo som potreboval klikat na logo a neklikat na tien loga.
Dikes moc.
Měsíček
Profil
Pokud chce, aby bylo klikací celé, tak šířku ani výšku zadávat nemusí.

Zajímavé v IE7 pokud nenastavím height tak klikat nemůže a nerozjede se samo. Takže nejspíše musí.
Janina
Profil
Hele a když mam
<div id="head">
		<div id="head-in">
			<a href="index.html">&nbsp;</a>

		
			<h1 class="head2"> -</h1>
		</div>
	</div>


a styly:
#head {
height:200px;
background-image:url('obr/logo.png');
background-color:white;
border:1px solid red;
}

#head a {display:block;
}

#head-in {
width: 760px;
border:0px solid white;

}


tak mi klikací logo non fungn :( jako vůbec. když dam do #head a {display:block;
} výšku celé head, tak se mi celá hlavička roztáhne na větší výšku, což nechci, jak to mám tedy udělat?
Janina
Profil
už to mám, musim dát head a menší height než 200, je to divný, ale už to funguje..
tumlik
Profil
Ahoj
Udělal jsem na webu klikací logo dle výše popsaného návodu
toto jsem vložil do header.php <div class="logo"><a href="index.php"></a></div>
a toto tmavé jsem doplnil do css stylů
/* begin Header */
div.art-Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 974px;
height: 150px;
}


div.art-Header-jpeg
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 974px;
height: 150px;
background-image: url('images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
div.logo
{
position: absolute;
left: 20px;
top: 4px;
background-image: url('images/logo.png');
background-repeat: no-repeat;
width: 374px;
height: 146px;
}
div.logo
{
display: block;
width: 374;
height: 146;
}


logo tam sice je, ale nefunguje jako odkaz, kde mám chybku ?
díky
tiso
Profil
tumlik: to druhé div.logo má byť div.logo a
tumlik
Profil
sice to tím "a" nebylo, ale už funguje, že se šipka změní na ruku
zapoměl jsem napsat za ten div.logo jak je šířka a výška "px"
taková blbost, ale i tak dík, to a jsem tam dodal
problém ovšem je, že odkaz jako takový nefunguje na úvodní stránku, ale na tu konkrétní kterou mám otevřenou
prostě když na to logo kliknu tak se to jen refrešuje, nemá být ten odkaz jinde než v headr.php ?
tumlík
tumlik
Profil
Takže tu nefunkčnost jsem vyřešil následovně odkaz v header.php <div class="logo"><a href="index.php"></a></div>
nemůže odkazovat na "index.php" ale přímo na htp://www.doména.cz
proč to tak je nevím, ale funguje to skvěle
tumlík
da
Profil *
staci nahradit div za span a jede to! Diky vela

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0