sliter med et CSS...

Emner som ikke har noe med Mx5/Miata å gjøre, men samtidig kan være interresant for de andre i klubben (offtopic) Kjøp og Salg av ikke MX5 relaterte ting henvises til qxl, finn.no osv..

Moderator: Styremedlemmer

Post Reply
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

sliter med et CSS...

Post by EspenAndre »

noen som har god peil på CSS?

har laget et som funker i Firefox men ikke i explorer... :(
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
User avatar
biXen
7200 RPM
7200 RPM
Posts: 3347
Joined: 13 Apr 2004, 02:00
Medlemsnummer: 999
Location: Stavanger
Contact:
Contact biXen
Status: Offline

Post by biXen »

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 :D
Mazda RX-8 GT HP 2004 Winning Blue
x Mazda MX-5 1,6l 2000 Brilliant Black

Webdesign blog
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

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"><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>
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

Vet det mangler endetegn på "HEIGHT" men det har jeg ordnet og det hjalp lite..
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
User avatar
biXen
7200 RPM
7200 RPM
Posts: 3347
Joined: 13 Apr 2004, 02:00
Medlemsnummer: 999
Location: Stavanger
Contact:
Contact biXen
Status: Offline

Post by biXen »

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 ;)
Mazda RX-8 GT HP 2004 Winning Blue
x Mazda MX-5 1,6l 2000 Brilliant Black

Webdesign blog
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

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..
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
User avatar
Steinar
7200 RPM
7200 RPM
Posts: 1160
Joined: 23 Oct 2003, 02:00
Medlemsnummer: 560
Location: Trondheim
Status: Offline

Post by Steinar »

Er det bare jeg som falt ut her eller?

Steinar
2008 PRHT (Svarte F.)
X-Sambagull -99 1.8
Top
User avatar
biXen
7200 RPM
7200 RPM
Posts: 3347
Joined: 13 Apr 2004, 02:00
Medlemsnummer: 999
Location: Stavanger
Contact:
Contact biXen
Status: Offline

Post by biXen »

Skal teste i IE6 imorgen ;)
Mazda RX-8 GT HP 2004 Winning Blue
x Mazda MX-5 1,6l 2000 Brilliant Black

Webdesign blog
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

Meget takknemlig :)
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
motorhead
7200 RPM
7200 RPM
Posts: 1281
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 201
Location: Jessheim
Status: Offline

Post by motorhead »

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

Steinar
Du er ikke aleine :)
- 18 Audi A5 2.0 TFSI quattro

x 13 Porsche Boxster

x 19 Golf GTI Performance

x -15 Audi A4 1,8 TFSi Avant q

x -13 Audi A4 1,8 TFSi Lim

x -09 Folkevogn Scirocco

x -99 MX-5 10th Anniversary 835/7500

x -96 MX-5 1,6 Classic red
Top
User avatar
biXen
7200 RPM
7200 RPM
Posts: 3347
Joined: 13 Apr 2004, 02:00
Medlemsnummer: 999
Location: Stavanger
Contact:
Contact biXen
Status: Offline

Post by biXen »

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 :P
Mazda RX-8 GT HP 2004 Winning Blue
x Mazda MX-5 1,6l 2000 Brilliant Black

Webdesign blog
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

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

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

takker så meget :)
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
User avatar
biXen
7200 RPM
7200 RPM
Posts: 3347
Joined: 13 Apr 2004, 02:00
Medlemsnummer: 999
Location: Stavanger
Contact:
Contact biXen
Status: Offline

Post by biXen »

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 ;)
Mazda RX-8 GT HP 2004 Winning Blue
x Mazda MX-5 1,6l 2000 Brilliant Black

Webdesign blog
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

japp, får prøve den :)

blir nok bra det og :D
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
EspenAndre
Moderator
Moderator
Posts: 5120
Joined: 08 Sep 2003, 02:00
Medlemsnummer: 114
Location: På landet, bittelitt nord for Bergen
Contact:
Contact EspenAndre
Status: Offline

Post by EspenAndre »

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 :(
2004 Mazdaspeed MX-5
X-1992 MX-5
X-1992 Miata
Top
Post Reply

Return to “Ikke mx5/miata relatert”