webForumDet fria alternativet

Imgmap i table?

4 svar · 598 visningar · startad av kraeftan

kraeftanMedlem sedan juli 200782 inlägg
#1

Tja! Jag har gjort om min bakgrund till en imgmap (liten bit myspace-bilden i toppen av sida). Jag vill få den biten att bli en länk till en sida.

Men imgmapen verkar inte funka som bakgrund åt "tabel grejen". Så sidan hamnar under imagemapen =(

Kolla om ni kanske vet var jag gör fel. länk till hemsidan

Asså jag skriver hela koden nu så ni hajjar lite hur min sida är uppbyggd.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<title>Slayblitz</title>

<style>

body {
background-color: #000000;
font-family: Verdana; font-size: 12px;
overflow-x:hidden;
overflow-y:scroll;
}
	{
	margin:0px;
	overflow:hidden;
	background:#000000;

}

table.bildmeny td img.menyknapp	{
	cursor:pointer;
}

td.menyknapp	{
	cursor:pointer;
}

</style>
</head>
<body>

<table align="center" height="100%" cellspacing="0" cellpadding="0">
	<tr valign="center">
		<td>
			<table style="width:750px;height:965px;">
				<tr>
					<td align="center" style="background-image:url('bilder/bgx.gif');background-position:top left;background-repeat:no-repeat;padding:0px 0px 0px 0px; usemap="bgx_Map">

						<map name="bgx_Map">
						<area shape="poly" alt="" coords="395,165, 387,169, 375,167, 387,157, 400,156, 408,150, 435,147, 447,153, 462,154, 498,155, 516,157, 526,151, 550,151, 577,155, 590,169, 608,185, 577,201, 567,203, 535,209, 471,202, 424,191, 410,180, 388,170, 388,166" href="http://www.myspace.com/slayblitz" target="_blank">
						</map>
						<!-- BILDMENY START -->
						<table width="550" cellspacing="0" cellpadding="0">
							<tr>
								
							</tr>
							<tr>
								<td class="menyknapp">
									<img src="gfx/news-s.bmp" onmouseover="src='gfx/news-s.bmp'" onmouseout="src='gfx/news-s.bmp'" onclick="main.location.href='news.php'" width=83 height=48></td>
								<td class="menyknapp">
									<img src="gfx/band-s.bmp" onmouseover="src='gfx/band-s.bmp'" onmouseout="src='gfx/band-s.bmp'" onclick="main.location.href='band.php'" width=78 height=48></td>
								<td class="menyknapp">
									
								<td class="menyknapp">
									<img src="gfx/shows-s.bmp" onmouseover="src='gfx/shows-s.bmp'" onmouseout="src='gfx/shows-s.bmp'" onclick="main.location.href='shows.php'" width=95 height=48></td>
								<td class="menyknapp">
									<img src="gfx/media-s.bmp" onmouseover="src='gfx/media-s.bmp'" onmouseout="src='gfx/media-s.bmp'" onclick="main.location.href='media.php'" width=95 height=48></td>
								<td class="menyknapp">
									<img src="gfx/photos-s.bmp" onmouseover="src='gfx/photos-s.bmp'" onmouseout="src='gfx/photos-s.bmp'" onclick="parent.location.href='photos/index.html'" width=95 height=48></td>

							</tr>
						</table>
						<!--BILDMENY SLUT -->
						
						<iframe src="news.php" name="main" width="490" height="450" frameborder="0" allowtransparency="true" background-color="transparent">
						</iframe>
						<!-- BILDMENY START -->
						<table width="550" cellspacing="0" cellpadding="0">
							<tr>
								
							</tr>
							<tr>
								<td class="menyknapp">
									<img src="gfx/links-s.bmp" onmouseover="src='gfx/links-s.bmp'" onmouseout="src='gfx/links-s.bmp'" onclick="main.location.href='links.php'" width=88 height=48></td>
								<td class="menyknapp">
									<img src="gfx/contact-s.bmp" onmouseover="src='gfx/contact-s.bmp'" onmouseout="src='gfx/contact-s.bmp'" onclick="main.location.href='contact.php'" width=105 height=48></td>
								<td class="menyknapp">
									<img src="gfx/blog-s.bmp" onmouseover="src='gfx/blog-s.bmp'" onmouseout="src='gfx/blog-s.bmp'" onclick="main.location.href='blog.php'" width=95 height=48></td>
								<td class="menyknapp">
									<img src="gfx/guestbook-s.bmp" onmouseover="src='gfx/guestbook-s.bmp'" onmouseout="src='gfx/guestbook-s.bmp'" onclick="main.location.href='gastbok.php'" width=129 height=48></td>
							</tr>
						</table>
						<!--BILDMENY SLUT -->
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
voigtann1Medlem sedan juni 20019 519 inlägg
#2

ta bort #.

i usemap?

kraeftanMedlem sedan juli 200782 inlägg
#3

jag har tagit bort den # men gör inte någon skillnad direkt

zcorpanMedlem sedan dec. 20042 245 inlägg
#4

Du behöver använda <img usemap>. Inte <td style="usemap...

usemap="" måste börja med en # för övrigt.

kraeftanMedlem sedan juli 200782 inlägg
#5

kolla inlägget igen har uppdaterat det! lite bättre beskrivning

132 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)