Mouseover bzw. a:hover Problem

Gehe zu Seite:

Geschlossen

Do. 08.11.2007 22:52 Uhr #1

Neutralos Mitglied

Registriert seit
22.04.2007

Beiträge
118

Beitragswertungen
Hallo,
ich möchte lediglich die Buttons in der Linken Leiste im Standard-Design mit einem Mouseover Effekt ausstatten. Also einfach das sich die Farbe ändert oder ein neues Bild geladen wird.
Habe schon das Forum durchsucht aber nirgendswo kompletten code gefunden.

Kann mir jnd. sagen wie ich's beim Standard Design machen muss?
bei a:hover war mein versuch:
```
a.box:hover 
{ 
  text-decoration: none;
  display: block;
  background-image:url(img/box_left_middle_hover.gif
}
```
Dann kommt es aber zu Fehldarstellung und die Navi-Leiste zeigt den hover Effekt zwar an wird aber doppelt so groß

Wenn ich es mit mouseover und java machen ist meine erste frage ob es dann nur noch statisch geht?
Und da klappt das einbinden überhaupt nicht, habe zwar den richtigen java-code und kann es auch mit dreamweaver wie im forum beschrieben einfügen nur ich weiß nicht wo!

Freu mich auf Hilfe
Thomas

betroffene Homepage: tub1herren.de.gg/
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 09.11.2007 07:29 Uhr #2

boehserdavid Mitglied

Registriert seit
26.08.2006

Beiträge
2.122

Beitragswertungen
Hey, Neutralos!

Also mit Java wirst du da nicht weiß kommen, es sei denn du kannst diese Sprache!
Und du musst es bei a.box:hover{} einfügen, das ist die Klasse für die Links in der Menüleiste und den den Boxen.
Und das JavaSCRIPT muß zwischen die Head Tags
```
<head>
<script text="........>
........
</script>
</head>
```
Und dann sollte es gehen.

Mit böhsen Grüßen
BöhserDavid
-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact-
0 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 09.11.2007 14:04 Uhr #3

Jan Hall Of Fame

Am Ende der index.htm musst du dem Menü eine Klasse zuweisen ( hier "menu" ).

<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="menu" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
{_list_vmenubegi@<ul>}
{_list_vmenuende@</ul>}

Dann diesen in der style.css definieren:

a.menu:link, a.menu:visited, a.menu:active {
	display:block;
	font-size: 12px;
	font-family:  Arial, sans-serif;
	color: #696969;
	background:url (images/bild1.jpg);
	width: 150px;
	height: 16px;
	text-decoration: none;
	font-style: normal;
}

a.menu:hover {
	display:block;
	font-size: 12px;
	font-family:  Arial, sans-serif;
	color: #696969;
	background:url (images/bild2.jpg);
	width: 150px;
	height: 16px;
	text-decoration: none;
	font-style: normal;
}

Mach am besten erstmal ein Backup deiner index.htm .

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 09.11.2007 17:19 Uhr #4

Neutralos Mitglied

Registriert seit
22.04.2007

Beiträge
118

Beitragswertungen

Hab es genau so probiert wie oben beschrieben. Klappt leider nicht.
Vllt. hab ich mich nicht genau ausgedruckt. Also ich möchte das Design von der Navi-Leiste mit den Buttons behalten, also die vom Standard her da drin sind, und wenn man draufgeht solls halt nen hover Effekt geben.

Ach ja, zum Java Script gibt es doch diese Standardsricpt was man im Headerbereich einfügt, das entwirft Dreamweaver ja auch selbst, wenn man Einfügen --> Grafik --> Rollover macht!
Aber ich weiß halt nicht wo bzw wie beim Standard Design
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 09.11.2007 19:01 Uhr #5

boehserdavid Mitglied

Registriert seit
26.08.2006

Beiträge
2.122

Beitragswertungen
Schreib ich chinesich?
```
<html
<head>
<script text="........>
........
</script>
</head>
<body>
.....
</body>
</html>
```
und bei den Bildern/Links
```
onmouseout="javascript:irgendwelchefuntion();"
onmouseover="javascript:eineanderefuntion();"
```
Is noch was bei dir in arabisch angekommen...
-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact-
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Mouseover bzw. a:hover Problem