obrazok v css ako odkaz

Programovacie jazyky, rady, poradňa...
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

obrazok v css ako odkaz

Príspevok od používateľa turtlak69 »

fakt neviem aky nazov temy by som mal dat :) k veci... mam stiahnuty dizajn a prerobeny podla svojich predstav. v css je nadefinovane toto tu

Kód: Vybrať všetko

#topimg  {
	background-image: url(o/top.jpg);
	width: 790px;
	height: 140px;
	background-repeat: no-repeat;
	color: #ec8316;
	font-weight: bold;
	font-size: 22px;
	font-variant: small-caps;
	text-align: right;
}
a v stranke som to vyvolal klasicky

Kód: Vybrať všetko

<div class="topimg"></div>
je to nieco ako logo. take podlhovaste (vid rozmery). chcel by som ho spravit klikatelnym. skusal som fintu

Kód: Vybrať všetko

<a href='index.php'><div id="topimg"></div></a>
ale toto funguje len v IE. FF na to nereaguje. pls co s tym?
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

skus vymenit </a> a </div>
no neviem neviem ci v anchore moze byt blokovy element. treba pozreit na w3c
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

ehm, sry, ale to som poplietol pri pisani tu na hojku. na stranke to mam prehodene ;) a nepomaha :(
Mek
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4661
Registrovaný: 23 mar 2005, 23:00
Bydlisko: ZA <-> TN
Kontaktovať používateľa:

Príspevok od používateľa Mek »

skus tam dat namiesto DIV radsej SPAN a skus obe kombinacie ako predtym (tj, vymenu A a SPAN)

// a href parameter by som radsej daval do uvodzoviek, nie len do apostrofov (apostrofy som este nikdy nevidel nikde pouzite, da sa to vobec?)
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Keď máš <div><a>...</a></div>, tak ten <a> (pravdepodobne) nemá žiadny rozmer. Prečo tam nedáš <a><img src="aaa"></img></a>
Mek
Addict
Addict
Používateľov profilový obrázok
Príspevky: 4661
Registrovaný: 23 mar 2005, 23:00
Bydlisko: ZA <-> TN
Kontaktovať používateľa:

Príspevok od používateľa Mek »

2 chrono: no, </img> asi nie :D (ale vpoho, len upozornujem, aby to tak chlapik nahodou nepouzil)
ale inak napad je to dobry... je vobec nejaky dovod, preco by tam nemalo byt priamo IMG?
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Pravdepodobne tam ten obrázkom má iba ako pozadie (a má tam aj text). Skús do toho <a> dať <span id="topimg">
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

skusal som vsetko mozne, ale dospel som k zaveru, ze nejako to nefici. ked som dal span, tak to obrazok odmietlo zobrazit. img tam nemozem smarit, lebo na obrazku by mal byt text este (nadpis)
eMPiko
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3085
Registrovaný: 11 jan 2007, 16:40

Príspevok od používateľa eMPiko »

skus JavaScript,

alebo priamo v skicari namaluj text na obrazok
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

JS absolutne neovladam a ten text sa bude generovat. cize ak bude podstranka s nazvom galeria, tak tam bude nadpis galeria atd. takze toto mi vobec nepomoze. no a neviem ani principialne ako by asi mal ten skript vyzerat... myslim, ze tam sa JS nejako nehodi
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Vyskúšaj toto:

Kód: Vybrať všetko

<html>
<head>
</head>
<body>
<div style="background-image: url(o/top.jpg); width: 790px; height: 140px;">
	<a href="index.php" style="display: block; width: 790px; height: 140px;"></a>
</div>
</body>
</html>
caesar1987
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3001
Registrovaný: 02 okt 2005, 0:57
Bydlisko: Nové Zámky
Kontaktovať používateľa:

Príspevok od používateľa caesar1987 »

chrono napísal:Vyskúšaj toto:

Kód: Vybrať všetko

<html>
<head>
</head>
<body>
<div style="background-image: url(o/top.jpg); width: 790px; height: 140px;">
	<a href="index.php" style="display: block; width: 790px; height: 140px;"></a>
</div>
</body>
</html>
ak to nieje jednofarebny obrazok tak
<a href="index.php" style="display: block; width: 790px; height: 140px;">&nbsp;</a>
mensia uprava, ktora na 99% pojde.. =)

ale bo ak je niekde jedna farba v tom obrazku tak tam daj napr . a to pojde na 100%..
nastav este farby textu pri prechadzani a pri cklinutom a nekliknutom clasuu a pojdeto.. ale samozrejme musi byt na to obrazok
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

