Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

  1. #1
    Teeny
    Registriert seit
    12.06.2009
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    Die Situation ist folgende:
    Meine jetzige Navigationsleiste (Horizontal) besteht aus einem Hintergrundverlauf, die Titel sind in transparenten .pngs gespeichert (Wollte eine eigene Schrift, aber einen ganz neuen Font zu machen lohne sich da wirklich nicht - für 9 Worte...
    Aufgebaut ist sie als mit CSS formatierte Liste.

    Das Endergebnis sollte dann etwa so aussehen - fokus ist auf news:


    Wie realisiere ich da jetzt am besten einen rollover-Effekt?
    Ich könnte natürlich für jeden einzelnen Link ein eigenes Bild festlegen, aber das ist Ladetechnisch nicht so toll. Eigentlich wäre die einfachste Lösung, ein transparentes .png (1x30px, repeat-x) über die Grafik des fokussierten Links zu legen.

    Fragt sich nur, ob das mit CSS noch zu realisieren ist?
    Letztendlich würde auch Javascript gehen, dann müssen die Anti-Java-User halt auf die Rollovereffekte verzichten...
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    grundsätzlich kannst du es machen
    aber ich rate dir von transparenten pngs dringend ab
    internet explorer 6 unterstützt das nicht

    es gibt zwar einen fix, aber mit dem hatte ich auch schon probleme

    mach doch einfach die paar grafiken
    ist doch auch nicht so viel
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    ich würde den hintergrund in eine grafik packen und das ganze dann via :hover verschieben (stichwort background-position)

    die schrift also die buttontexte dann als transparente png und dann als img-tag ins a-tag stopfen

    und ich würd nich auf die pngs verzichten.. wer den ie6 nutzt ist selber schuld....
    klar oldtimer sind cool, aber der ie7 war schon DAS SICHERHEITSUPDATE vom 6er
    und mittlerweile gibbet den ie8
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    Zitat Zitat von synaptic Beitrag anzeigen
    und ich würd nich auf die pngs verzichten.. wer den ie6 nutzt ist selber schuld....
    klar oldtimer sind cool, aber der ie7 war schon DAS SICHERHEITSUPDATE vom 6er
    und mittlerweile gibbet den ie8
    Ja, die Meinung haben alle Webdesigner. Aber der gemeine Benutzer benutzt heute noch IE6
    Ich sehe das an meinem Vater
    Ich hab ihm Opera 10 und Firefox 3 raufgegeben
    Er benutzt IE 6...
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    ja mach nen update auf ie8, dann kann er den 6er nich mehr nutzen...
    und frag mal deinen dad, ob er in ein schlauchboot mit loch noch nen zweites schneidet, damit des einlaufende wasser wieder ablaufen kann

    also ich sags immer wieder: finger weg von allem was mit i anfängt und mi 6 aufhört
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    ja für mich schon...
    aber ich schreib Barrierefreiheit nunmal groß
    Something big is coming. And there will be pirates and ninjas and unicorns...

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    12.06.2009
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    Zitat Zitat von synaptic Beitrag anzeigen
    ich würde den hintergrund in eine grafik packen und das ganze dann via :hover verschieben (stichwort background-position)

    die schrift also die buttontexte dann als transparente png und dann als img-tag ins a-tag stopfen
    Stimmt! Gute Idee!
    ...ich habe mal wieder falschrum gedacht...
    Jaja, der Microsoft - also kleinweich -IE... bis vor kurzem hatte ich Opera als Haupt- und den IE8 als Nebenbrowser, aber nun habe ich ihn gegen Firefox ersetzt, mit den Zahlreichen Pluginns und der besseren Performance ist der doch wirklich angenehmer - zum beispiel FireFTP - sehr komfortabel, einfach per Firefox-plugin alles auf den Server zu laden...

    Also synaptic, vielen Dank, das sollte funktionieren!

    Ergänzung - Jungs, streitet euch nicht, in ein paar Jahren ist der IE6 doch gar nicht mehr Windows-kompatibel
    Ne im Ernst grundsätzlich ist es sinnvoll, wenn man im Internet unterwegs ist, auch einen halbwegs aktuellen Browser zu benutzen!
    Geändert von JBJHJM (22.01.2010 um 20:30 Uhr)

  8. #8
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    kein ding, check mal addons wie die developer toolbar und firebug
    sind für webentwicklung unverzichtbar
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  9. #9
    Teeny
    Themenstarter

    Registriert seit
    12.06.2009
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    developer toolbar kenne ich noch nicht, firebug hatte ich schon mal im Auge, aber noch nicht installiert...

    Wie schon gedacht funktioniert dein Tipp super!

    Eines der besten Features von Firefox: Du kannst irgendeinen Begriff eingeben, und wenn die passende Seite schon mal besucht wurde, wird sie gleich angezeigt - also jetzt nicht url-ergänzung, sondern ich hatte einen Suchbegriff eingegeben, und statt zu googlen, kam gleich das Ergebnis. Ich war schon iwie überrascht

    Und mit ein paar Tipps&Addons habe ich auch alle Features, die ich an Opera liebe - Sitzungen speichern, die Sidebar, Mausgesten etc.
    Das einzige was mir fehlt: Wenn man 30 Tabs geöffnet hat, zeigt Opera die Reiter sehr schmal an, aber man hat alle im Blick, bei Firefox muss man entweder scrollen und suchen, oder erst das Auswahlmenü öffnen. Naja was soll's...

    So genug über Firefox, ist wirklich ein guter Browser!
    Geändert von JBJHJM (23.01.2010 um 00:01 Uhr)

  10. #10
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Rollover bei Navigationsleiste mit in Grafik gerasterten Text?!

    freut mich, dass dir des so gefällt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Rollover-Effekte in Navigationsleiste vermeiden
    Von dulldeidi im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 09.10.2006, 12:20
  2. Rollover - Buttons mit eigener Grafik ?
    Von binbeiladen im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.09.2006, 12:49
  3. Grafik als Button + Rollover effekt
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 31.08.2006, 09:02
  4. Erstellung einer Rollover Grafik
    Von gast im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 8
    Letzter Beitrag: 22.04.2006, 18:35
  5. Navigationsleiste mit Rollover (zwei Grafiken)
    Von mauritius im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 12
    Letzter Beitrag: 23.05.2003, 15:18

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •