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 |
#2 · Zasláno: 9. 3. 2008, 00:41:50
Pominu to, že je to napsané hrozně. Vkládáš blokový prvek do řádkového. Fuj.
Připiš do CSS cursor: pointer; |
||
radEg Profil |
#3 · Zasláno: 9. 3. 2008, 12:40:07
Oooo. diki moc. Ked nahradim div za span bude to lepsie ?
|
||
Měsíček Profil |
#4 · Zasláno: 9. 3. 2008, 12:54:13
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 |
#5 · Zasláno: 9. 3. 2008, 12:59:30
width: (ta samá šířka jakou má logo); height: (ta samá výška jakou má logo);
Zbytečné, ne? |
||
Měsíček Profil |
#6 · Zasláno: 9. 3. 2008, 13:10:27
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 |
#7 · Zasláno: 9. 3. 2008, 13:15:39 · Upravil/a: Manq
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 |
#8 · Zasláno: 9. 3. 2008, 13:19:36
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 |
#9 · Zasláno: 9. 3. 2008, 14:20:00
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í. |
||
Časová prodleva: 4 měsíce
|
|||
Janina Profil |
#10 · Zasláno: 29. 6. 2008, 13:15:43
Hele a když mam
<div id="head"> <div id="head-in"> <a href="index.html"> </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 |
#11 · Zasláno: 29. 6. 2008, 15:18:22
už to mám, musim dát head a menší height než 200, je to divný, ale už to funguje..
|
||
Časová prodleva: 3 roky
|
|||
tumlik Profil |
#12 · Zasláno: 9. 1. 2011, 23:57:16
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 |
#13 · Zasláno: 9. 1. 2011, 23:59:03
tumlik: to druhé div.logo má byť div.logo a
|
||
tumlik Profil |
#14 · Zasláno: 10. 1. 2011, 00:50:49 · Upravil/a: tumlik
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 |
#15 · Zasláno: 10. 1. 2011, 22:18:56
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 |
||
Časová prodleva: 27 dní
|
|||
da Profil * |
#16 · Zasláno: 6. 2. 2011, 18:55:08
staci nahradit div za span a jede to! Diky vela
|
||
Časová prodleva: 13 let
|
0