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

bild im link

M

Mind

Neues Mitglied
Hi also ich bin neu hier und habe recht wage Kenntnisse was Html und Css und Php und den Rest betrifft, bin denoch sehr lernfähig und habe einige meiner Problme gut gelöst.
Bin bei meinem jetzigen problem aber am verzweifeln.
Problem:Ich Habe per framesets mehrer seiten erstellt und ein menü welches bilder als links verwendet. Jetzt möchte ich einen simplen Effekt wenn die maus auf dem bild ist soll sich das bild in ein anderes bild ändern das im grunde das selbe ist nur durch die farben hervorsticht.
So hier der code dazu bin nich der typ der sein code stark formatiert.Menue.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor=787878 text="orange" link="black"
vlink="black" alink="black" leftmargin="*" topmargin="10%
*">
<center>
<text size="5">
<p>
<a class="class1" href="body.html" target="Body"><img
src="Startseite.jpg" width=100%* height=10%* border=1
vspace=0></a></p><p>
<a style="cursor:help;" href="bodywe.html"
target="Body"><img src="we.jpg" width=100%* height=10%*
border=1 vspace=0></a></p><p>
<a style="cursor:help;" href="ausflüge.html"
target="Body"><img src="flys.jpg" width=100%* height=10%*
border=1 vspace=0></a></p><p>
<a style="cursor:help;" href="gallerie.html"
target="Body"><img src="gall.jpg" width=100%* height=10%*
border=1 vspace=0></a></p>
<a style="cursor:help;" href="kalender.html"
target="Body"><img src="Kalendar.jpg" width=100%*
height=10%* border=1 vspace=0></a></p>
<a style="cursor:help;" href="imp.html" target="Body"><img
src="imp.jpg" width=100%* height=10%* border=1
vspace=0></a></p>
<marquee style="cursor:help;"><center> Copyright by
Webgruppe</center></marquee>
</center>
</body>
</html>
Zum Vergrößern anklicken....
und hier die style.css
h2{
color:#1e90ff;
}


body {
scrollbar-3dlight-color:787878;
scrollbar-arrow-color:orange;
scrollbar-face-color:787878;
scrollbar-track-color:787878;
scrollbar-darkshadow-color:black;
scrollbar-highlight-color:orange;
scrollbar-shadow-color:orange;
cursor: help;
background-color:787878;
color:orange;
text-align:center;
}

a:link {
color: red;
cursor: help;
}

a:visited {
color: orange;
cursor: help;
}

a:hover {
cursor: help;
color: marine;
text-decoration: Underline;
}
a:active {
position: relative;
top: 2px;
cursor: help;
}
Zum Vergrößern anklicken....

Hat jemand eine ahnung wie ich diese änderung des bildes bei einem link hinbekomme?
 
Zuletzt bearbeitet:
Google mal nach Mouseovereffect.. Und am besten machst du das ganze nicht mit Frames.. Das ist total von vorvorgestern :D
 
div's sind von vorgestern - nimm lieber HTML wofür es auch gedacht ist ;-)

Und <center> ist auch altbacken.

Eine alternative Lösung zum JavaScript bietet auch CSS mit der hover-Pseudoklasse.
 
Seit wann sind div's von vorgestern?
Frames und Tabellen sind schlecht für Suchmaschinen und teils für Usebility und deshalb nicht mehr modern. Wie sonst soll man es also mit normalem HTML machen? Fast jeder fortgeschrittene Webdesigner/entwickler nutzt doch heutzutage div's.
 
Diejenigen erkennen dann aber auch, dass <div> ein inhaltsloses Element ist, welches im Gegensatz zu fast allen anderen HTML-Elementen die darin eingetragenen Inhalte nicht semantisch auszeichnet. Die Aufgabe von HTML ist es nun mal Inhalte auszuzeichnen. Daher ist es ebenso falsch und ungenau davon zu sprechen, dass man Webseiten mit <div> erstellt wie auch, dass man sie mit Frames erstellt. Ein <div> sollte nur zum Gruppieren verwendet werden, z.B. für mehrere Navigationselemente, was man in HTML5 zum Glück auch endlich richtig (<navigation>) lösen kann.
 
Dann bleibt meine Frage trotzdem bestehen. Div's sind einfach für Suchmaschinen und Barrierefreiheit die besseren Mittel als Tabellen und Frames, also wie sonst soll man es regeln?
Außerdem schreibt doch keiner vor, dass div's nur zum Gruppieren von Elementen genutzt werden müssen. Laut w3c dienen div's zum Definieren von Bereichen einer HTML-Seite - also ist das in meinen Augen das perfekte Element um das grundlegende Layout einer Homepage damit zu erstellen.
 
Ich glaube, ihr redet aneinander vorbei. ;) An div-Elementen führt zur Auszeichnung des Grundlayouts kein Weg vorbei (zumindest nicht in einer HTML Version unter 5). Aber sowas wie <div class="heading">Meine Überschrift</div> ist eben Unsinn. Ich weiß, das meintest du nicht. threadi ging es sicher einfach darum, zu sagen, dass immer das semantisch günstigste HTML-Element gewählt werden und nur dann auf div ausgewichen werden sollte, wenn kein passendes Element existiert.

Da sollte man allerdings auch nicht päpstlicher sein als der Papst. Die einschlägigen „Div-Suppe“-Artikel gehen für meinen Geschmack viel zu weit, wenn sie etwa in diesem Beispiel…

HTML: 
<div class="navigation">
    <ul class="navigation">
        <li><a href="./">Ein Link</a></li>
        <li><a href="./">Ein Link</a></li>
        <li><a href="./">Ein Link</a></li>
    </ul>
</div>

…noch das div-Element als überflüssig anmahnen.

Das stimmt zwar technisch gesehen (und ist hinsichtlich der Intention solcher Artikel vertretbar), aber rein praktisch kann das div-Element durchaus funktional sein. Es wäre etwa denkbar, dass unter die Navigationsliste später noch ein kurzer Text eingefügt werden soll oder dass ein zusätzliches Hintergrundbild benötigt wird oder sonstwas. In generischen Templates, die eventuell mit wechselnden CSS-Stylesheets funktionieren sollen, ergibt das Sinn. Bei einem Wechsel des Stylesheets muss so weniger oder optimalerweise gar nicht in die Templates eingegriffen werden.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben