Obrazok ako MENU

prasto

Zdravim ako mam urobit to, ze ked mam obrazok ktory je "rozdeleny" napr. na 5 casti, aby kazda ta cast bol odkaz na inu stranku.. Viem ze sa to da pomocou klikacej mapy lenze, mi to zle hadze suradnice. Vzdy su o kusok posunute kedze stranka sa meni vzhladom na rozlisenie monitora. Ten obrazok ktory rozdelujem je siroky 1024 takze aj tie suradnice som bral podla toho.

Skusal som to nejak takto:

Kód: Vybrať všetko

<div style="position: relative; margin: 0 auto; width: 95%"> 
	<img src="..\TPcast2.jpg" width="100%" border="0" usemap="#menu"> 
	 <map name="menu">
	  <area shape="rect" coords="125,0,235,54" href="..\WWW\1odkaz.htm" alt="...">
	  <area shape="rect" coords="255,0,385,54" href="..\WWW\2odkaz.htm" alt="...">
	  <area shape="rect" coords="410,0,580,54" href="..\WWW\3odkaz.htm" alt="...">
	  <area shape="rect" coords="600,0,715,54" href="..\WWW\4odkaz.htm" alt="...">
	  <area shape="rect" coords="735,0,895,54" href="..\WWW\5odkaz.htm" alt="...">
	 </map>
 </div>

používaš tam iba rect, takže to pôjde aj narezať a pospájať tie obrázky aby vypadali ako jeden. Každý bude odkazom na príslušnú stránku
Alebo potom to prerobiť do flashu

saldir

rozdel ten obrazok na 5 casti vo photoshope a mas to

alebo nastav ten obrazok na pozadie a potom uz len nahadz div vedla seba daj im height, width a daj ich ako <a> takze:

Kód: Vybrať všetko

<div id="menu">
<a href="#"><div id="odkaz1"></div></a>
</div>

a do style.css napis:

Kód: Vybrať všetko

	
menu {
	width: px;
	height: px;
	background: url(obrazky/pozadie.gif) no-repeat;
}
odkaz1 {
	width: px;
	height: px;
}

prasto

uz som to rozdelil lenze ked tie obrazky potom davam vedla seba tak je medzi nimi medzera a to nechcem.. neda sa ta medzera nejak odstranit?

prasto napísal:uz som to rozdelil lenze ked tie obrazky potom davam vedla seba tak je medzi nimi medzera a to nechcem.. neda sa ta medzera nejak odstranit?

nastav im border, padding a margin na nuly

prasto

no nastavil som to vsetko a aj tak mi to nejde.. urcite robim nieco zle len neviem co..

Kód: Vybrať všetko

<div style="position: relative; margin: 0 auto; width: 100%; height: 10%"> 
	<img src="..\TPcast2a.jpg"  height="100%" border="0" padding="0" margin="0">
	<img src="..\TPcast2b.jpg"  height="100%" border="0" padding="0" margin="0">
	<img src="..\TPcast2c.jpg"  height="100%" border="0" padding="0" margin="0">
	<img src="..\TPcast2d.jpg"  height="100%" border="0" padding="0" margin="0">
	<img src="..\TPcast2e.jpg"  height="100%" border="0" padding="0" margin="0">
 </div>

img nemá vlastnosti padding a margin, tie obrázky zapíš takto:

Kód: Vybrať všetko

<img src="..\TPcast2a.jpg"  height="100%" style="border:0px; padding:0px; margin:0px">

prasto

dik ze sa mi snazis pomoct

skopiroval som to presne tak ako si to napisal ale ziadna zmena, tie obrazky su stale oddelene a vobec nie su pri sebe..

nebude chyba niekde v tom DIV-e??

Medzi tými obrázkami máš medzeru (myslím znak medzeru a v tvojom prípade ešte aj prechod na nový riadok).

awtt · Príspevok od používateľa **awtt** » 25 aug 2009, 21:52

ja by som tie obrazky radšej dal do zoznamu cez <ul> keď to je menu

prasto

neviete niekto o nejakom takom menu co je niekde na stiahnutie??

malo by byt 5 poloziek - obrazkov (odkazov) vedla seba, este by som tam chcel aby ked mysou prejdem nad nejakym obrazkom tak sa zmeni na iny a po kliknuti ostane "stlaceny"..
myslim ze urcite cez css sa to da len css neviem vobec..

ak nie tak sa budem nejak trapit dalej

posli mi obrazok ako by sisi to asi predstavoval a ja ti ho spravym vo flashi..