Kjapp og trygg hosting for Wordpress

hvorfor funker ikke dette i explorer...? (CSS)

S

Shapeshifter1978

New Member
<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"><SPAN><IMG
title=Picture alt=Picture
src="images/p4.jpg"><BR></SPAN></A> </LI>

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

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

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

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

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

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

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

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

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

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

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

</UL></DIV>
 
S

Shapeshifter1978

New Member
hva mener du? det funker jo i firefox...

jeg bruker firefox og fant plutselig ut det ikke ikke funker i explorer...
(galleriet funker ikke)

fortell mer! :)
 
P

peterandrej

pensjonert moderator
#container A.gallery:hover SPAN {
BACKGROUND: #fff; LEFT: 75px; WIDTH: 520px; COLOR: #000; POSITION: absolute; TOP: 10px; HEIGHT: 400px
}

du mangler endtegn på slutten..

#container A.gallery:hover SPAN {
BACKGROUND: #fff; LEFT: 75px; WIDTH: 520px; COLOR: #000; POSITION: absolute; TOP: 10px; HEIGHT: 400px;
}
 
S

Shapeshifter1978

New Member
det hjalp, men må klikke på bildet først, før man kan "hoovere" over,
først da vises det som stort...

frustrerende... i firefox funker det helt perfekt, mens i explorer må man klikke på thumb'en for å få noe fram, og selv da går det ikke like smooth som i firefox.. :(
 
Sist redigert av en moderator:
Helge

Helge

Profesjonell Googlesøker
Shapeshifter1978: Velkommen til alle webdesigneres mareritt: IE! :p

Det letteste er å søke etter problemstillingen i google og sjekke om andre har hatt det samme problemet.

Ellers så annbefaler jeg deg å rydde litt opp i koden din (veldig rotete).

Når du skal ha border f.eks så kan du skrive border: 5px 6px 7px 8px; (som blir border: top right bottom left; om jeg ikke husker helt feil, er en stund siden jeg lagte noe som helst i css nå egentlig)
 
Du må logge inn eller registrere deg for å svare her.
Topp