[ Príspevkov: 28 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
NapísalOffline : 31.12.2007 2:32 | Image map

Otazocka: Ked mam vlozeny image v CSS cez background-image mozem potom na nom zadefinovat clickable-regions cez image map? Resp. pouziva sa este image map alebo je niaky lepsi sposob?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 06.03.08
Príspevky: 431
Témy: 28 | 28
NapísalOffline : 31.12.2007 9:58 | Image map

nemusis cez image map, ale mozes vytvorit ahref odkazy s borderom, pevnou sirkou a vyskou a napozicovat ich do obrazka, ktory mas v nejakom dive ako pozadie.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 31.12.2007 13:22 | Image map

to znie dobre. thx

edit: ok, spravil som to tak ze som do hlavneho divu co ma ako background stlpec nahodil dalsie divy ktore maju ako background jednotlive tlacitka a tie divy som tam potom napasoval...funguje to v poho ale ked prejdem kurzorom nad tym tlacitkom tak sa nezmeni (na ten prst) tak ako ked je nad normalnou linkou. da sa to niak fixnut?

edit2: mozem nastavit aby sa dokument v odkaze neotvaral ako nova stranka ale iba v niakom konkretnom dive?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.12.06
Prihlásený: 01.03.13
Príspevky: 239
Témy: 20 | 20
Bydlisko: Krásno n/Ky...
NapísalOffline : 31.12.2007 15:57 | Image map

musis dat tomu linku <a ....></a> rozmery ako ma ten div a display: block


Offline

Užívateľ
Užívateľ
Image map

Registrovaný: 30.08.07
Prihlásený: 11.07.08
Príspevky: 513
Témy: 11 | 11
Bydlisko: Prešov
NapísalOffline : 31.12.2007 18:41 | Image map

alebo jednoducho nastavit kurzor na aky chces na ten dany div ;)


_________________
MB: Asus P5KC | CPU: Intel Core2Duo E6750 | VGA: ATi HD3870 | RAM: 2x1GB A-DATA 800MHz | HDD: Siemens 250GB | LCD: Samsung 22'' 223BW
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 01.01.2008 17:37 | Image map

m@-nX píše:
musis dat tomu linku <a ....></a> rozmery ako ma ten div a display: block

neviem ci som ta spravne pochopil.
html:
Kód:
<a href="strike.html" width="80px" height="20px">
          <div id="button_1">
          </div></a>

css:
Kód:
#button_1
      {
      width:80px;
      height:20px;
      margin-top:33px;
      background-image:url('img/button/home.PNG');
      display:block;
      }


twistik píše:
alebo jednoducho nastavit kurzor na aky chces na ten dany div ;)

diky za tip : )
html:
Kód:
<a href="strike.html">
          <div id="button_1">
          </div></a>

css:
Kód:
#button_1
      {
      width:80px;
      height:20px;
      margin-top:33px;
      background-image:url('img/button/home.PNG');
      cursor:pointer;
      }

je to ok alebo sa to da optimalizovat?

ps: co to otvaranie dokumentu iba v konkretnom dive?


Offline

Užívateľ
Užívateľ
Image map

Registrovaný: 30.08.07
Prihlásený: 11.07.08
Príspevky: 513
Témy: 11 | 11
Bydlisko: Prešov
NapísalOffline : 01.01.2008 19:03 | Image map

tak to mozes docielit cez framy ale to ti moc nedoporucujem...ale o divoch som este nepocul


_________________
MB: Asus P5KC | CPU: Intel Core2Duo E6750 | VGA: ATi HD3870 | RAM: 2x1GB A-DATA 800MHz | HDD: Siemens 250GB | LCD: Samsung 22'' 223BW
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 01.01.2008 22:14 | Image map

o framoch viem ale nechcem ich pouzit. fakt sa to neda urobit niak jednoduchsie? lebo kopirovat cely layout rucne a ked sa nieco niekde zmeni tak to menit vo vsetkych dokumentoch sa mi tiez moc nechce


Offline

Užívateľ
Užívateľ
Image map

Registrovaný: 30.08.07
Prihlásený: 11.07.08
Príspevky: 513
Témy: 11 | 11
Bydlisko: Prešov
NapísalOffline : 01.01.2008 22:16 | Image map

include v php :) urob si kostru dokumentu a jednoducho includuj obsah ;)


_________________
MB: Asus P5KC | CPU: Intel Core2Duo E6750 | VGA: ATi HD3870 | RAM: 2x1GB A-DATA 800MHz | HDD: Siemens 250GB | LCD: Samsung 22'' 223BW
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 01.01.2008 22:35 | Image map

ok kuknem na to


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 02.01.08
Prihlásený: 06.01.08
Príspevky: 16
Témy: 0 | 0
NapísalOffline : 02.01.2008 17:28 | Image map

preco si vlozil div do acka? nechapem..


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 02.01.2008 18:13 | Image map

akoze ten kod hore je velmi zly ;) po prve nemozes davat div do a...a po druhe,ved z odkazu sprav blokovy prvok,daj mu rozmer,pozadie co len chces ;)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 02.01.08
Prihlásený: 06.01.08
Príspevky: 16
Témy: 0 | 0
NapísalOffline : 02.01.2008 18:14 | Image map

HAE07 píše:
akoze ten kod hore je velmi zly ;) po prve nemozes davat div do a...a po druhe,ved z odkazu sprav blokovy prvok,daj mu rozmer,pozadie co len chces ;)


pisal som uz na zaciatku:))) a aj tak urobil po svojom.. nechapem. nechaapem to.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 02.01.2008 20:55 | Image map

HAE07 píše:
akoze ten kod hore je velmi zly ;) po prve nemozes davat div do a...a po druhe,ved z odkazu sprav blokovy prvok,daj mu rozmer,pozadie co len chces ;)

az teraz ked som si to tu precital znova som to pochopil...idem to prerobit. ale fungovalo to ok : ) a mohol by si mi pls vysvetlit preco to tam vkladat nemam? vidim html a css 4 den


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 02.01.2008 21:09 | Image map

lebo jednoducho sa to nerobi,nie je to validne.a na co budes do odkazu vkladat dalsi div,ked vsetky tie vlastnosti mozes dat odkazu len?napriklad:
Kód:
v html budes mat
<a href="#" class="nieco">nejaky text</a>


Kód:
a v css
a.nieco { display:block;
           width:200px;
           height:50px;
           background-image:url(obrazok.jpg);}


to uz je na tebe co jak spravis...pointa je proste v tom,ze odkazu nastavis display block,cize sa bude spravat ako blokovy prvok,cize mu mozes kludne nastavit rozmer aky len chces :) netreba to komplikovat dalsim divom


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 02.01.2008 21:12 | Image map

no teraz to vyzera takto:
html:
Kód:
<div id="link-list_2" class="link-list">               
      <a class="top_link" href="link_4.php"></a>                 
      <a class="link" href="link_5.php"></a>                 
      <a class="link" href="link_6.php"></a>       
    </div>

css:
Kód:
a.top_link
    {
    width:80px;
    height:20px;
    margin-top:33px;
    cursor:pointer;
    }
   
    a.link
    {
    width:80px;
    height:20px;
    margin-top:22px;
    cursor:pointer;
    }

nastavit to slo aj bez display:block...mam to tam aj tak dat?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 02.01.2008 21:20 | Image map

ale ved o co ti teraz ide?ved je jasne,ze odkazy tam mas,mas ich odmarginovane.ale rozmery ti nezobere do uvahy,pokial tam nemas display block...ved na tomto prikalde ani tie rozmery vidiet nemozes,ved nebola rec o nejakom obrazku, ktoreho urcite casti budu ako odkaz?:)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 02.01.2008 21:21 | Image map

praveze tie rozmery funguju presne na pixel


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 02.01.2008 21:23 | Image map

