Box für bestimmte Bildbereiche anzeigen
Box für bestimmte Bildbereiche anzeigen
Hallo!
Ich habe per WYSIWYG-Editor ein Bild eingebunden.
Auf diesem Bild sind verschiedene Personen zu sehen.
Ich hätte jetzt gern, dass wenn man mit der maus über eine Person fährt, dass dann eine Box mit dem Namen und Kontakt erscheint.
Kann mir da jemand einen entscheidenen Tipp geben, oder mir ganz verraten wie das geht?
MfG Stephan
Ich habe per WYSIWYG-Editor ein Bild eingebunden.
Auf diesem Bild sind verschiedene Personen zu sehen.
Ich hätte jetzt gern, dass wenn man mit der maus über eine Person fährt, dass dann eine Box mit dem Namen und Kontakt erscheint.
Kann mir da jemand einen entscheidenen Tipp geben, oder mir ganz verraten wie das geht?
MfG Stephan
Re: Box für bestimmte Bildbereiche anzeigen
meines wissens geht das so gar nicht.
da musst du dir ein modul basteln, dass dir das bild als image map ausgibt
Erläuterung zu Image Maps: http://de.selfhtml.org/navigation/suche ... e=imagemap
da musst du dir ein modul basteln, dass dir das bild als image map ausgibt
Erläuterung zu Image Maps: http://de.selfhtml.org/navigation/suche ... e=imagemap
MfG, Karsten
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
Re: Box für bestimmte Bildbereiche anzeigen
bringt mich jetzt auch nicht wirklich weiter.
mit so einem imagemap bekomm ich doch nur link-bereiche auf dem bild, oder?
ich hätte aber gern einen hover-effekt, welcher dann einen div-container oder sowas ähnliches anzeigt.
MfG Stephan
mit so einem imagemap bekomm ich doch nur link-bereiche auf dem bild, oder?
ich hätte aber gern einen hover-effekt, welcher dann einen div-container oder sowas ähnliches anzeigt.
MfG Stephan
Re: Box für bestimmte Bildbereiche anzeigen
dann solltest du dich mit jquery auseinander setzen
MfG, Karsten
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
-
- Beiträge: 3626
- Registriert: Di 12. Okt 2004, 20:00
- Wohnort: Voerde (Niederrhein)
- Kontaktdaten:
Re: Box für bestimmte Bildbereiche anzeigen
@inf_azubi: Meinst du sowas hier?
http://www.cssplay.co.uk/menu/imap
http://www.cssplay.co.uk/menu/solar_map
http://www.cssplay.co.uk/menu/imap
http://www.cssplay.co.uk/menu/solar_map
Re: Box für bestimmte Bildbereiche anzeigen
@Dodger77
Coole Sache ... man muss nix könne, nur wissen wo es steht (wie in der Schule früher)
Aber ich vermute mal, dass er das auch nicht einfach über den Editor machen kann.
Du solltest ihm dann auch noch erläutern wie dat geit
Coole Sache ... man muss nix könne, nur wissen wo es steht (wie in der Schule früher)
Aber ich vermute mal, dass er das auch nicht einfach über den Editor machen kann.
Du solltest ihm dann auch noch erläutern wie dat geit
MfG, Karsten
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
-
- Beiträge: 3626
- Registriert: Di 12. Okt 2004, 20:00
- Wohnort: Voerde (Niederrhein)
- Kontaktdaten:
Re: Box für bestimmte Bildbereiche anzeigen
Richtig, über den TinyMCE oder einen anderen WYSIWYG-Editor wird das sicherlich schwierig. Dafür wäre ein Modul wohl eher angebracht.idea-tec hat geschrieben:Aber ich vermute mal, dass er das auch nicht einfach über den Editor machen kann.
Echt? Warum sollte ich das? Erstmal ging es mir darum, überhaupt herauszufinden, was denn gewünscht ist. Vielleicht liege ich dahingehend ja völlig falsch.idea-tec hat geschrieben:Du solltest ihm dann auch noch erläutern wie dat geit
Meine Hinweise könnte dann im Übrigen genauso kurz sein wie:
Dann steht da statt "jquery" evtl. etwas wie "Modul-Entwicklung, HTML, CSS, ...". Es geht ja hier nicht um Raketenwissenschaft.idea-tec hat geschrieben:dann solltest du dich mit jquery auseinander setzen
Re: Box für bestimmte Bildbereiche anzeigen
@Dodger77
vielen Dank, genau sowas habe ich gemeint, nochmals danke.
habe schon einmal ein modul geschrieben, werde mich dann nocheinmal daran versuchen.
wollte nur wissen, wie man sowas umsetzen kann.
Was aber mal cool wäre, ist ne übersicht, wie man per modul auf die DB zugreifen kann,
oder steht das hier irgendwo und ich seh den wald vor lauter bäumen nicht?
MfG
vielen Dank, genau sowas habe ich gemeint, nochmals danke.
habe schon einmal ein modul geschrieben, werde mich dann nocheinmal daran versuchen.
wollte nur wissen, wie man sowas umsetzen kann.
Was aber mal cool wäre, ist ne übersicht, wie man per modul auf die DB zugreifen kann,
oder steht das hier irgendwo und ich seh den wald vor lauter bäumen nicht?
MfG
Re: Box für bestimmte Bildbereiche anzeigen
Zugriff auf die DB: http://www.contenido-wiki.org/wiki/inde ... blen#.24db
MfG, Karsten
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
Nicht Können bedeutet nicht, dass man etwas nicht beherrscht, sondern lediglich, dass man sich nicht traut es zu tun ;-)
| Internet | Ihr Logo deutschlandweit auf T-Shirts |
Diplomatie: Jemanden so in die Hölle zu schicken, dass er sich auf die Reise freut!!! ;-)
Re: Box für bestimmte Bildbereiche anzeigen
@all
Hallo,
so habe jetzt per css mit gmap und div-containern alles so gebastelt, dass es genau so aussieht, wie ich es haben möchte.
Dann die Vorschau im FireFox angeschaut, funzt super.
Dann die Vorschau im IE angeschaut, funzt super.
Danach hab ich es ins contenido als modul eingebunden mit externer css-datei, welche im layout definiert ist.
So und jetzt geht es nur noch im FF, nicht mehr im IE.
Also das Bild wird immernoch per CSS aufruf geladen, aber wenn man die maus über die entsprechenden personen bewegt,
dann werden die anderen div-container nicht sichtbar. woran liegt das ??
Hier mal der Code-Auszug aus der CSS für die div's
und so sieht es im modul aus
MfG
Hallo,
so habe jetzt per css mit gmap und div-containern alles so gebastelt, dass es genau so aussieht, wie ich es haben möchte.
Dann die Vorschau im FireFox angeschaut, funzt super.
Dann die Vorschau im IE angeschaut, funzt super.
Danach hab ich es ins contenido als modul eingebunden mit externer css-datei, welche im layout definiert ist.
So und jetzt geht es nur noch im FF, nicht mehr im IE.
Also das Bild wird immernoch per CSS aufruf geladen, aber wenn man die maus über die entsprechenden personen bewegt,
dann werden die anderen div-container nicht sichtbar. woran liegt das ??
Hier mal der Code-Auszug aus der CSS für die div's
Code: Alles auswählen
div#personA {
display:block;
width:58px;
height:59px;
overflow:hidden;
padding-top:105px;
position:absolute;
left:293px;
top:135px;
}
div#PersonA2 {
display:block;
width:121px;
height:36px;
position:absolute;
left:-30px;
top:166px;
border:dashed;
border-color:#FFFFFF;
border-width:thin;
background-color:#CCCCFF;
font-family:Verdana;
font-size:10px;
}
Code: Alles auswählen
echo "<dd><div id='PersonA'>";
echo "<div id='PersonA2'>";
echo "Herr XYZ<br>";
echo "Geschäftsführer<br>";
echo "0157 / XXX XXX XXX</div>";
echo "</div></dd>";
Zuletzt geändert von inf_azubi am Fr 24. Jul 2009, 10:13, insgesamt 1-mal geändert.
-
- Beiträge: 3626
- Registriert: Di 12. Okt 2004, 20:00
- Wohnort: Voerde (Niederrhein)
- Kontaktdaten:
Re: Box für bestimmte Bildbereiche anzeigen
Vielleicht kommen sich einfach das CSS für die "Imagemap" und die CSS-Anweisungen für den Rest in die Quere. Lässt sich aber ohne Anschauungsmaterial (z.B. einen Link) schlecht beurteilen.inf_azubi hat geschrieben:So und jetzt geht es nur noch im FF, nicht mehr im IE, woran liegt das ??
Re: Box für bestimmte Bildbereiche anzeigen
@all
so, jetzt hab ich herausgefunden , warum der ie sich geweigert hatte.
Am Layoutbeginn stand
Header und Footer sind noch an gleicher Stelle aber der Content nicht und die Schriften sind verschoben usw.
Im FF ist mal wieder alles supi.
So jetzt die Frage, was ist besser, dass das Layout sch***** aussieht oder dass das mit den personen und dazu gehörigen Kontakten nicht geht.
Geht nicht beides gleichzietig - nerv ???
Bin mal wieder dankbar für jeden entscheidenen Tipp.
MfG
so, jetzt hab ich herausgefunden , warum der ie sich geweigert hatte.
Am Layoutbeginn stand
anstatt<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
Kann mir mal bitte jemand den unterschied erklären und vor allem sagen, wieso meine content bereich sich im IE verschoben hat.<!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" lang="de">
Header und Footer sind noch an gleicher Stelle aber der Content nicht und die Schriften sind verschoben usw.
Im FF ist mal wieder alles supi.
So jetzt die Frage, was ist besser, dass das Layout sch***** aussieht oder dass das mit den personen und dazu gehörigen Kontakten nicht geht.
Geht nicht beides gleichzietig - nerv ???
Bin mal wieder dankbar für jeden entscheidenen Tipp.
MfG
-
- Beiträge: 4255
- Registriert: Do 30. Jun 2005, 22:56
- Wohnort: Eltmann, Unterfranken, Bayern
- Kontaktdaten:
Re: Box für bestimmte Bildbereiche anzeigen
Hallo,
Ich seh da kein Problem ein sch**** aussehendes Layout mit nicht gehenden Personen oder Kontakten zu verbinden.
Warum dein Layout in unterschiedlichen Browsern nicht geht?
Nun, ich tippe mal auf Probleme mit dem Boxmodell beim IE und fehlender CSS-Hacks für Crossbrowser Kompabilität.
Und zu den Unterschieden deiner DOC-Type Deklaration http://de.selfhtml.org/html/allgemein/g ... okumenttyp
Nur kurz, bei fehlender oder falscher Deklaration schalten die meisten Browser in den sogenannten Quirks-Modus, den Kompabilitätsmodus für ältere Browser, um, und versuchen die Seite so gut wie möglich darzustellen. http://en.wikipedia.org/wiki/Quirks_mode
Gruß aus Franken
Ortwin
Selbstverständlich kann man Beides gleichzeitig.inf_azubi hat geschrieben:So jetzt die Frage, was ist besser, dass das Layout sch***** aussieht oder dass das mit den personen und dazu gehörigen Kontakten nicht geht.
Geht nicht beides gleichzietig - nerv ???
Ich seh da kein Problem ein sch**** aussehendes Layout mit nicht gehenden Personen oder Kontakten zu verbinden.
Warum dein Layout in unterschiedlichen Browsern nicht geht?
Nun, ich tippe mal auf Probleme mit dem Boxmodell beim IE und fehlender CSS-Hacks für Crossbrowser Kompabilität.
Und zu den Unterschieden deiner DOC-Type Deklaration http://de.selfhtml.org/html/allgemein/g ... okumenttyp
Nur kurz, bei fehlender oder falscher Deklaration schalten die meisten Browser in den sogenannten Quirks-Modus, den Kompabilitätsmodus für ältere Browser, um, und versuchen die Seite so gut wie möglich darzustellen. http://en.wikipedia.org/wiki/Quirks_mode
Gruß aus Franken
Ortwin
ConLite 2.1, alternatives und stabiles Update von Contenido 4.8.x unter PHP 7.x - Download und Repo auf Gitport.de
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
Re: Box für bestimmte Bildbereiche anzeigen
@Oldperl
hallo,
bei selfhtml hab ich vorhin dann auch noch nachgelesen, was die deklaration so aussagt.
Jedoch habe ich auch noch ein zweites Layout, welches genau das gleiche ist, jedoch mit weniger CMS-Containern.
In diesem Layout ist das Modul mit den CSS-Containern nicht enthalten.
sonst verwende ich auch keine Div container.
Aber verschoben ist der content-bereich trotzdem bzw. die die schriftarten werden nicht richtig interpretiert und
und sind verschoben.
MfG
hallo,
bei selfhtml hab ich vorhin dann auch noch nachgelesen, was die deklaration so aussagt.
Jedoch habe ich auch noch ein zweites Layout, welches genau das gleiche ist, jedoch mit weniger CMS-Containern.
In diesem Layout ist das Modul mit den CSS-Containern nicht enthalten.
sonst verwende ich auch keine Div container.
Aber verschoben ist der content-bereich trotzdem bzw. die die schriftarten werden nicht richtig interpretiert und
und sind verschoben.
MfG
-
- Beiträge: 4255
- Registriert: Do 30. Jun 2005, 22:56
- Wohnort: Eltmann, Unterfranken, Bayern
- Kontaktdaten:
Re: Box für bestimmte Bildbereiche anzeigen
Hallo Stephan,
ohne das du uns was zum Anschauen gibst, wird dir wohl hier keiner helfen können. Ein Link oder der Quelltext ist da schon notwendig.
Gruß aus Franken
Ortwin
ohne das du uns was zum Anschauen gibst, wird dir wohl hier keiner helfen können. Ein Link oder der Quelltext ist da schon notwendig.
Gruß aus Franken
Ortwin
ConLite 2.1, alternatives und stabiles Update von Contenido 4.8.x unter PHP 7.x - Download und Repo auf Gitport.de
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog