Skocz do zawartości
mystery

[html] Problem Z Mapą

Rekomendowane odpowiedzi

witam

 

mam problem z mapą odsyłaczy, a mianowicie coś gryzie się ze javaskryptem.

na początek trochę kodu

 

<!-- to tylko część kodu -->
  <!--[if lt IE 7]>
  <script defer type="text/javascript" src="pngfix.js"></script>
  <![endif]-->
<map name="mapka" id="mapka">
	<area shape="rect" coords="10,14,98,40" href="#" />
	<area shape="rect" coords="112,14,174,40" href="#" />
	<area shape="rect" coords="190,14,306,40" href="#" />
	<area shape="rect" coords="323,14,408,40" href="#" />
	<area shape="rect" coords="425,14,492,40" href="#" />
	<area shape="rect" coords="509,14,580,40" href="#" />
	<area shape="rect" coords="595,14,672,40" href="#" />
</map>
</head>
<body>
<div id="main">
	<div id="top">
		<img src="gfx/layout/toptheme.png" alt="" />
	</div>
	<div id="menu">
		<img src="gfx/layout/menutheme.png" usemap="#mapka" alt="" />			
	</div>
<!-- reszta kodu pominięta -->

 

skrypt odpowiada za to aby ie dobrze pokazywał pliki .png z przezroczystym tłem. kiedy deklarację skryptu usunę to mapa działa poprawnie.

niepoprawność przejawia się tym, ze jest sobie grafika z menu, a pod spodem przezroczysty pasek z linkami, przesunięty w lewo. inaczej mówiąc, .png sobie a linki sobie

 

ach ten ie, tyle problemów sprawia...

 

mam jeszcze pytanie odnośnie css. znalazłem w sieci kod, który poprawnie wyświetla pliki .png w ie, kiedy zadeklarowane są jako background.

background: url("gfx/layout/bottomtheme.png") !important; background: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='gfx/layout/bottomtheme.png');

pajączek nxg przy walidacji css'a wypluwa komunikat, że filter nie jest wspierana przez css. można tą przezroczystość zrobić tak, aby standard został zachowany?

 

pozdrawiam

m

Edytowane przez mystery

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

dzięki SGJ

 

ten ie ciągle sprawia problemy i o ile wszystkie już rozwiązałem, to został jeden, który nie wiem czym jest spowodowany.

w ie nie działają linki, które umieściłemw stopce. inne przeglądarki dobrze działają, a ie ich "nie widzi".

to kawałek kodu

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

<div id="main">
<!-- reszta kodu -->
<!-- stopka -->
<div id="bottom">
		<p class="stopka">
			© Laguna 2007 by <a href="mailto:misiekalfa@wp.pl" class="m">Kamil Węgrzynowicz</a>.
			Powered by <a href="http://validator.w3.org/check?uri=referer" class="m">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/" class="m">CSS</a>.
		</p>
	</div>
<!-- reszta kodu -->

i css

body{ color: black; background-color: #f1be86;  font-family: Verdana, Arial, sans-serif; text-align: center; margin: 0; padding: 0; border: none;}#main{	    background-image: url("gfx/layout/bgtheme.png");  background-repeat: no-repeat;	  background-position: top center;	  margin-left: auto;  margin-right: auto;  width: 760px;  height: 770px;  z-index: 0;				}#bottom{ background-image: url("gfx/layout/bottomtheme.png");  background-repeat: no-repeat; position: relative; width: 695px; height: 64px; float: left; left: 27px; z-index: 1;}p{ margin-top: 0; font-size: 12px; text-align: left; vertical-align: top; z-index:3;}p.stopka{ color: #313131; font-family: Tahoma, Arial, sans-serif; font-size: 10px; margin-left: 250px; margin-top: 35px; }a.m{ color: #313131; text-decoration: none;}

 

ie widzi linki jako zwykły tekst, nie wiem o co come on z tym...

 

pozdrawiam

m

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

Ładowanie


×
×
  • Dodaj nową pozycję...