hmm,tak to nechapem...neda sa odkazu zadat rozmer pokial nemas display block.no da sa,ale nemalo by ho brat do uvahy :) si si isty,ze v kazdom prehliadaci ti ho bere?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 02.01.08
Prihlásený: 06.01.08
Príspevky: 16
Témy: 0 | 0
NapísalOffline : 02.01.2008 21:25 | Image map

odkazy musis floatovat


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 02.01.2008 21:27 | Image map

HAE07 píše:
hmm,tak to nechapem...neda sa odkazu zadat rozmer pokial nemas display block.no da sa,ale nemalo by ho brat do uvahy :) si si isty,ze v kazdom prehliadaci ti ho bere?

to nie : ) uz som ho tam pridal

vkmt píše:
odkazy musis floatovat

nerozumiem na co reagujes


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 02.01.2008 21:29 | Image map

no vidis,vravel som,ze to tam musi byt :) heh


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 02.01.2008 21:33 | Image map

v pohode ale teraz mam iny problem. mam takyto kod v html
Kód:
<div id="link-list_2" class="link-list">               
      <a class="top_link" href="link_4.php"></a>                 
      <a class="link" href="link_5.php"></a>                 
      <a class="link" href="link_6.php"></a>       
    </div>


a ked tu stranku zavolam cez php takto:
Kód:
<?php include("menu/link-list_2.php"); ?>


tak mi to to posledne <a> hodi pod ten </div> takze sa to vo vysledku sprava ako keby to bolo napisane takto:
Kód:
<div id="link-list_2" class="link-list">               
      <a class="top_link" href="link_4.php"></a>                 
      <a class="link" href="link_5.php"></a>                 
     </div>
<a class="link" href="link_6.php"></a>


a neni to tym odkazom..ak by som pod ten odkaz napisal napr "..." tak odkaz vezme do toho divu a pod div mi hodi tie "..."
Rovnakym sposobom volam na druhej strane uplne identicky dokument a ten sa zobrazuje spravne.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 19.06.07
Prihlásený: 15.10.18
Príspevky: 349
Témy: 9 | 9
Bydlisko: Bratislava
NapísalOffline : 02.01.2008 21:36 | Image map

fuha,no tak to je velmi zaujimave :D ked ti mam pravdu povedat,netusim preco to robi...ved ked mas tak isto spraveny este iny dokument,musi to ist :) zmaz a sprav zas ;)


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 02.01.2008 21:40 | Image map

uplne identicke nie su v tom lavom je o jeden odkaz <a> viac ale inac presna kopia. takto vyzeraju tie divy v css:
Kód:
div.link-list /*spolocny class pre divy link-list_1 a link_list_2*/
    {
    width:100px;
    height:500px;
    float:left;
    background-color:white;
    }
 
    #link-list_1 /*lavy link-list*/
    {
    background-color:red;
    background-image:url('menu/img/link-list_1.PNG');
    }

    #link-list_2 /*pravy link-list*/
    {
    background-color:green;
    background-image:url('menu/img/link-list_2.PNG');
    }

serie sa ten pravy link-list_2

edit: teraz som odpalil ten float:left a sice sa to cele rozsypalo ale uz to zobrazuje spravne

edit2: zmenil som aj float:left na float:right takze si tie link-listy vymenili pozicie a serie sa stale iba ten 2

edit3: uz to funguje...zmenil som cestu odkial ten dokument pristupoval k layout.css a funguje to...ale nechapem...tie ostatne dokumenty boli v rovnakom adresari a hladali layout.css rovnako a fungovali ok


Offline

Užívateľ
Užívateľ
Image map

Registrovaný: 30.08.07
Prihlásený: 11.07.08
Príspevky: 513
Témy: 11 | 11
Bydlisko: Prešov
NapísalOffline : 03.01.2008 0:22 | Image map

hodil by si mi prosim ta link ked to mas na nete? zaujimalo by ma to ;)


