Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Menü in HTML mit verschiedenen Bildern

Frage Entwicklung HTML

Mitglied: peterchen1976

peterchen1976 (Level 1) - Jetzt verbinden

26.01.2012, aktualisiert 22:58 Uhr, 2648 Aufrufe, 4 Kommentare

Was mache ich hier falsch - verzweifele hier gerade!

Hallo,

ich versuche gerade per CSS ein Menü mit mehreren unterschiedlichen Bildern zu erstellen. Doch irgend etwas mache ich hier falsch?
Wer kann mir helfen?

01.
<html> 
02.
<head> 
03.
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 
04.
  <style> 
05.
   a       { display:block; 
06.
             background-image:url(Schule.jpg); 
07.
             width:120px; height:30px } 
08.
   a:hover { background-image:url(Schule-on.jpg); } 
09.
 </style> 
10.
</head> 
11.
<body> 
12.
    <p><a href="http://www.web.de" style="width: 230px"></a></p> 
13.
</body> 
14.
</html> 
15.
<html> 
16.
<head> 
17.
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 
18.
  <style> 
19.
   a       { display:block; 
20.
             background-image:url(home.jpg); 
21.
             width:120px; height:30px } 
22.
   a:hover { background-image:url(home-on.jpg); } 
23.
 </style> 
24.
</head> 
25.
<body> 
26.
    <p><a href="http://www.web.de" style="width: 230px"></a></p> 
27.
</body> 
28.
</html>
Schönen Gruß
Mitglied: Kummerkasten
26.01.2012 um 22:15 Uhr
Kannst Du dein Menü mal beschreiben den so wie oben wird es nicht funktionieren.

Aber mal für Dich zur Hilfe: http://de.selfhtml.org/
Bitte warten ..
Mitglied: peterchen1976
26.01.2012 um 22:52 Uhr
Ich möchte gerne 5 bundstifte haben die ich in photoshop bereits berarbeitet haben als menü laden. immer wenn die maus über einen stift fährt ändert sich das bild. also ein dynamishces menü.
merci euch allen
Bitte warten ..
Mitglied: eisbein
27.01.2012 um 06:21 Uhr
Guten Morgen!

Kummerkasten hat recht, bevor wir da weiter ins Details gehen solltest du dich etwas mit HTML befassen. Dein Beispiel zeigt leider, das da noch einiges aufzuholen gibt.

Danach erst würde ich dir raten, dich mal mit CSS zu befassen.

lg
eisbein
Bitte warten ..
Mitglied: Susie1703
27.01.2012 um 08:22 Uhr
Hallo peterchen,

wie meine Vorredner schon geschrieben haben,, würde auch ich Dir dringend raten dich mit HTML und dann mit CSS zu befassen.

Besser ist es auch die CSS in eine extra Datei zu hauen, das macht es später einfacher wenn Du Dein Layout ändern möchtest, da muss man dann einfach nur die css-Datei aufmachen und bearbeiten...

Aber da ich Dich jetzt hier nicht so hängen lassen will hier der Code der Dir weiterhilft.

01.
<html> 
02.
<head> 
03.
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 
04.
  <style> 
05.
   a       { display:block; 
06.
             background-image:url(Schule.jpg); 
07.
             width:120px; height:30px } 
08.
   a:hover { background-image:url(Schule-on.jpg); } 
09.
 </style> 
10.
</head> 
11.
<body> 
12.
    <p><a href="http://www.web.de" style="width: 230px"></a></p> 
13.
	<p><a href="http://www.web.de" style="width: 230px"></a></p> 
14.
    
15.
    
16.
</body> 
17.
</html>
Bitte warten ..
Ähnliche Inhalte
Grafik
gelöst Bild Animation für verschiedene Systeme (4)

Frage von pcguy zum Thema Grafik ...

Visual Studio
gelöst Simples asp.net menu selbst erstellen (21)

Frage von Herbrich19 zum Thema Visual Studio ...

HTML
Gibt es einen simplen HTML Baukasten? (7)

Frage von thomasreischer zum Thema HTML ...

Visual Studio
Suche Quellcode für asp net menu controll

Frage von Herbrich19 zum Thema Visual Studio ...

Neue Wissensbeiträge
Windows Server

Umstellung SHA 1 auf SHA 2 - Migration der CA von CSP auf KSP

Tipp von Badger zum Thema Windows Server ...

Windows 10

Quato DTP94 unter Windows 10 x64 installieren und verwenden

Anleitung von anteNope zum Thema Windows 10 ...

Windows 10

Win10 1703 und Nutzerkennwörter bei Ersteinrichtung - erstaunliche Erkenntnis

(15)

Erfahrungsbericht von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
CNC Maschinen verlieren Netzwerkverbindung (kurioser Fehler) (21)

Frage von NoHopeNoFear zum Thema LAN, WAN, Wireless ...

Webentwicklung
Aktuellen Mitarbeiter auf Homepage anzeigen (12)

Frage von alemanne21 zum Thema Webentwicklung ...