Autor |
Nachricht |
graphicsandunity
Dabei seit: 22.11.2004
Ort: Berlin
Alter: 40
Geschlecht:
|
Verfasst Sa 27.11.2004 12:51
Titel
|
|
|
joESmither hat geschrieben: | http://wellstyled.com/css-nopreload-rollovers.html
da hast du das konventionelle beispiel mit css (die backgrounds werden getauscht) und das beispiel eines css-rollovers für das keine grafiken preloaded werden müssen, da man pro rollover nicht zwei oder drei grafiken sondern nur eine nutzt die man per "background-position:" verschiebt. |
Eine sehr unorthodoxe Lösung.
Aber scheinbar ist es die brauchbarste.
Damit ich das richtig verstehe:
Wenn ich eine <ul> anlege, deren <li>'s ein image als list-style haben, dann sehe ich anfangs nur den einen teil des bildes.
und wenn ich dann drüber fahre sehe ich dannd en anderen teil?
wie das gemacht wird, hab ich verstanden.
aber ist es denn gemacht, dass ich da nicht das ganze bildchen sehe?
beschränkt sich dieses list-style-image auf eine maximale größe?
außerdem geht das doch gar nicht als bakcground-image zu setzen. ich meine der list-style ist doch "at the front"...
GaU
|
|
|
|
|
matt
Dabei seit: 06.05.2003
Ort: Köln
Alter: 43
Geschlecht:
|
Verfasst Sa 27.11.2004 13:04
Titel
|
|
|
Die Lösung ist super!
Entweder gibts Du dem <li> feste Größenangaben bzw. dem <a href> dadrin, denn wenn ich mich jetzt recht erinnere, klappt das mit dem :hover bei dem <li> nicht (IE), also muss man die ganze Geschichte in den Link bauen, kann mich aber auch täuschen.
Jedenfalls ist es bei fester Größenangabe natürlich leichter und man kann mit kleineren Bildern arbeiten, wenn man nicht weiß wie groß das ganze wird, wegen eventuell verstellbarer Schriftgröße, dann macht man sich einfach ein größeres Hintergrundbild und verschiebt es eben mehr.
Was meinst Du mit "at the front"? Dass das "Bild" links vor dem Text steht? Dazu baut man dann einfach noch padding-left mit rein.
Zuletzt bearbeitet von matt am Sa 27.11.2004 15:01, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
graphicsandunity
Dabei seit: 22.11.2004
Ort: Berlin
Alter: 40
Geschlecht:
|
Verfasst Sa 27.11.2004 14:18
Titel
|
|
|
Ich hätte wohl lieber top statt front schrieben sollen. *grinsel*
Meinte damit, dass ich nich ganz verstanden hab, wie das mit dem list-style-image funzen soll, wo doch dieses image nicht im hintergrund liegt, sondern in der gleichen tiefenebene wie der text des <li>.
Zuletzt bearbeitet von graphicsandunity am So 28.11.2004 05:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
matt
Dabei seit: 06.05.2003
Ort: Köln
Alter: 43
Geschlecht:
|
Verfasst Sa 27.11.2004 15:04
Titel
|
|
|
Achso ... ja ähm, Du baust es nicht als list-style-image ein, sondern als background-image. Denn von dem list-style-image kannst Du auch gar nicht die Position ändern. Kann man schon mit list-style-position, aber das ist was anderes, da gibts ja auch nur inside und outside.
|
|
|
|
|
graphicsandunity
Dabei seit: 22.11.2004
Ort: Berlin
Alter: 40
Geschlecht:
|
Verfasst Sa 27.11.2004 15:32
Titel
|
|
|
Ächso.
Oki alles klar.
Werd ich mal ausprobieren.
Danke für die Infos
(Komische Situation, da ich den Thread gar nich eröffnet habe )
Grüßle
GaU
Zuletzt bearbeitet von graphicsandunity am So 28.11.2004 05:29, insgesamt 1-mal bearbeitet
|
|
|
|
|
stevenx
Dabei seit: 18.06.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 27.11.2004 17:11
Titel
|
|
|
ich mache meine bild navigation auch immer so mit bg verschieben
und die läuft auf allen gängigen browsern....
seiten die sowas im einsatz haben zum beispiel:
http://www.ciao.de/Digitalkameras_583492_
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 27.11.2004 20:02
Titel
|
|
|
wir ham sone navi jetzt bei 4 projekten eingesetzt, und bisher hat sich kein kunde beschwert das irgendwas nich funktioniert hat.
wir hams im büro in IE5, 5.5, 6, firefox0.9 & 1, opera 7.irgenwdas getestet, und es hat einwandfrei funktioniert.
auch im safari glaub ich.
|
|
|
|
|
graphicsandunity
Dabei seit: 22.11.2004
Ort: Berlin
Alter: 40
Geschlecht:
|
Verfasst So 28.11.2004 00:11
Titel
|
|
|
Also dieser Lösungsweg klingt wirklich sehr gut.
Tolle Methode um JavaScript zu umgehen!
Werde das mal ausprobieren.
Schönen Abend noch.
GaU
|
|
|
|
|
|
|
|
Ähnliche Themen |
[FLASH MX] Problem mit Bild-Navigation
Navigation mit Bild-Over-Effekt in Dreamweaver CS6
Suche Flash Navigation Pseudo 3D Rotierend (Bild)
schrift über bild
Schrift mit Bild hinterlegen
Schrift in Bild verschwommen
|
|