Archief - CSS: scrollbars stylen in FF

B

Bram

Legacy Member

• 15 jun 2006

• #1

oke, ik ben bezig met een website te recoden naar xhtml, nu had de eigenaar gevraagd of het mogelijk was om enigszins met scrollbars IN de layout te werken...
het is :naughty: ik weet het, maar als je de layout ziet zal je het mss begrijpen:

http://bram.thomashancock.net/main.php?id=home

het gaat dus om die scrollbar in de main content box, rechts van die tekening...

in FF ziet dit er wel echt niet uit, in IE is er niets aan en ziet de scrollbar een behoorlijk deftig uit... Maar ik vroeg me dus af of er geen alternatieve manier bestond om die in FF ook te stylen...

Ik heb als prefix CSS gezet maar het kan evengoed ook een andere codeertaal zijn...

Ik dacht ooit gehoord te hebben dat je dit met dhtml kon, maar dat kan pure fantasie zijn...

Z

Zero Grav

Legacy Member

• 15 jun 2006

• #2

Hmm, dit schijnt het wel te zijn: http://www.dyn-web.com/dhtml/scroll/
Maar ik heb het niet nagelezen door een gebrek aan tijd.

http://www.youngpup.net/_projectDirectories/threeoh/demos/incremental/index.html Ook nog wel interessant en komt met meegeleverde check-up: http://forum.echoechoplus.com/showthread.php?threadid=8253

R

Rvl

Legacy Member

• 15 jun 2006

• #3

btw is het niet handiger om u hover effect dmv css te maken ipv js? gewoon background laten veranderen?

B

Bram

Legacy Member

• 16 jun 2006

• #4

Rvl zei:

btw is het niet handiger om u hover effect dmv css te maken ipv js? gewoon background laten veranderen?

Klik om te vergroten...

da was oorspronkelijk het plan... ma kweet nie goe hoe ik de links dan moet maken... die tekst zit tenslotte ook op de images... dan moek da allemaal in CSS beginne na doen om dan mee hovers te kunne werken (daarmee ook de afbeeldingen bewerken => tekst eraf halen)

tenzij'k bv zou kunne werken met <a href="#">&nbsp;</a> ma kdenk dak ooit eens gelezen da, moestek dan bv het volgdende doen in CSS, IE da nie goe herkent (iets mee de fixed width)

Code:

#nav ul a {
display: block;
width: 47px;
height: 26px;
}

B

Bram

Legacy Member

• 16 jun 2006

• #5

kben nu aant werken met die eerste link van Zero Grav, ma twerkt toch gelijk nie al te goe alhier... kzit nu mee 2 gewone scrollbalken en geen tekst... :-/

o

orez

Legacy Member

• 16 jun 2006

• #6

die tekst moe je er ni afhalen hoor... helemaal niet.

Gewoon de 2 images naast elkaar zetten, bv je knop is 50px breed, je hover status 50px, maak je 1 image van 100px breed me de 2 statussen.

Je stelt je width in in CSS, en je background position op 0 0

Op je hover stel je dan in 0 -50px als bg position...

Meer is het infeite ni

B

Bram

Legacy Member

• 17 jun 2006

• #7

orez zei:

die tekst moe je er ni afhalen hoor... helemaal niet.

Gewoon de 2 images naast elkaar zetten, bv je knop is 50px breed, je hover status 50px, maak je 1 image van 100px breed me de 2 statussen.

Je stelt je width in in CSS, en je background position op 0 0

Op je hover stel je dan in 0 -50px als bg position...

Meer is het infeite ni

Klik om te vergroten...

mm idd, daar had ik ook aan gedacht, maareuh... hoe maak ik dan de link??? ik kan toch geen background image linken??? of toch gewoon werken met een <a href="#">&nbsp;</a> en die een bepaalde width meegeven? want da gaat nie goe marcheren in IE vreesk (tenzij dak een paar spaties doe natuurlijk... )

Z

Zero Grav

Legacy Member

• 17 jun 2006

• #8

display: block

Je werkt echt teveel met elementen waar je geen kennis van hebt SveltestSword. Eerst kruipen en dan lopen..