dakujem velmi pekne za odpovede. chrono + caesar1987 ked som to sklbil dokopy, tak to funguje uplne super, ale nastal maly problem. v IE to hodi ten obrazok dvakrat pod seba (skusal som aj no-repeat, to zabezpecilo, ze je tam len medzera bez obrazku), ale vo FF to bezi ako ma. takze teraz uz len zistit pomocou JS akym prehliadacom pozera navstevnik stranku a na zaklade toho vybrat, ci pouzit prvu alebo druhu alternativu. ak by naaahodou niekto mal taky skript poruke, kludne by ho mohol pastnut :) usetrilo by mi to pomerne dost casu. vysledok by mal byt asi takyto: premenna v php napriklad prehliadac a v nej nazov prehliadaca alebo nejake ID. nieco podla coho sa to da rozoznat. potom si len podmienkou zistim o aky browser ide a je to :)

//edit>
takze som nasiel sposob ako vycucnut prehliadac, ale nefunguje podmienka. dal som si vypisat nazov prehliadaca a potom ten nazov dosadil do podmienky. neviem preco to nejde.

Kód: Vybrať všetko

<?php
$prehliadac="
<script>
document.write(navigator.appName);
</script>
";
echo "$prehliadac<br>";
if ($prehliadac == "Microsoft Internet Explorer")
{
echo "splnila sa podmienka";
}
else
{
echo "
nesplnila sa podmienka
";
}
?>
vypis je vzdy, ze sa nesplnila podmienka. ale ked dam vypisat premennu prehliadac, tak mi vypise presne Microsoft Internet Explorer. neviem kde moze byt chyba.. mozno preco, ze v tej premennej je v zatvorkach script atd, ale neviem ako inak to spravit :(
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Napíš sem, čo si tam presne použil. :)
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

mam tam presne toto

Kód: Vybrať všetko

$prehliadac="
<script>
document.write(navigator.appName);
</script>
";
if ($prehliadac == "Microsoft Internet Explorer")
{
echo "<a href='index.php?menu=uvod'><div id='topimg'></a>";
}
else
{
echo "
	<div style='background-image: url(o/top.jpg); width: 790px; height: 140px; background-repeat: no-repeat;'> 
	<a href='index.php' style='display: block; width: 790px; height: 140px;'>&nbsp;</a>";
}
ale ani ten skript hore nejde... princip je tne isty
mastermind
VIP
VIP
Používateľov profilový obrázok
Príspevky: 4810
Registrovaný: 09 feb 2005, 13:17

Príspevok od používateľa mastermind »

jasne ze to nejde. najprv sa na serveri vykona php. potom sa stranka posle uzivatelovi a JS sa vykona az tam. takze ono to nemoze fungovat.
prehliadac mozes zistit zo superglobalneho pola $_SYSTEM
(nezistis prehliadac ale agenta, a ten sa da zmenit, takze sa na to velmi nespoliehaj)
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

hmmm takze hovoris, ze to teda nejde v skratke... v php by sa to teda ako dalo zistit? toto som fakt este nerobil :? v $_SYSTEM je trba asi zadat aj nieco viac, kedze je to asi nejaky prvok v poli. aspon tak si myslim. btw a zmena agenta co znamena? tomu som neporozumel :oops: mne ide len o to, aby ked pride BFU s IE, tak aby mu to normalne zobrazilo. dalo by sa to nejako vyriesit?
caesar1987
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3001
Registrovaný: 02 okt 2005, 0:57
Bydlisko: Nové Zámky
Kontaktovať používateľa:

Príspevok od používateľa caesar1987 »

tak zmena agenta je zmena identifikacie prehliadaca
napr vo firefoxe sa to da roit cez user agent switcher
jednoduchym prepnutim sa bude zdat, ze pouzivas ie, aj ked pri tom si stale vo firefoxe - teda firefox sa identifikuje ako ie...
turtlak69
Guru
Guru
Príspevky: 2896
Registrovaný: 10 máj 2007, 15:58
Bydlisko: /dev/null

Príspevok od používateľa turtlak69 »

caesar1987 napísal:tak zmena agenta je zmena identifikacie prehliadaca
napr vo firefoxe sa to da roit cez user agent switcher
jednoduchym prepnutim sa bude zdat, ze pouzivas ie, aj ked pri tom si stale vo firefoxe - teda firefox sa identifikuje ako ie...
jaaaj no jasne :) i ked nemyslim, ze IE nieco take dokaze. aspon o tom neviem. u FF a opery to poznam :) mne ide len o IE. IE pouzivatelia podla mna nieco take menit nebudu :) uz len ziskat prvok toho pola system a je to :)
caesar1987
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3001
Registrovaný: 02 okt 2005, 0:57
Bydlisko: Nové Zámky
Kontaktovať používateľa:

Príspevok od používateľa caesar1987 »

tak bezny uzivatel to menit nebude.... takze to podla mna budes moct pouzit..
Napísať odpoveď