Mouseover geht nicht

  • #1
F

frank_gayer

Bekanntes Mitglied
Themenersteller
Dabei seit
24.08.2004
Beiträge
670
Reaktionspunkte
0
Hallo,

habe das folgende Style Tag in meinen head plaziert, leider geht aber das Mouseover nicht. An was kann das noch liegen ?

<style>
<!--
a:active { color:#0000FF; text-decoration; }
a:hover { color:#800000; text-decoration: none; }
//-->
</style>
 
  • #2
Korrekterweise sollte der Style so aussehen ;)

Code: 
<style>
<!--
a:active { color:#0000FF; text-decoration: none; }
a:hover { color:#800000; text-decoration: none; }
-->
</style>

und der funktioniert auch ;)


gruss conny
 
  • #3
Hallo,

danke für die Hilfe. Geht aber leider trotzdem nicht. Habe es innerhalb der <head> eingefügt. Die Farbe blebt bei weiß und wird nicht rot. Andere Frage noch am Rande. Beim Laden meiner Seite (main) kommt zuerst die Hintergrundfarbe ocker bevor das Bild geladen wird. Ich finde nicht, wo ich die Farbe ändern bzw. löschen kann. Wo geht denn das ?
 
  • #4
OK,

Das Orange steht in der main.css in der BODY-Klasse

Und bei den Links, kannste es so machen:

Code: 
<style>
<!--
.reiselinks:active { color:#0000FF; text-decoration: none; }
.reiselinks:hover { color:#800000; text-decoration: none; }
-->
</style>

und dann in den Links ne Klasse angeben. z.B:

Code: 
<a class=reiselinks href=irgendwohin.html>Reisebericht nach Grönland</a>

gruss conny
 
  • #5
Hmm, das verstehe ich nicht. Für welche Links ist das gemeint. Ich wollte lediglich die beiden Navigationsleisten auf der Startseite mit einem Mouseover versehen oder habe ich da was falsch verstanden ?
 
  • #6
Wnn du die 2 Frames Rechts und Links meintest, dann musst du den Style auch in die Frameseiten packen. Ich dachte du wolltes die Links zu den Reiseberichten ändern.

Startseite und Navigation ist ein Himmelweiter unterschied ;)

D.H. in die

menu2/menu_left.html
und
menu2/menu_right.html
 
  • #7
Hallo,

habe ich, aber da unter Body oder Head ?? In einigen Beschreibungen wird unter Head angesagt ??!!
 
  • #8
Schau mal, in deinem Style sagst du wie die Links aussehen sollen.
Ist ja auch recht so, spricht ja nix dagegen.
Den Style kannst du setzen wo du lustig bist, bzw. lass ihn da wo er ist.

Aber jetzt kommts :(

in den Links sagst du, Hoppla ich habe für dich eine Klasse menu zur verfügung gestellt.

d.h. natürlich der link nimmt den letzten Befehl. Also sieht er aus wie in der Klasse menu definiert ist. Da kannst du oben Styles definieren wie du lustig bist, der letzte Befehl gilt.
Und der steht nun mal als Klasse direkt im Link schon drinn.

<a target=_parent class=menu href=../index.htm>
Zum Vergrößern anklicken....

entweder du nimmst die Klasse im Link raus, oder du passt die Klasse menu in der *.css Datei so an wie du es haben willst.
Dies währe die gescheiteste Lösung.
 
  • #9
Hallo,

ist dann so

<a target=_parent href=../Sicherung/index.htm>

richtig ??
 
  • #10
Ich hab mir deinen Menü-Frame nochmal etwas genauer angesehen.
Das sieht ja gar fürchterlich aus :-\

Code: 
<td width=130 height=25 style=border-style: solid; border-width: 1px align=center>
 <div align=center>
  <font color=#FFFFFF style=font-size: 11pt face=Verdana>
  <a target=main class=menu href=bildergalerie.html>
  <font color=#FFFFFF face=Verdana size=2>
  <a target=main class=menu href=bildergalerie.html>
  <font size=2 color=#FFFFFF>Bildergalerien</font></a></font></a></font><b><font face=Verdana size=2><a target=main class=menu href=bildergalerie.html><font size=2 color=#FFFFFF></a></font></a></font></b></div></td>

warum sind hier 2 Links drinne. Das gibt doch überhaupt keinen Sinn :( :-\
Des Weiteren willst du per Style deine Links gestallten, und hier gibst du nochmal per font- an wie er auszusehen hat. (Und das gleich 3-fach)

Ist aber nur 1 Beispiel, das kommt öfters vor. die ganze Seite sieht aus wie Sodom und Gomorra :mad:

Das gleiche könnte so aussehen:

Code: 
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center>
	 <a target=main class=menu href=bildergalerie.html>Bildergalerien</a>
  </td>
 </tr>

Und dann in der *.css Datei in der Klasse menu festlegen wie die Links auszusehen haben.

So wie dein Code aussieht, passiert allerdings nur wenn man ausschließlich im WYSIWYG Modus arbeitet und sich seinen Code nie anschaut.


gruss conny
 
  • #11
Hallo,

da hast Du Recht, habe ich eben angefangen zu ändern. Hatte ich auch bemerkt.
Ich nehme also jetzt den Style und kopiere diesen in die menu.css. So ungefähr:

body {
background-image: url(back.jpg);
background-repeat: repeat-y;
margin-top: 0px;
margin-left: 0px;
}
<style>
<!--
a:active { color:#0000FF; text-decoration: none; }
a:hover { color:#800000; text-decoration: none; }
-->
</style>

Muss ich dann noch diesen Style auch in die Navigation mit aufnehmen oder nur in die .css ?

Ich habe eben die Farbe und die Schriftgrösse für jeden Link vorgegeben. Was ist denn daran falsch ? Wenn ich das nach Deinem Beispiel mache, habe ich keine Schriftgrösse und Standardfarbe, oder wird dies dann mit dem Style in menu.css geregelt ?
 
  • #12
Sag mal, rede ich hier gegen eine Wand oder was :mad: :mad:

in der Datei main.css ist schon in der Klasse menu festgelegt wie die Links auszusehen haben.

Code: 
body 	{
	background-image: url(back.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
	border-right: 1px solid #333333;
	margin-left: 0px;
	}
.menu {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.menu:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.menu:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: none
}
.menu:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}

sollen sie anders aussehen, brauchst du es doch nur hier zu ändern.
 
  • #13
Ja, OK.

Das habe ich ja schon geschaut, aber das ist wieder Wissen, wo mir noch fehlt, sonst würde ich nicht fragen.
 
  • #14
Abend,

ich will nich unnötig einen neuen Thread aufmachen und dachte es passt hier am ehesten hinein.

Mein Problem:
Ich erstelle einen Mouseover-Effekt mit folgendem Code:

Code: 
<a href=[url]http://sogt.so.funpic.de/HP.htm[/url]
onmouseover=austausch1.src='[url]http://sogt.so.funpic.de/39.2.2.gif';[/url]
onmouseout=austausch1.src='[url]http://sogt.so.funpic.de/39.1.gif';>[/url]
<img src=[url]http://sogt.so.funpic.de/39.1.gif[/url]
border=0 width=130height=50
name=austausch1></a>

Bis dahin gibt es keine Probleme, aber sobald ich einen nächsten Mouseover setze geht der neue und der alte Mouseover nicht mehr. So als würden sich beide gegenseitig blockieren.

Das Problem stört mich sehr da ich ein Menü aufbauen will und dazu dementsprechend 5-6 solcher Effekte brauche.
Ich hoffe ihr könnt mir helfen :-\

MFG


EDIT: hat sich erledigt, hab den Fehler gefunden, einfach beim 2. Befehl austausch1 gegen austausch2 ersetzen :)
 
Thema:

Mouseover geht nicht

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.836
Beiträge
707.957
Mitglieder
51.488
Neuestes Mitglied
elkhse
Oben