zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Linker Map

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.01.2009, 17:45
Benutzerbild von Brianboy94
Genetics scientist
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2007
Ort: Zeven
Beiträge: 18
Brianboy94 befindet sich auf einem aufstrebenden Ast
Standard Linker Map

Hallo,
für den Schulunterricht müssen ich und mein Teamkollege Felix eine Website programmieren.
Allerdings benutzt unser Lehrer den "internet Explorer", der ja keine XHTML-Dateien öffnen kann (eben ein echtes Allroundtalent dieser tolle "Browser"^^).
Deshalb musste wir nun die Dateiendungen in "HTML" umändern.
Das Problem:
Firefox reagiert nun nicht mehr, wenn man auf die Linkermap klickt, die wir auf einer der Seiten benutzen.
Bei Internet Explorer funktionert dies aber.

Hier der Code für die Linkermap:

HTML-Code:
<div class="navigation">
<span class="navigation">Navigation</span>
<img id="navigation" class="noborder" src="../Grafiken/Energiesparen-Nav.jpg" width="686" height="200" usemap="#navigation" />
<map id="navigation">
<area shape="rect" coords="246,16,431,65" href="Energiesparen.html" />
<area shape="rect" coords="114,94,180,125" href="Wärme.html" />
<area shape="rect" coords="318,94,358,126" href="Auto.html" />
<area shape="rect" coords="529,95,577,126" href="Strom.html" />
<area shape="rect" coords="14,154,99,186" href="Wärme.html#warmwasser" />
<area shape="rect" coords="128,155,182,185" href="Wärme.html#heizung" />
<area shape="rect" coords="215,155,277,184" href="Auto.html#fahrweise" />
<area shape="rect" coords="308,155,369,185" href="deadlink.html" />
<area shape="rect" coords="399,155,476,185" href="Auto.html#fahrzeugtyp" />
<area shape="rect" coords="512,155,579,184" href="Strom.html#glühbirne" />
<area shape="rect" coords="612,156,669,183" href="Strom.html#stand-by" />
</map>
</div>
PS: Wir benutzen XHTML transitional, falls dies von Bedeutung sein sollte.

Schon einmal vielen Dank für die Antworten.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.01.2009, 18:31
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Das ist zu wenig Code. Wir brauchen alles oder am besten eine Online-Version.
Mit dem aktuellen Code kann ich es nicht mal unter euren Bedingungen testen.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.01.2009, 18:46
Benutzerbild von Brianboy94
Genetics scientist
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2007
Ort: Zeven
Beiträge: 18
Brianboy94 befindet sich auf einem aufstrebenden Ast
Standard

Okay, online kann ich sie leider nicht anbieten, aber:
HTML-Code:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" media="screen">
body{
background-image: url(../Grafiken/Electric_wiring_black&amp;white.jpg) !important;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="screen2.css" />
<title>Home</title>
</head>
<body>
<div class="text">
<div class="navigation">
<span class="navigation">Navigation</span>
<img id="navigation" class="noborder" src="../Grafiken/Energiesparen-Nav.jpg" width="686" height="200" usemap="#navigation" />
<map id="navigation">
<area shape="rect" coords="246,16,431,65" href="Energiesparen.html" />
<area shape="rect" coords="114,94,180,125" href="Wärme.html" />
<area shape="rect" coords="318,94,358,126" href="Auto.html" />
<area shape="rect" coords="529,95,577,126" href="Strom.html" />
<area shape="rect" coords="14,154,99,186" href="Wärme.html#warmwasser" />
<area shape="rect" coords="128,155,182,185" href="Wärme.html#heizung" />
<area shape="rect" coords="215,155,277,184" href="Auto.html#fahrweise" />
<area shape="rect" coords="308,155,369,185" href="deadlink.html" />
<area shape="rect" coords="399,155,476,185" href="Auto.html#fahrzeugtyp" />
<area shape="rect" coords="512,155,579,184" href="Strom.html#glühbirne" />
<area shape="rect" coords="612,156,669,183" href="Strom.html#stand-by" />
</map>
</div>
<div class="nav_link"><a class="homelink" href="Home.html">Zurück zur Homesite</a></div>
<div class="nav_link"><a class="nav_link" href="Sparen.html">So sparen Sie!</a></div>
<div class="nav_link"><a class="nav_link" href="Impressum.html">Impressum</a></div>
<br />
<div class="player"><embed style="width:686px; visibility:visible; height:80px;" allowScriptAccess="never" src="http://www.greatprofilemusic.com/mc/mp3player-othersite.swf?config=http://www.greatprofilemusic.com/mc/config/config_red.xml&mywidth=686&myheight=80&playlist_url=http://www.greatprofilemusic.com/loadplaylist.php?playlist=55304074" menu="false" quality="high" width="435" height="80" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"/></div>
</div>
<div class="text">
<p>
<div class="Home"></div>
<strong>Willkommen auf unserer Website über Energiesparmaßnahmen!</strong><br />
Wir hoffen, dass wir Ihnen mit den Themen, die in der Abbildung dargestellt sind, helfen können.<br />
Klicken Sie einfach auf einen der Buttons in der Navigationsleiste oder dem Bild,<br /> 
um zum jeweiligen Thema zu gelangen.<br />
<div class="uebersicht">
<img id="uebersicht" src="../Grafiken/Energiesparen_white.jpg" width="849" height="710" usemap="#uebersicht" />
<map id="uebersicht">
<area shape="rect" coords="346,288,529,333"  href="Energiesparen.html" />
<area shape="rect" coords="219,41,276,69" href="deadlink.html" />
<area shape="rect" coords="15,120,80,151" href="Auto.html#fahrweise" />
<area shape="rect" coords="48,320,126,351" href="Auto.html#fahrzeugtyp" />
<area shape="rect" coords="203,192,242,228" href="Auto.html" />
<area shape="rect" coords="647,12,723,45" href="Strom.html#glühbirne" />
<area shape="rect" coords="774,212,834,245" href="Strom.html#stand-by" />
<area shape="rect" coords="611,177,661,210" href="Strom.html" />
<area shape="rect" coords="581,631,634,660" href="Wärme.html#heizung" />
<area shape="rect" coords="335,662,421,698" href="Wärme.html#warmwasser" />
<area shape="rect" coords="442,521,507,555" href="Wärme.html" />
</map>
</div>
<br />
<br />
<div class="firefox">Diese Seite wurde auf die Darstellung mit Mozilla Firefox optimiert.<br /><br />
<a href="http://www.mozilla-europe.org/de/firefox/"><img src="../Grafiken/killbillsbrowser.gif" /></a>
</div>
</p>
</div>
</body>
</html>
Und hier das CSS:

/*Navigation*/
a.homelink{
color: rgb(63%,0%,0%);
font-size: 20px;
font-weight: 500;
text-decoration: none;
}

a.homelink:hover{
color: rgb(38%,0%,0%);
text-decoration: none;
}

a.homelink:visited{
color: rgb(63%,0%,0%);
font-size: 20px;
font-weight: 500;
font-decoration: caps;
text-decoration: none;
}

a.nav_link{
color: rgb(63%,0%,0%);
font-size: 18px;
font-weight: 500;
text-decoration: none;
}

a.nav_link:hover{
color: rgb(38%,0%,0%);
text-decoration: none;
}

a.nav_link:visited{
color: rgb(63%,0%,0%);
font-size: 20px;
font-weight: 500;
font-decoration: caps;
text-decoration: none;
}

div.nav_link{
background-color: rgb(90%,38%,25%);
border: 2px solid rgb(100%,63%,50%);
height: 22px;
width: 686px;
position: relative;
left: 132px;
}

div.nav_link:hover{
background-color: rgb(90%,38%,25%);
border: 2px solid rgb(50%,0%,0%);
}

div.navigation{
background-color: rgb(100%,75%,63%);
border: 2px solid rgb(100%,63%,50%);
height: 22px;
width: 686px;
position: relative;
left: 132px;
}

div.navigation:hover{
height: 225px;
width: 686px;
}

div.navigation img#navigation{
display: none;
}

div.navigation:hover img#navigation{
display: block;
}

span.navigation{
color: rgb(75%,13%,0%);
font-size: 20px;
font-weight: 500;
}

div.player{
background-color: rgb(100%,75%,63%);
border: 2px solid rgb(100%,63%,50%);
height: 80px;
width: 686px;
position: relative;
left: 132px;
}

/*Dokument*/

a{
color: rgb(75%,13%,0%);
text-decoration: none;
}

a:hover{
color: rgb(25%,100%,0%);
text-decoration: underline;
}

a:visited{
color: rgb(50%,0%,0%);
}

body{
background: rgb(100%,100%,100%);
background-image: none;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
font-family: Verdana, Tahoma, serif;
font-size: 16.5px;
font-weight: 800;
letter-spacing: 0.1px;
}

dt{
font-size: 16px;
border-bottom: dotted 2px rgb(25%,0%,0%);
}

dd{
font-size: 15px;
margin-top: 5px;
margin-bottom: 8px;
}

div.firefox{
background-color: rgb(100%,75%,38%);
color: rgb(50%,0%,0%);
font-family: serif !Verdana !Tahoma;
font-weight: bold;
border: inset 3px rgb(100%,75%,38%);
padding:5px;
width: 400px;
}

div.Home{
background-image: url(../Grafiken/Home2.jpg);
height: 200px;
width: 300px;
}

div.Home:hover{
background-image: url(../Grafiken/Home_hover2.jpg);
}

div.pic{
position: relative;
bottom: 334px;
left: 250px;
}

div.text{
background-color: rgb(100%,75%,50%);
border: 10px solid rgb(100%,63%,50%);
-moz-opacity: 0.9;
filter:alpha(opacity=90);
margin-top: 50px;
margin-left: 100px;
padding: 25px;
width: 1000px;
}

div.text:hover{
-moz-opacity: 1;
}

div.uebersicht{
background-image: url(../Grafiken/Energiesparen_hover.jpg);
border: 3px solid rgb(100%,50%,50%);
margin: 50px;
height: 710px;
width: 849px;
-moz-opacity: 0.9;
filter:alpha(opacity=90);
}

div.uebersicht:hover{
background-image: url(../Grafiken/Energiesparen.jpg);
border: dashed rgb(100%,25%,25%);
height: 710px;
width: 849px;
}

div.WICHTIG{
background-color: rgb(100%,63%,13%);
border: solid 3px rgb(100%,13%,0%);
}

img{
border: solid 3px rgb(100%,25%,13%);
}

img.noborder{
border: none;
}

img#uebersicht{
height: 710px;
width: 849px;
-moz-opacity: 0;
filter: alpha(opacity=0);
}

ol{
list-style-type: decimal;
}

sup{
font-size: 10px;
}

strong{
font-family: Comic Sans MS, sans-serif;
font-size: 19px;
font-weight: 800;
}

strong sup{
font-size: 12.5px;
}
table.pics tr td{
text-align: center;
}

ul{
list-style-type: disc;
}

tr.Bildunterschriften td{
font-size: 13px;
}

.Bildunterschrift{
font-size: 13px;
}
.siteheading{
color: rgb(50%,0%,0%);
}

.subtitle{
color: rgb(25%,0%,0%);
}

#ERROR{
border: solid 5px red;
}
Mit Zitat antworten
  #4 (permalink)  
Alt 08.01.2009, 19:26
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

52 Fehler im HTML-Dokument, 15 in der CSS-Datei.

So macht es keinen Sinn, die Fehler müssen weg.

HTML: The W3C Markup Validation Service
CSS: The W3C CSS Validation Service
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #5 (permalink)  
Alt 08.01.2009, 19:37
Benutzerbild von andreas'
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.01.2009
Beiträge: 590
andreas' wird schon bald berühmt werden
Standard

Das:
Code:
<?xml version="1.0" encoding="ISO-8859-1" ?>
versteht der IE nicht.
Ansonsten kann der natürlich XHTML Dokumente öffnen.

mach es so dann ist die Seite auch für IEs benutzbar.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
im den Zeichensatz anzugeben mußt du dann natürlich ein Meta Tag setzen.
__________________
Flötist Saxophonist | Myspace l XING
Mit Zitat antworten
  #6 (permalink)  
Alt 08.01.2009, 19:59
Benutzerbild von Brianboy94
Genetics scientist
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2007
Ort: Zeven
Beiträge: 18
Brianboy94 befindet sich auf einem aufstrebenden Ast
Standard

Aber zur Darstellung hat es ja schon gereicht.
Als die Datei noch die Endung "XHTML" aufwies, funktionierte die Linkermap in Firefox noch.
Und die XML Deklaration wird so auch von Eclipse vorgeschlagen.

Warum meint das W3C, dass es das Style-Attribut nicht gibt?
Mit Zitat antworten
  #7 (permalink)  
Alt 08.01.2009, 20:00
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Der XML-Prolog schickt den IE trotzdem in den Quirks-Mode, was ihn noch "schlechter" macht.
Da der Prolog nicht vorgeschrieben ist, nichts außer Nachteile bringt, lässt man ihn weg.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #8 (permalink)  
Alt 08.01.2009, 20:16
Benutzerbild von Brianboy94
Genetics scientist
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2007
Ort: Zeven
Beiträge: 18
Brianboy94 befindet sich auf einem aufstrebenden Ast
Standard

Also das mit dem alt-Attribut versteh ich ja noch, aber der Rest...
das hilft mir nicht so recht weiter.
Mit Zitat antworten
  #9 (permalink)  
Alt 08.01.2009, 20:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Brianboy94 Beitrag anzeigen
Warum meint das W3C, dass es das Style-Attribut nicht gibt?
Ein Folgefehler, da es das Element embed nicht gibt.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 08.01.2009, 20:23
Benutzerbild von Brianboy94
Genetics scientist
neuer user
Thread-Ersteller
 
Registriert seit: 04.12.2007
Ort: Zeven
Beiträge: 18
Brianboy94 befindet sich auf einem aufstrebenden Ast
Standard

Aber um Flash etc. einzubinden benötigt man doch dieses Tag.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
explorer, firefox, internet, linker, linkermap, map, mozilla, xhtml

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Image Map & Tooltip Javascript pkipper (X)HTML 8 21.02.2011 16:33
Google Map - Karte wird nicht angezeigt GN Javascript & Ajax 12 10.09.2010 12:22
einfache Image Map mit CSS?!? heiko0610 CSS 1 11.12.2008 09:00
SQL-Query. username/gast_id aller Teilnehme rbestimmter Map holen. nick Serveradministration und serverseitige Scripte 2 31.03.2007 21:57
Google Map auf Homepage will nicht (IE-Problem) Heart Site- und Layoutcheck 0 18.07.2005 12:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:45 Uhr.