Hover Effekt

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Benutzeravatar
leuchtturm
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 50
Registriert: Di 14. Feb 2012, 20:29
Mein Vorname: erhard
Kontaktdaten:

Hover Effekt

Beitrag von leuchtturm »

Bei meiner HP http://ankerplatz2.npage.de/hafenstaedte.html erscheint bei einigen Buttons, nicht bei allen, der Hover-Effekt, ist das normal oder kann man daran etwas ändern. Ich habe mehrere solcher "weiter"- oder "nach Oben" Buttons eingebaut. Gruss Erhard
Benutzeravatar
charlyjaku
Bevorzugtes Stamm Mitglied
Bevorzugtes Stamm Mitglied
Beiträge: 2489
Registriert: Mo 30. Jan 2012, 18:46
Mein Vorname: Charly
Wohnort: Hamburg 22589
Kontaktdaten:

Re: Hover Effekt

Beitrag von charlyjaku »

Moin. Habe dazu folgenden Beitrag gefunden: http://brauchbar.de/wd/artikel/38.html :X
Benutzeravatar
npage-user
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1277
Registriert: Sa 19. Feb 2011, 08:53
Mein Vorname: Michael
Wohnort: Haßloch (Rheinland-Pfalz)
Kontaktdaten:

Re: Hover Effekt

Beitrag von npage-user »

charlyjaku hat geschrieben:Moin. Habe dazu folgenden Beitrag gefunden: http://brauchbar.de/wd/artikel/38.html :X
Viel zu kompliziert, wer liest sich das denn schon alles durch ... :G
Eigentlich brauchst du nur das ...

Code: Alles auswählen

<a href="Seite, die  verlinkt  wird"><img onmouseout="src='Adresse  der  normalen  Grafik'" onmouseover="src='Adresse  der  Mouseover-Grafik'" src="Adresse  der  normalen  Grafik"></a>
Benutzeravatar
charlyjaku
Bevorzugtes Stamm Mitglied
Bevorzugtes Stamm Mitglied
Beiträge: 2489
Registriert: Mo 30. Jan 2012, 18:46
Mein Vorname: Charly
Wohnort: Hamburg 22589
Kontaktdaten:

Re: Hover Effekt

Beitrag von charlyjaku »

Das lesen sich alle durch, die etwas Hintergrundwissen erwerben möchten !!!! :X
Benutzeravatar
goefi-chiangmai
Admin
Admin
Beiträge: 6997
Registriert: Sa 31. Okt 2009, 09:36
Mein Vorname: Peter
Wohnort: Phrao-Chiang Mai
Kontaktdaten:

Re: Hover Effekt

Beitrag von goefi-chiangmai »

Weiss jetzt nicht ob von der oberen oder unteren navi sprichst,

aber das musst in deiner CSS einstellen und zwar bei derr unteren navi in der menue.css an dieser stelle kannst den efekt ändern, in deinem fall wohl die Hintergrundsfarbe
}

#menuhorizontal a:hover {
background-color:#0050A0;
text-decoration:none ;
color:#e6e6e6;
text-decoration:none ;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;

}

P.S. Und nimm die Unnötige und unnütze Rechtsklick Sperre bei den Gimnicks raus, so können dir unsere Mitglieder schneller helfen, weil viele keine Lust haben deine Seite auf dem Rechner zu speichern oder Javascript im Browser zu deaktivieren um sie anzugucken
Gruß - DER CRAZY ASIAT - The MASTER of DESASTER
Privat Homepage: goefi-chiangmai
Mitgliederausweis: Hole Dir dein Mitgliederausweis für deine Webseite
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Hover Effekt

Beitrag von moni »

Meinst etwa das blaue wie hier an den Screen Bild ist ?
Bild
Viele Grüße ...Monika
Benutzeravatar
leuchtturm
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 50
Registriert: Di 14. Feb 2012, 20:29
Mein Vorname: erhard
Kontaktdaten:

Re: Hover Effekt

Beitrag von leuchtturm »

Hallo Moni, ja das meine ich. Der blaue Hover-Effekt erscheint aber nicht bei allen Buttons, ist schon komisch. Mache ich vieleicht einen Fehler beim Einbau
dieser Buttons? Gruss Erhard
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: Hover Effekt

Beitrag von moni »

Hallo Erhard..
So wie ich das sehen da hast auch keine hover drin ..

Code: Alles auswählen

<table border="0" cellpadding="1" cellspacing="1" style="height:200px;width:850px;">
	<tbody>
		<tr>
			<td>
				<a href="http://ankerplatz2.npage.de/oldenburg.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/oldenbwappen.jpeg" width="146" /> </a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/bremen.html "><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/logohb.jpeg" width="147" /></a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/bremerhaven.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/bremerhbuton.jpeg" width="147" /> </a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/leer.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/logeleer.jpeg" width="147" /></a>
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				<a href="http://ankerplatz2.npage.de/hamburg.html "><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/hamblogo.png" width="149" /></a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/wilhelmshaven.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/wilhelmshabutton.jpeg" width="145" /></a>
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
	</tbody>
</table>
<p>
Vorher kommt das blaue streifen unten da weiß momentan nicht :E :E musste eventuell das komplette css durch stöbern ob da welche angaben zum <td> sind :E

oder hat jemanden hier noch welch ideen dazu :X
Viele Grüße ...Monika
Benutzeravatar
leuchtturm
Erfahrener Forengänger
Erfahrener Forengänger
Beiträge: 50
Registriert: Di 14. Feb 2012, 20:29
Mein Vorname: erhard
Kontaktdaten:

Re: Hover Effekt

Beitrag von leuchtturm »

Hallo, ich habe den Fehler gefunden und zwar kommt es darauf in welcher Form man den Button einbaut, nicht als PNG- Gif- Datei, sondern nur als JPEG oder JPG.
Ein Bild mit Transparenz um den Rand wird automatisch mit eine x-beliebigen Farbe beim rüberfahren mit der Maus ausgefüllt.
Benutzeravatar
Butterblume
Held des Forums
Held des Forums
Beiträge: 7554
Registriert: Fr 3. Aug 2012, 16:33
Mein Vorname: Karin
Wohnort: Peine / Niedersachsen
Kontaktdaten:

Re: Hover Effekt

Beitrag von Butterblume »

Ich konnte die Seite gar net erst anklicken. Kam ne Fehlermeldung. Aber hat sich ja gereits erledigt :D Viel Spaß weiterin mit Deiner Homepage
Kussi... und Bild für all eure Bemühungen!

Butterblume / Karin

https://www.karins-poserbilder.de
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 41 Gäste