_________________
MB: Asus P5KC | CPU: Intel Core2Duo E6750 | VGA: ATi HD3870 | RAM: 2x1GB A-DATA 800MHz | HDD: Siemens 250GB | LCD: Samsung 22'' 223BW
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 02.01.08
Prihlásený: 06.01.08
Príspevky: 16
Témy: 0 | 0
NapísalOffline : 03.01.2008 0:57 | Image map

vytvorenie image mapy je take jednoduche a zase tu riesite zbytocnosti.. staci jeden odkaz, jedno css a je to.. nevidim problem.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.12.07
Prihlásený: 25.07.12
Príspevky: 87
Témy: 14 | 14
Napísal autor témyOffline : 03.01.2008 11:30 | Image map

twistik píše:
hodil by si mi prosim ta link ked to mas na nete? zaujimalo by ma to ;)

nemam robim to zatial offline

vkmt píše:
vytvorenie image mapy je take jednoduche a zase tu riesite zbytocnosti.. staci jeden odkaz, jedno css a je to.. nevidim problem.

aka image mapa? ty sam si mi povedal ze to cez nu nemam robit. a neriesi sa tu uz nic, funguje to ako ma, a ked nie tak to riesim neviem preco by som nemal


 [ Príspevkov: 28 ] 


Image map



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

map guide

v Ostatné programy

0

360

26.08.2012 8:51

janulka307

V tomto fóre nie sú ďalšie neprečítané témy.

inštalácia máp

v Prenosné zariadenia

4

2854

16.12.2008 0:14

kekesko

V tomto fóre nie sú ďalšie neprečítané témy.

Map Crash (Mad max)

v Kôš

1

64

06.08.2016 10:49

SKiLEX

V tomto fóre nie sú ďalšie neprečítané témy.

tvorba map do hier?

v Hry a herné konzoly

8

1959

06.01.2010 15:10

Revolution

V tomto fóre nie sú ďalšie neprečítané témy.

aktualizacie map na navigacii

v Prenosné zariadenia

17

1519

14.06.2011 16:49

Jeffo

V tomto fóre nie sú ďalšie neprečítané témy.

PREKLAD: Config map CZ

v CMS

0

2811

12.11.2006 16:59

JanoF

V tomto fóre nie sú ďalšie neprečítané témy.

nokia n8-odinštalovanie máp

v Smartfóny a tablety

1

649

30.08.2011 2:18

Trty

V tomto fóre nie sú ďalšie neprečítané témy.

konverzia map Nitemare3D do Wolf3D

v Backend

0

343

09.11.2012 7:16

MAREK17

V tomto fóre nie sú ďalšie neprečítané témy.

Potrebujem pomoct pri kresleni map.

v Grafické programy

1

576

28.05.2011 10:35

shiro

V tomto fóre nie sú ďalšie neprečítané témy.

n900 a aktualiazacia map zadarmo?

v Prenosné zariadenia

17

882

05.12.2010 15:05

Spartan.Ex

V tomto fóre nie sú ďalšie neprečítané témy.

Aktualizacia map pre Garmin nuvi 255

v Prenosné zariadenia

11

6430

03.08.2011 15:19

martinmiro1

V tomto fóre nie sú ďalšie neprečítané témy.

Nefunkcne zobrazenie 3D Map v Chrome

v Ostatné programy

0

303

09.10.2020 10:40

falcon5583

V tomto fóre nie sú ďalšie neprečítané témy.

Gta San Andreas MRT - Map Recording Tool Inštalácia Problém

v Hry a herné konzoly

0

360

08.10.2013 17:50

cnosi

V tomto fóre nie sú ďalšie neprečítané témy.

Generator map stranok - sitemap generator

v SEO, marketing a reklama

1

2603

16.05.2010 21:50

Antuanet

V tomto fóre nie sú ďalšie neprečítané témy.

Image - file

v Ostatné programy

14

1380

11.06.2007 9:18

tairikuokami

V tomto fóre nie sú ďalšie neprečítané témy.

Bad image

v Notebooky a netbooky

6

651

29.09.2018 10:07

michalesku



© 2005 - 2026 PCforum, edited by JanoF