[?] bei "rollover" hintergrund ändern

**Maisaffe** · 05.05.2005 11:02

Hab mal ne Gif im Paint geschuster:

Geht der Kram mit CSS?
Oder muss ich JS nehmen?

Dennis

Btw. Habe das schon bei a.hover (bei den Linkseigenschaften) schon ausprbiert mit background-color=#C0C0O0, geht leider nicht

**Geiu** · 05.05.2005 11:10

Zitat von dennis_meckel

Btw. Habe das schon bei a.hover (bei den Linkseigenschaften) schon ausprbiert mit background-color=#C0C0O0, geht leider nicht

Hast du a.hover oder a:hover geschrieben? (Mit nem Punkt isses nämlich ne Klasse und kein Pseudoselektor)

**Lucleonhart** · 05.05.2005 11:19

Mit CSS ginge das nur über nen hintergrundbild, was dann halt genauso breit wie die tabelle sein muss:

HTML-Code:

<head>
<style language="text/css">
<!--
a, a:visited, a:active { background-img: url(aus.gif); }
a:hover { background-img: url(an.gif); }
-->
</style>
</head>

Mit ner hintergrundfarbe würde nur der Linktext hinterlegt.

Alles andere mit javascript:
http://www.netzwelt-kali.de/rechts/d...ript/hover.php

**Geiu** · 05.05.2005 11:33

Zitat von Lucleonhart

Mit ner hintergrundfarbe würde nur der Linktext hinterlegt.

Standardmäßig ja, aber wenn man dem Link zusätzlich noch ein display:block; gibt, geht er auch über die ganze Breite.

**Maisaffe** · 05.05.2005 12:03

Goud, dann nehme ich JS.

Dennis

**wrtlprnft** · 05.05.2005 12:35

Warum sollte man da JS hernehmen?
Weder braucht man mit CSS eine Tabelle, noch ein Hintergrundbild, noch sonstwas. (noch schreibt man in den <style>-Tag ein language rein *klugscheiss*)
Lääst sich doch wunderbar ohne Javascript mit 15 Zeilen CSS machen.

EDIT: Bloß der durchsichtige Mauscursor geht nicht

**Maisaffe** · 05.05.2005 12:48

Zitat von wrtlprnft

Warum sollte man da JS hernehmen?
Weder braucht man mit CSS eine Tabelle, noch ein Hintergrundbild, noch sonstwas. (noch schreibt man in den <style>-Tag ein language rein *klugscheiss*)
Lääst sich doch wunderbar ohne Javascript mit 15 Zeilen CSS machen.

EDIT: Bloß der durchsichtige Mauscursor geht nicht

Des mit der Tabelle bei JS braucht man net, man braucht nur:

HTML-Code:

<div onmouseover="style.backgroundColor='#EBEBEB'" onmouseout="style.backgroundColor=''">

Das mit dem Cursor war auch eher um mal zu schauen ob das jemanden von Euch auffällt.

Ich nehm dann lieber JS wie es aussieht.

Dennis

Edit: Schau dirs mal im IE an

**Maisaffe** · 05.05.2005 12:59

Hab 'n neues Problem.
Bei Macromedia kann man auser <style type="text/css"> auch <style type="text/java"> erstellen, jedenfalls bei der Pop Down auswahl der Code Tags.

Dann müsste es doch folgende Variante geben, oder nicht?

HTML-Code:

<style type="text/javascript">
.menue{onmouseover="style.backgroundColor='#EBEBEB'" onmouseout="style.backgroundColor=''"}
</style>

Leider klappt das net so ganz...

Dennis

**dead_orc** · 05.05.2005 13:29

Um ehrlich zu sein, habe ich zumindest keine Ahnung, was du eigentlich damit machen willst. So wies aussieht versuchst du JavaScript und CSS zu paaren, was AFAIK nicht möglich ist (außer halt mit der in JS integrierten style-Eigentschaft). So aber sicherlich nicht (oder irre ich mich?)
Ich versteh nicht, wieso du nicht CSS nehmen willst, weil es mit ein bisschen korrigieren auch im IE wunderbar aussieht (außer dass man tatsächlich über den Text muss, um ihn zu markieren, nicht nur über die Box).

**wrtlprnft** · 05.05.2005 14:02

Zitat von dennis_meckel

Edit: Schau dirs mal im IE an

Hatte grad keinen IE zur Hand und bin einfach davon ausgegangen, dass der diesen simplen Code schon schluckt. Ist jetzt aber gefixt.

Zitat

(außer dass man tatsächlich über den Text muss, um ihn zu markieren, nicht nur über die Box)

Wenn man die Breite von dem Link explizit angibt geht sogar das.

**Maisaffe** · 05.05.2005 15:11

Zitat von wrtlprnft

Hatte grad keinen IE zur Hand und bin einfach davon ausgegangen, dass der diesen simplen Code schon schluckt. Ist jetzt aber gefixt.
Wenn man die Breite von dem Link explizit angibt geht sogar das.

Hm fett, auch wenns direkt gesehen mehr Code ist.

Ich bleib dann doch dem CSS treu *rübl

Dennis

**wrtlprnft** · 05.05.2005 15:35

Wenn man viele solche Links hat ist es deutlich weniger Code, und er geht vor allem auch ohne Javascript (kann man ja ausschalten).

Thema: [?] bei "rollover" hintergrund ändern

Themen-Optionen

Anzeige

[?] bei "rollover" hintergrund ändern

JS Auflistung wie CSS <head>

Berechtigungen