Norsk MX-5 Miata Klubb

Posted: **30 Mar 2008, 21:49**

noen som har god peil på CSS?

har laget et som funker i Firefox men ikke i explorer...

Posted: **31 Mar 2008, 12:02**

That's my job

Spør i vei, eller send link.

Det positive med at det fungerer i Firefox og ikke Explorer er ihvertfall at da er sjangsen god for at du egentlig har gjort det rett

Posted: **31 Mar 2008, 16:10**

Genialt

her kommer det:

<STYLE type=text/css>BODY {
FONT-SIZE: 76%; FONT-FAMILY: tahoma; LETTER-SPACING: 0.00em; TEXT-ALIGN: center
}
#container {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: url(back.jpg) #000 no-repeat 75px 10px; MARGIN: 20px auto 0px; BORDER-LEFT:

#000 1px solid; WIDTH: 900px; BORDER-BOTTOM: #000 1px solid; POSITION: relative; HEIGHT: 470px
}
#container UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 5px; WIDTH: 198px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT:

386px
}
#container LI {
FLOAT: left
}
#container A.gallery SPAN {
BACKGROUND: #000; LEFT: 5px; OVERFLOW: hidden; WIDTH: 1px; POSITION: absolute; TOP: 5px; HEIGHT: 1px
}
#container A.gallery {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; DISPLAY: block; MARGIN: 1px 2px; BORDER-LEFT: #fff 1px solid; CURSOR: default; COLOR: #000;

BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#container A.gallery:visited {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: block; MARGIN: 1px 2px; BORDER-LEFT: #000 1px solid; CURSOR: default; COLOR: #000;

BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none

}
#container A.slidea {
BACKGROUND: url(images/p4_t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slideb {
BACKGROUND: url(images/p5_t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidec {
BACKGROUND: url(images/p6_t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slided {
BACKGROUND: url(images/p7_t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidee {
BACKGROUND: url(images/p11_t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidef {
BACKGROUND: url(images/p12_t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slideg {
BACKGROUND: url(images/sidefront001t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slideh {
BACKGROUND: url(images/siderear001t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidei {
BACKGROUND: url(images/front001t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidej {
BACKGROUND: url(images/side001t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidek {
BACKGROUND: url(images/side002t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.slidel {
BACKGROUND: url(images/gauges001t.jpg); WIDTH: 93px; HEIGHT: 60px
}
#container A.gallery:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-BOTTOM: #fff 1px solid
}
#container A.gallery:hover SPAN {
BACKGROUND: #fff; LEFT: 75px; WIDTH: 520px; COLOR: #000; POSITION: absolute; TOP: 10px; HEIGHT: 400px
}
#container A.gallery:hover IMG {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; FLOAT: left; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 5px; BORDER-BOTTOM: #fff 1px solid
}
</STYLE>

<BODY>
<DIV id=container>
<UL>

<LI><A class="gallery slidea"href="images/p4.jpg"><IMG
title=Picture alt=Picture
src="images/p4.jpg"> </A> </LI>

<LI><A class="gallery slideb"href="images/p5.jpg"><IMG
title=Picture alt=Picture
src="images/p5.jpg"> </A>
</LI>

<LI><A class="gallery slidec"href="images/p5.jpg#nogo"><IMG
title=Picture alt=Picture
src="images/p6.jpg"> </A>
</LI>

<LI><A class="gallery slided"href="images/p7.jpg"><IMG
title=Picture alt=Picture
src="images/p7.jpg"> </A> </LI>

<LI><A class="gallery slidee"href="images/p11.jpg"><IMG
title=Picture alt=Picture
src="images/p11.jpg"> </A> </LI>

<LI><A class="gallery slidef"href="images/p12.jpg"><IMG
title=Picture alt=Picture
src="images/p12.jpg"> </A> </LI>

<LI><A class="gallery slideg"href="images/sidefront001.jpg"><IMG
title=Picture alt=Picture
src="images/sidefront001.jpg"> </A> </LI>

<LI><A class="gallery slideh"href="images/siderear001.jpg"><IMG
title=Picture alt=Picture
src="images/siderear001.jpg"> </A> </LI>

<LI><A class="gallery slidei"href="images/front001.jpg"><IMG
title=Picture alt=Picture
src="images/front001.jpg"> </A> </LI>

<LI><A class="gallery slidej"href="images/side001.jpg"><IMG
title=Picture alt=Picture
src="images/side001.jpg"> </A> </LI>

<LI><A class="gallery slidek"href="images/side002.jpg"><IMG
title=Picture alt=Picture
src="images/side002.jpg"> </A> </LI>

<LI><A class="gallery slidel"href="images/gauges001.jpg"><IMG
title=Picture alt=Picture
src="images/gauges001.jpg"> </A> </LI>

</UL></DIV>

Posted: **31 Mar 2008, 16:11**

Vet det mangler endetegn på "HEIGHT" men det har jeg ordnet og det hjalp lite..

Posted: **31 Mar 2008, 17:39**

Hmm, er det IE6 det ikke fungerer i? Gjorde bare en kjapp sjekk her, må kopiere det til en nettverksstasjon for å sjekke i IE6, så ut til å fungere i IE7. Men for å nevne det før jeg sjekker noe mer så er ikke IE6 særlig kompatibel med hover egenskapen. Den har ikke støtte i IE6 og tidligere. Så da må man bruke et javascript til å emulere dette, har du det i koden din en plass? Suckerfish scriptet e.l.

Hvis det er i orden må du forklare hva problemet er ellers, så kan jeg ta en titt i IE6 også imorgen

Posted: **31 Mar 2008, 21:36**

Det som skjer er at man gjerne må klikke på thumb'en og få det opp i eget vindu, for å kunne "hoover" over med musen så bilde kommer fram..

og det går ikke "smooth" i det hele tatt i fht. i Firefox..

Posted: **31 Mar 2008, 22:04**

Er det bare jeg som falt ut her eller?

Steinar

Posted: **31 Mar 2008, 23:49**

Skal teste i IE6 imorgen

Posted: **31 Mar 2008, 23:50**

Meget takknemlig

Posted: **01 Apr 2008, 11:57**

Steinar wrote:Er det bare jeg som falt ut her eller?

Steinar

Du er ikke aleine

Posted: **01 Apr 2008, 12:12**

Har sjekket litt nå og som jeg mistenkte så fungerer ikke den hoveren særlig bra i IE6.

Istedet for å klatte med den "jalla" koden der ville jeg først som sist skaffet en som fungerer i alle browsere, med bittelitt javascript. F.eks.: http://benjaminsterling.com/jquery-jqga ... o-gallery/

Linker til javascript library du trenger er inni der og det er enkelt forklart. Går mye fortere enn å jobbe med kode som ikke er laget for alle nettlesere

Og om noen ikke har javascript så viser det som en liste med bilder. Men folk som slår det av fortjener ikke bedre

Posted: **01 Apr 2008, 15:56**

hmmm, så bra ut den der, men ville ønske å slippe å klikke

men om det er så vanskelig så...

takker så meget

Posted: **01 Apr 2008, 16:32**

Det er ikke umulig å slippe å klikke, men jeg fant ingen enkel innføring i bruken av det scriptet som fikser det for alle nettlesere, dermed droppa jeg det. Hvis du føler deg modig kan du søke på suckerfish script, det brukes mest til menyer, men funker til det du skal.

Men du kan jo prøve deg på denne først og så se

Posted: **01 Apr 2008, 23:00**

japp, får prøve den

blir nok bra det og

Posted: **28 Aug 2008, 16:09**

ny utfordring

hvordan lage et regnestykke...
dvs. man setter diverse tall i en form, og legger sammen disse til en Sum på samme side...

er det mulig? har lett på nettet, men ikke så mye som ligner

Norsk MX-5 Miata Klubb

sliter med et CSS...

sliter med et CSS...