• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseover-Bild bei Navigation

M

marcor

Neues Mitglied
Hallo,

ich weiß nicht, ob das HTML oder was anderes ist: Ich würde gerne eine Mouseover-Navigation erstellen, bei der der Text aber nicht direkt als Bild gespeichert ist sondern eben einfach draufgesetzt wird. Sozusagen wie hier: Nachrichten für die Region Heilbronn - Hohenlohe - Kraichgau - STIMME.de

Bisher sieht meine Navigation so aus: Skispringen | Skifliegen | Vierschanzentournee | Live-Ticker - SKIJUMPING.de So soll sie auch bleiben, aber eben wie gesagt den Text nicht als Bild. Wie geht das?

Besten Dank im Voraus.
 
Ich habe etwas nicht verstanden: wo wills du den Text platzieren, und falls im Bild, ist der text schon im bild... das sollte im übrigen mit JavaScript ganz gut gelingen.
 
zum beispiel so.
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>Mousover</title>
 
<style type=text/css>
div.mo{
 width:100px;
 padding:5px;
 background-color:green;
 }
div.mo:hover{
 background-color:red;
 }
</style>
 
</head>
 
<body>
<div class="mo">
Link
</div>
</body>
 
</html>
zur anschauung hab ich farben statt images genommen.
statt background-color:farbe; nimmst du background-image:url("pfadzumbild");
 
Richtig, der Text soll auf/in das Bild, aber eben nicht als Bild. Sonst muss man es immer mit einem Bildbearbeitungsprogramm bearbeiten und das möchte ich verhindern.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben