Sponsored Links |
|
||||
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 |
Sponsored Links |
|
||||
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&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> /*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; } |
|
||||
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 |
|
||||
Das:
Code:
<?xml version="1.0" encoding="ISO-8859-1" ?> 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"> |
|
||||
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? |
|
||||
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 |
|
|||
Ein Folgefehler, da es das Element embed nicht gibt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Stichwörter |
explorer, firefox, internet, linker, linkermap, map, mozilla, xhtml |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |