Das ImageMap sieht man auch nicht. Es legt sich wie eine Folie über das Bild und man kann dann mit der Maus die markierten Bereiche anklicken. Wenn Du diese Bereich hervorheben willst, musst Du die Grafik entsprechend anpassen.
Beiträge von threadi
-
-
Die Änderung sehe ich nicht unter http://members.liwest.at/haindl/httpdocs/.
Außerdem hast Du oben stehende Anmerkungen zu dem fehlerhaften HTML-Code offenbar auch noch nicht berücksichtigt. Da sind so einige Fehler drinne die für eine Fehldarstellung durchaus auch verantwortlich sein könnten. -
Meinst Du du möchstest das zweite Bild anstelle des ersten Bilds anzeigen? Und das zweite Bild soll ein ImageMap sein?
Dann reicht es ja fast schon so wie Du es aktuell hast. Schreibe einfach nur:
HTML
Alles anzeigen<img src="PharmaNeu.png" usemap="#Pharma2" name="PharmaLinks" border="0" onMouseOver="PharmaNeu.src='PharmaNeu2.png'" onMouseOut="PharmaNeu.src='PharmaNeu.png'"> <map name="Pharma2"> <area shape="rect" coords="34,13,279,40" href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\InventoryReportPharma.html" alt="InventoryReport" title="Inventory"> <area shape="rect" coords="34,54,279,78" href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\BackupReportPharma.html" alt="BackupReport" title="Backup"> <area shape="rect" coords="34,90,279,119" href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\IncidentReportPharma.html" alt="IncidentReport" title="Incident"> <area shape="rect" coords="34,131,279,159" href="\\phchbs-s3159.eu.novartis.net\straule1$\data\HTML\AvailabilityReportPharma.html" alt="AvailabilityReport" title="Availability"> </map>
Dadurch ist das Bild zwar immer eine ImageMap, die kann aber sowieso nur genutzt werden wenn der Mauszeiger darüber ist. In dem Fall wird einfach ein anderes Bild angezeigt.
Hinweis: die Pfadangaben der Links sind sicherlich nur zum Testen oder ist das Absicht?
-
Ah, sorry, Irrtum meinerseits. Du solltest erstmal nur das berücksichtigen und in deiner CSS-Datei anpassen, was ich oben geschrieben habe. Die Änderung sehe ich bisher nämlich nicht unter deiner Vorschau-URL.
-
Ja, weil Du die Seite immer mit der IE7-Engine anzeigen lässt auf Grund o.g. HTML-Codes.
-
-
Und zu deinem .Centered-"Problem": das liegt daran, dass eine Klasse weniger wertig ist als eine ID. Die Angaben zur ID haben Vorrang. Wenn Du das umgehen willst, gibt vor .Centered auch die ID an (wäre optimal) oder verwende !important (nicht empfehlenswert).
-
Klar, so etwas findet man wenn man z.B. nach "javascript abhängige dropdownfelder" sucht.
http://www.drweb.de/magazin/javasc…dropdown-menus/ -
Mit HTML alleine geht das nicht. Du brauchst JavaScript oder/und PHP dafür.
Mit JavaScript könntest Du eine Änderung in einem select-Feld prüfen (onchange) und dann für die davon abhängigen Felder die Inhalte neu setzen. Das ist ein relativ manueller Weg und imho umständlich.
Alternativ könnte man JavaScript verwenden um bei einer Änderung die Inhalte der anderen Felder per AJAX zu laden. Dazu könnte man serverseitig ein PHP-Script ablegen (welches per AJAX angesprochen wird) über welches Du die Inhalte der Felder einfach managen kannst.
Oder Du baust das Formular so auf, dass es sich schrittweise aufbaut. Jedes Mal muss man auf "weiter" klicken und dann verarbeitet ein PHP-Script die Angaben und gibt weitere Felder zur Auswahl.
Was davon dein Weg ist, kannst nur Du entscheiden. Du brauchst in jedem Fall mehr als nur HTML. Wenn Du das bisher nicht kannst, schau es dir an. Eine Fertiglösung für das was Du willst gibt es nicht, aber es gibt viele Vorlagen dafür.
-
Ich würde das mit indexOf() prüfen.
-
Ich bin sicher darüber bist Du auch schon bei deiner Suche gestolpert:
http://simplehtmldom.sourceforge.net/manual.htm -
Der HTML-Code unter deinem Link ist nicht valide. Das Tabellengerüst machst Du mit dem Formular kaputt. Da Du ein Formular abbilden willst, ist eine Tabelle sowieso der falsche Weg um das abzubilden.
Relevant für eine Antwort zur Darstellung ist zudem auch der CSS-Code. Daher wäre eine Antwort auf o.g. Frage durchaus interessant, da man dort alles einsehen könnte.
-
Alternativ kann man natürlich auch fertige Shop-Systeme verwenden, ist dann aber auf die damit einhergehenden Beschränkungen angewiesen. Das kann eine stark beschränkte Template-Anpassung sein oder ein beschränkter Funktionsumfang. Wenn Du einen individuellen Shop willst, wende dich an eine Agentur die ihn dir so bereitstellt wie Du willst.
-
Klar geht das mit JavaScript. Mit CSS hat das aber rein gar nichts zu tun. Leider verstehe ich nicht ganz um was für eine Einbindung es sich handelt?!
-
Dir fehlt ein Doctype, was den HTML-Code nicht valide macht. Die Seite wird folglich in jedem Browser im Quirksmode angezeigt, wodurch sie in jedem Browser anders aussieht - und in keinem Richtig.
Sorge also dafür, dass Du validen HTML-Code inkl. Doctype hast:
http://validator.w3.org/check?verbose=…seberater.de%2F -
Da Du eine Liste mit Bildern hast wäre eine Aufzählungsliste das Richtige.
HTML<ul> <li><img src="bild1.jpg" alt="" /><p>Bildunterschrift 1</p></li> <li><img src="bild2.jpg" alt="" /><p>Bildunterschrift 2</p></li> </ul>
Deinen PHP-Code für die Erzeugung davon müsstest Du folglich so in etwa anpassen.
PHP
Alles anzeigen// Array auslesen und anzeigen ?><ul><?php foreach ($bilderliste as $zaehler => $element) { if ($zaehler <= 99) { // Begrenzung der Anzeige auf 100 Bilder echo "<li><img src=\"" . $bilderliste[$zaehler][1] . "\" width=\"150px" . $bilderliste[$zaehler][2] . "/". $bilderliste[$zaehler][3] . "\" alt=\"\"><p>"; echo date("d.m.Y", $bilderliste[$zaehler][0])."</p></li>; } ?></ul>
Per CSS musst Du dann noch die genaue Ausrichtung der Bildunterschrift organisieren.
-
Deine Probleme im IE kommen daher, dass Du vor dem Doctype im HTML-Code noch einen HTML-Kommentar und mehrere Leerzeilen stehen hast. Entferne diese wie auch alle Sonderregelungen im CSS für den IE.
-
Ich vermute mal ganz stark, dass Du den HTML-Code in einen Editor für redaktionell gepflegte Texte eingefügt hast. Das geht natürlich nicht. Du müsstest wie oben schon gesagt den Quellcode der Seite bearbeiten.
-
Für diese Einschränkung ist eine serverseitige Einstellung verantwortlich. Wenn Du die Dateien mit PHP entgegen nimmst und speicherst, müsstest Du dort nach der Umgebungsvariable max_upload_size schauen. Wenn Du etwas anderes hast, könnte es etwas anderes sein.
-
Verzichte auf absolute Positionierung und setze die linken und rechten Bereiche per float rein. Dann kannst Du diese Bereiche mit einer zusätzlichen CSS-Klasse aus- und einblenden - je nachdem ob Du gerade Inhalte in dem Bereich eingefügt hast oder nicht.