CSS Image Map Tutorial hjelp=)

14. juli 2007

Hallo har virkelig lyst til og få dette til:P

Har føllt denne Tutorialen

http://www.sweetvanillasugar.com/str...imagemap.shtml

Og her er hva jeg har og ikke får til:S skal ha dette bilde

http://www.oreos.frac.dk/oreos/Test/meny.jpg til og gå ant og trykke på 4 forskjellige plasser ;P les tutorial så skjønner dere

Og her er hva det ser ut såm:S

http://www.oreos.frac.dk/oreos/Test/meny.html hva er feil i scriptinga?

er litt noob så ikke bli sinna

Tusen hjertelig takk på forhond.

elodin

master namer

1.185 387

14. juli 2007

Om du skal ha CSS i HTML-dokumentet som det der så må du vel skrive inn en <style>-tag.

HTML-kode

<style type="text/css">
#map {
background: url(IMAGEURLHERE);
background-repeat: no-repeat;
height: 300px;
width: 400px;
position: relative;
display: block;
}
#map a#title:hover {
background-position: 0 0; 
z-index: 10;
}

#map dd {
position: absolute; 
padding: 0; 
margin: 0;
}

#map #pic1 {
left: 176px; 
top: 98px; 
z-index: 20;
}
#map #pic2 {
left: 156px; 
top: 115px; 
z-index: 20;
}

#map #pic3 {
left: 100px;
top: 262px; 
z-index: 20;
}
#map #pic4 {
left: 184px; 
top: 233px; 
z-index: 20;
}

#map a#chen, #map a#zion, #map a#miyoko, #map a#elijah {
display: block; 
width: 30px; 
height: 30px; 
text-decoration: none; 
z-index: 20;
}

<style>

En mer ryddig løsning vil være å plassere det i en ekstern CSS-fil.
Ser du heller ikke har startet med noen html/body-tag etc .. Vet du egentlig helt hva du driver med?

Hvis "nei" så vil jeg anbefale deg å lese om CSS/HTML her: http://www.w3schools.com/

bobbo

2.379 722

14. juli 2007

enig med helk... Går du igjennom gjennomgangen av HTML og CSS (to forskjellige) på w3schools, sitter du med et greit grunnlag. Å kunne CSS uten å kunne HTML er totalt ubrukelig. TOTALT! Og ja, CSS-en bør virkelig være ekstern, er jævlig mye enklere da. Iallefall om du har flere sider

bubbster

Trådstarter

36 1

14. juli 2007

seff kan jeg med html, men jeg tenkte jeg bare skulle prøve og se om det fungerte før jeg lagde en orginale menyen=) ja skal prøve og gjøre det på riktig måte.

Men det jeg ikke skjønner er hvorfor ikke bilde mitt vises

Gisse

Lazywriter

954 185

14. juli 2007

Hvorfor bildet ditt ikke vises, er fordi at du ikke har noe sted du sier at du skal ha et bilde. Ja, du har en CSS kode-snutt, men du har ikke lagt den inn riktig. Legg den inn slik helk viste deg, så kan du prøve å få til et bilde.

Men hvorfor i all verden gjøre det så vanskelig? Alt for å ikke sette bilder med en link på seg?

<a href="hjem.html"><img src="hjem.jpg"></a>

z0p

uʍop ǝpısdn

3.814 906

15. juli 2007

Om du ikke er virkelig ivrig på renest mulig markup, ser jeg ikke helt problemet med å bruke image-map i html. Det er vel ganske cross-browser kompatibelt og ikke minst mye enklere.