• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

InfoIcon in HTML mit Alternative Text

Das sind sie auch. Aber wenn es um kommerzielle Dinge geht, sollte man das auch im ersten Beitrag erwähnen. Dann ist jedem selbst überlassen, ob er hilft oder nicht. Nur weil die Technik und Foren es ermöglichen, kostenlose Hilfe zu bekommen, ist es in meinen Augen nicht besonders fair, wenn man kostenlose Hilfe in Anspruch nimmt, um dann hinterher damit Geld zu verdienen. Wenn dein Firmenfahrzeug kaputt ist, erwartest du ja auch nicht, dass dir jemand das Auto kostenlos repariert.


Ich bin weder gewerblich, noch kommerziell. Ich bin ein Privatverkaeufer, und werde das in Zukunft auch bleiben. Ich habe weder eine Firma noch ein Firmenfahrzeug. Ich verkaufe hin und wieder private Artikel auf ebay, oder sagen wir es so, ich biete diese zum Kauf an. Hin und wieder verkaufe ich auch mal was. Die Sache ist die, Perfektionist ist niemand von uns, ABER ich moechte so nah wie moeglich dran sein. Ich mag so eine Art. beschreibung nicht, wo 1.) tausend Fehler drin sind, 2.) fehlende Informationen zum Artikel, 3.) naja das Gesamtbild eben, verstehst du, was ich sagen will? Ich arbeite mit HTML schon laenger, und so Dinge wie die Farbe aendern, oder die Schrift, ja selbst Rahmen, Lauftext etc., das bekomme ich natuerlich selber hin. Diese Informationen habe ich mir alle selber erarbeitet, und da macht es natuerlich am allermeisten Spass, copy und paste ist (eigentlich) nicht mein Ding. Manchmal geht es aber leider nicht ohne. Mit dem hier von mir geposteten InfoIcon kam ich wirklich nicht weiter, sonst haette ich das garnicht erst gepostet. Ich gehoere nicht zu der Klientel, die andere die Arbeit machen lassen, und sich selber nur die Rosinen herauspicken. Das war nie mein Ding, und wird es auch nie sein. Nur manchmal ist man halt auf prof. Hilfe angewiesen. Naja, und da dachte ich halt an ein Forum, so wie dieses hier. Wenn ich Profi auf dem Gebiet waere, dann wuerde ich natuerlich auch gern meine Hilfe anderen gegenueber anbieten. Leider bin ich nur Anfaenger/ Laie, weil das bissle Farbe/ Lauftext/ Schrift etc., das bekommt ja wohl wirklich jeder selber hin. Bei Dingen wie mouse.over etc. wird es schon etwas kniffliger. Auch werde ich wahrscheinlich nie kapieren, wo der Unterschied zwischen CSS und HTML liegt! Du kannst es mir noch 1.000 Mal erklaeren, ich kapiere es einfach nicht! Fuer mich persoenlich ist HTML eine Programmiersprache, also nur fuer mich ganz persoenlich, was natuerlich nicht stimmt. Aber anders schnalle ich das nicht, sorry. Also, kurze Rede, langer Sinn; mit solchen "Kleinigkeiten" werde ich hier niemanden mehr langweilen, gar belaestigen. Und basti1012 hat natuerlich absolut recht; erst einmal selber probieren, und wenn dann garnichts mehr geht, dann im Forum fragen. Zugegeben war ich wohl etwas zu vorschnell, sorry dafuer nochmal. Nevertheless, danke fuer eure Hilfe, denn meine boxen, das InfoIcon funktionieren jetzt einwandfrei. Nur das FarbIcon noch nicht, aber das bekomme ich auch noch irgendwie hin. Schoenen Tag hier an alle ...
 
Werbung:
https://jsfiddle.net/7w6wv5xt/11/
Hiermit änderst du die Positionen.Damit verschiebst du das ganze Icon der X und Y Achse. Das sollte auch bei Ebay gehen.
Code:
position:absolute;top:100px;left:100px;
Fals nicht teste mal position:relative;

Zu dem anderen:

Ja ein Forum ist für hilfe da,da hast du vollkommen recht.Die Leute die hier täglich den Leuten helfen machen das auch gerne ( ich auch ).
Es kann sein das einige Leute den Stress auf den anderen Forumst mitbekommen haben ( Ich sage mal stress ). Da wahr einer ,der hatte auch Probleme mit Ebay,der wollte aber die ganze Seite gestylt haben.Der fragt fast jeden Tag nach was anderen .Kannst du da Farbe wechseln,kannst du da Ein Rand rum machen und so weiter und sofort. Da ist einer der so doof ist und das immer macht. Für die anderen sieht es so aus das der Ebayer den armen Jungen einfach verarschen will,weil er immer wieder das gleiche will ,( zb Farbe wechseln ). Die anderen denken wenn man zb die Farbe schon 20 mal geändert bekommen hat ,sollte man langsam wissen wie es geht.

Ich will damit eigentlich nur sagen,wenn man dieses Thema von anfang an liest ,sollte man wissen wie man zb Farbe wechselt oder positions wechsel macht und so weiter.
Am besten ist erst immer selber testen,Wenn du wirklich gar nicht weiter weißt dann kannst du auch fragen,da hat keiner was dagegen.
Also teste jetzt mal den Code und meld dich .

Kleiner Hinweiß. Du kannst in der Fiddle Seite den Code auch selber ändern und da testen,das Ergebniss kannst du da sofort sehen,du brauchst nicht jedes mal den Code bei Ebay reinsetzten um zu Testen. Für so kleine spielerein wie ein Icon erstellen ,ist der Fiddle Editor Ok. Für grössere sachen sollte man was anderes nehmen.

Wenn deine änderugen in der Fiddle deine Wünsche erfüllen,stellst du es bei Ebay rein. Fals bei Ebay was anderes angezeigt wird als wie im Fiddle, dann meldst du dich und sagst bescheid,dann müssen wir den Fehler wo anders suchen.

So das wahrs. Keine sorge ,ich hab nix dagegen wenn du deine Probleme weiter postest ( Notfalls über Pn ).Aber versuche erst was ich dir hier schrieb ,damit man einige Fehler von anfang an schon ausschliesen kann,Dann brauch man auch nicht so viel #Postet machen.


Ja, so mache ich es in Zukunft. Ich versuche es im Editor erstmal selber, und wenn dann garnichts mehr geht, frage ich hier nach. Ich check das FarbIcon heute Abend gleicch nach der Arbeit. Da brauche ich meine Ruhe, weil das Funktionieren ist das eine, aber ich will auch verstehen, um was es da geht, bzw. wie das alles funktioniert (margin, padding, postion etc.). Fuer mich sind das nicht nur irgendwelche Begriffe, ich will schon verstehen, was ich mache. Also danke und dir einen schoenen Tag.
 
Ja, so mache ich es in Zukunft. Ich versuche es im Editor erstmal selber, und wenn dann garnichts mehr geht, frage ich hier nach. Ich check das FarbIcon heute Abend gleicch nach der Arbeit. Da brauche ich meine Ruhe, weil das Funktionieren ist das eine, aber ich will auch verstehen, um was es da geht, bzw. wie das alles funktioniert (margin, padding, postion etc.). Fuer mich sind das nicht nur irgendwelche Begriffe, ich will schon verstehen, was ich mache. Also danke und dir einen schoenen Tag.


Ok, habe es getestet. Jetzt laeuft es, und das auf allen Browsern:

<span title="color" style="background-color: #000000; border-color: black; border-style: solid; border-width: 1px; outline-color: #000000; outline-style: solid; outline-width: 1px; outline-offset: 2px; width: auto;"><font color="#000000">xx</font></span>
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Man könnte auch ein bunten Title Text nehmen mit Gelben Hintergrund und so weiter ,mit mouseover und mouseout . Aber ich weiss ja nicht wie weit Ebay da mit spielt
Code:
<div id="logo" onmouseover='document.getElementById("da").style.display="blocK";'onmouseout='document.getElementById("da").style.display="none";'     style="width:24px;height:24px;background-color: #808080;border-radius:50%;border:3px double black;color:black;font-size:20px;font-weight:900;text-align:center;cursor:help;"><div id="da" style="display:none;width:100px;height:100px;background:yellow;color:red;font-size:16px;font-color:black;" >hallo das ist der text der lang sein darf</div>i</div>

Gibt es irgendwo eine Zusammenfassung fuer den "title" bei mouseover-Effekt? Also was ich sagen will ist, quasi einen tile-Style. Oder muss man das alles mit den Farben und Werten hinbekommen? Es gibt ja bei mouseover z. B. auch help oder pointer, verstehst du? Gibt es so w
Man könnte auch ein bunten Title Text nehmen mit Gelben Hintergrund und so weiter ,mit mouseover und mouseout . Aber ich weiss ja nicht wie weit Ebay da mit spielt
Code:
<div id="logo" onmouseover='document.getElementById("da").style.display="blocK";'onmouseout='document.getElementById("da").style.display="none";'     style="width:24px;height:24px;background-color: #808080;border-radius:50%;border:3px double black;color:black;font-size:20px;font-weight:900;text-align:center;cursor:help;"><div id="da" style="display:none;width:100px;height:100px;background:yellow;color:red;font-size:16px;font-color:black;" >hallo das ist der text der lang sein darf</div>i</div>


Hallo basti, ich habe noch eine Frage; kann man eigentlich die Dimensionen des title veraendern, und wenn ja, an welcher Stelle dieses Codes hier:

<div id="logo" onmouseover='document.getElementById("da").style.display="blocK";'onmouseout='document.getElementById("da").style.display="none";' style="width:24px;height:24px;background-color: #808080;border-radius:50%;border:3px double black;color:black;font-size:20px;font-weight:900;text-align:center;cursor:help;"><div id="da" style="display:none;width:100px;height:100px;background:yellow;color:red;font-size:16px;font-color:black;" >hallo das ist der text der lang sein darf</div>i</div>

Ich komme nicht drauf. Das brauche ich zwar nicht, aber es interessiert mich einfach. Die Farbe habe ich hinbekommen, nur die Dimensionen irgendwie nicht. Also wenn ich z. B. das kleine title-Fenster, welches erscheint, wenn du via mouseover mit cursor darueber faehrst, also schmales laengliches Rechteck haben moechte, geht das, also an Hand von Werten (heigth, width), oder ist das immer abhaengig, wie viel Text im title steht? Das checke ich noch nicht so richtig! Der Rest ist soweit logisch. Ich finde auch nirgends eine Seite zum Thema title style, also nicht der title als Ueberschrift, sondern der alt/ title style. mouseover nutze ich selber garnicht, aber ich wuerde es gerne verstehen, gerade im Zusammenhang mit dem title. Danke.
 
Werbung:
Also wie ich weiß, lässt sich der title="" so nicht verändern. Man könnte über CSS mit hover und Co den verändern ,aber das geht ja bei dem Ebay Kram ja nicht ,das hatten wir am Anfang ja schon mal getestet. Mit mouseover würde das auch gehen ,aber Ebay mag kein Javascript . Also in dem Fall würde ich mal sagen 'nee geht nicht '. Habe aber im anderen Forum ein auch was für Ebay geändert . Da konnten wir CSS benutzen.
*** Link entfernt, weil nicht mehr erreichbar ***
Dann sollte das doch in deinen Fall auch gehen ,oder gibt es bei Ebay unterschied zwischen gewerbliche Verkäufer und nicht gewerblich oder sowas?

Die Größe des title Fensters ist immer so groß wie der Text . Der lässt sich nur mit Pfusch beeinflussen
*** Link entfernt, weil nicht mehr erreichbar ***
Weiß aber nicht, ob das jeder Browser kann. Ich muss mal selber googeln, ob es da was andere gibt.

Deine verschiedene Maus stylst wie Fragezeichen und Co siehst du hier
 
Zuletzt bearbeitet:
Gibt es irgendwo eine Zusammenfassung fuer den "title" bei mouseover-Effekt? Also was ich sagen will ist, quasi einen tile-Style. Oder muss man das alles mit den Farben und Werten hinbekommen? Es gibt ja bei mouseover z. B. auch help oder pointer, verstehst du? Gibt es so w



Hallo basti, ich habe noch eine Frage; kann man eigentlich die Dimensionen des title veraendern, und wenn ja, an welcher Stelle dieses Codes hier:

<div id="logo" onmouseover='document.getElementById("da").style.display="blocK";'onmouseout='document.getElementById("da").style.display="none";' style="width:24px;height:24px;background-color: #808080;border-radius:50%;border:3px double black;color:black;font-size:20px;font-weight:900;text-align:center;cursor:help;"><div id="da" style="display:none;width:100px;height:100px;background:yellow;color:red;font-size:16px;font-color:black;" >hallo das ist der text der lang sein darf</div>i</div>

Ich komme nicht drauf. Das brauche ich zwar nicht, aber es interessiert mich einfach. Die Farbe habe ich hinbekommen, nur die Dimensionen irgendwie nicht. Also wenn ich z. B. das kleine title-Fenster, welches erscheint, wenn du via mouseover mit cursor darueber faehrst, also schmales laengliches Rechteck haben moechte, geht das, also an Hand von Werten (heigth, width), oder ist das immer abhaengig, wie viel Text im title steht? Das checke ich noch nicht so richtig! Der Rest ist soweit logisch. Ich finde auch nirgends eine Seite zum Thema title style, also nicht der title als Ueberschrift, sondern der alt/ title style. mouseover nutze ich selber garnicht, aber ich wuerde es gerne verstehen, gerade im Zusammenhang mit dem title. Danke.

Ja, mit height und width änderst du in diesen fall die Größe des Fensters .Ist im Fenster mehr Text drinnen ,läuft der Text über das Fenster hinaus. An besten gibst du eine feste breite an zb width:100px bei height schreibst du Auto rein . Dann ist das Fenster immer so hoch, wie viel Text drinnen ist.
Mouseover hatten wir ja bei dein Ebay ja schon versucht, das geht ja nicht. Das mit title style habe ich dir ja in meinen vorherigen Beitrag geschrieben, da ist mit Inline-style nichts zu machen .
Mit CSS styls geht das schon

Nur wenn das bei Ebay nicht läuft hast du wohl keine andere möglichkeit das title aussehen zu ändern
 
Zuletzt bearbeitet:
Ja mit height und width änderst du in diesen fall die grösse des Fensters .Ist im Fenstermehr Text drinne ,läuft der Text über das Fenster hinaus. An besten gibst du eine feste breite an zb width:100px bei height schreibst du auto rein .Dann ist das Fenster immer so hoch wie viel Text drinne ist.
Mouseover hatten wir ja bei dein ebay ja schon versucht das geht ja nicht. Das mit title style habe ich dir ja in meinen vorherigen Beitrag geschrieben,da ist mit inline-styls nix zu machen .
Mit css styls geht das schon https://jsfiddle.net/basti1012/9a9mgz9e/20/
Nur wenn das bei Ebay nicht läuft hast du wohl keine andere möglichkeit das title aussehen zu ändern


Sorry fuer die verspaetete Antwort. Ich hatte die letzten Tage viel um die Ohren. Danke fuer die Tipps, ich werde sie mir am kommenden Wochenende genauer anschauen. Was mouseover angeht, da habe ich mir jetzt abhilfe mit <a href ... und span geholt. Das heisst, wenn du dich mit der Maus dem Icon naeherst, dann erscheint der kleine Finger. Vorher war da nur so eine daemliche eckige Klammer. Und das Fragezeichen mag ich garnicht! Ich weiss nicht, ob ich das irgendwann mal so hinbekomme wie bei Esprit, da hatte ich dir doch mal den Link geschickt, oder nimm einfach den hier:

https://www.esprit.de/5er-pack-socken-17983_003

Das ist doch mouseover, oder? Die Sache ist halt nur die, dass wir das leider nicht als rundes Icon hinbekommen! Deine Variante, welche du mir hier geschickt hattest, also die mit den ganzen absolute-Werten etc., die funktioniert zwar in ebay, aber leider nicht bei allen Browsern gleich! Es gibt wohl Tricks, wie man das so hinbekommt, dass es exakt und auf den Punkt bei allen Browsern (Safari natuerlich!, Firefox, Opera etc.) gleich aussieht, und das ist leider bei deinem Code nicht der Fall. Im Firefox sieht es super aus, mit den richtigen absolute-Werten etc., in den beiden anderen Browsern sitz das Icon dann sonst wo! Und ich habe da mal recherchiert, man muesste dann wohl im body irgendetwas "erzwingen", also dass das bei allen Browsern gleich aussieht! Macht man wohl im body, aber das ist mir alles viel zu kompliziert! Naja, dann bleibt es halt beim quadratischen FarbIcon, dafuer aber mit duenner und vor allem doppelter border, mit weissem Zwischenraum, und bei Annaehern erscheint der kleine Finger. Das hatte ich alles vorher nicht! Und dafuer danke ich dir bzw. euch allen hier, die mir damit geholfen haben. Immerhin besser als garnichts, und ich bin zufrieden. Das runde sieht natuerlich viel besser aus, aber quadratisch geht auch. Ich melde mich am Wochenende nochmal hier irgendwann, bis dahin, tschuess ...
 
Werbung:
Die Icons lassen sich doch nach bauen

(geht auch schöner)
Wo wahr den das Problem ,wieso ging den das nicht

Und das mit der Maus, das hätte man mit CSS regeln können da gibt es cursor: pointer; das Fragezeichen hat cursor:help; das hätte man auch so ändern können, ohne ein Link anzulegen
 
Zuletzt bearbeitet:
die icons lassen sich doch nach bauen https://codepen.io/basti1012/pen/paZBwB (geht auch schöner )
Wo wahr den das Problem ,wieso ging den das nicht

Und das mit der Maus das hätte man mit Css regeln können da gibt es cursor: pointer; das fragezeichen hat cursor:help; das hätte man auch so ändern können ohne ein Link anzulegen


Was ich noch nicht so ganz kapiere, ist, wie ich CSS und HTML zusammen als Code in ebay hineinbekomme. Verstehst du, was ich sagen will? Ich kenne mich mit CSS nicht aus. Ich wuerde CSS gern mal in ebay ausprobieren, nur muss ich dann immer beide, also CSS und HTML, hineinbringen, und in welcher Reihenfolge, das kapiere ich eben nicht! Denn dann bin ich schlauer, ob CSS ueberhaupt in ebay funktioniert. HTML funktionert, wenn auch nur begrenzt. Aber besser als garnichts. Das mit dem Mauszeiger ist mir schon klar, dass man das auch eleganter via CSS hinbekommt, vorausgesetzt, man weiss wie es geht. ;-) Deswegen die Assi-Variante mit dem Link. Du hast mir doch gesagt, ich soll erst einmal selber ausprobieren, und das habe ich gemacht. Leider bin ich stecken geblieben, naja da kam mir die Idee mit dem Link. Klar waere es schoen, dass so hinzubekommen wie bei Esprit, dass wenn du mit der Maus darueber faehrst, sich der Hintergrund aendert, und der title erscheint, den man ja via CSS auch noch veraendert kann, aber eben halt nur mit CSS. Sonst laesst sich leider ein title nicht veraendern! Es gibt schon tolle Sachen, die man mit CSS und HTML machen kann, wenn man sich a) damit auskennt, und b) wenn das Programm/ System (ebay) es dann auch zulaesst. Klar muss ich das nicht machen, meine Verkaufschancen verbessern sich dadurch nicht, darum geht es eigentlich auch nicht. Ich moechte einfach, dass es super aussieht, und nicht einfach so 0815, denn so beschreiben leider sehr viele Verkaeufer auf ebay ihre Artikel. Traurig, aber wahr! Und mit so einem kleinen FarbIcon sieht das irgendwie alles gleich viel freundlicher aus. Klar ist es letztendlich Spielerei, welche man nicht zwingend braucht, nur warum gibt es dann HTML? Ich melde mich heute Abend nochmal, bis dahin, tschuess ...
 
Werbung:
Also ,Ebay akzeptiert auf jeden Fall Inline-CSS ,sonst würde er nicht mal einen runden Icon anzeigen.
Inline-CSS ist das ,was wir immer bei style="HIER" reinschreiben.
Ausgelagertes CSS ist eigentlich eine Extra-Datei (Textdokument ) was mit einen Link im HTML eingefügt wird.
Das ging bei Ebay so ja nicht .
Dann kann man die ausgelagerte Datei auch zwischen <style> Hier</style> reinschreiben und bei Ebay einfügen.
Das teste doch nochmal

Komplett kopieren und einfügen.Ist etwas lang ,aber nur so bekommen wir auch ausgefallenen Style hin.
Wenn das geht ,haben wir mehr Möglichkeiten, den style anzupassen.
Falls das nicht geht, werden wir nicht mehr viel machen können.Da haben wir wohl mittlerweile alle verfügbaren Codes schon ausgeschöpft.
Falls Ebay mal Javascript zulässt ,können wir auch noch was machen
 
Zuletzt bearbeitet:
Ich bin weder gewerblich, noch kommerziell. Ich bin ein Privatverkaeufer
Umso länger dieser Thread wird, desto weniger glaube ich das. Kein Privatverkäufer steckt soviel Zeit und Arbeit rein, um hier und da mal was bei eBay zu verkaufen.
 
Werbung:
Also ,ebay akzeptiert aufjedenfall inline-Css ,sonst würde er nicht mal einen runden Icon anzeigen.
Inline-Css ist das ,was wir immer bei style="HIER" reinschreiben.
Ausgelagertes Css ist eigentlich eine Extra Datei ( textdocument ) was mit einen Link im html eingefügt wird.
Das ging bei Ebay so ja nicht .
Dann kann man die Ausgelagerte Datei auch zwischen <style> Hier</style> reinschreiben und bei Ebay einfügen.
Das teste doch nochmal https://codepen.io/basti1012/pen/oEPoNJ
Komplett kopieren und einfügen.Ist etwas lang ,aber nur so bekommen wir auch ausgefallenen Style hin.
Wenn das geht ,haben wir mehr möglichkeiten den style anzupassen.
Fals das nicht geht werden wir nicht mehr viel machen können.Da haben wir wohl mitlerweile alle verfügbaren Codes schon ausgeschöpft.
Fals Ebay mal Javascript zuläst ,können wir auch noch was machen


Also es funktioniert, sieht zwar sch... aus, aber es geht, und darum ging es ja. Hhm, wusste ich jetzt auch noch nicht.
 
Also es funktioniert, sieht zwar sch... aus, aber es geht, und darum ging es ja. Hhm, wusste ich jetzt auch noch nicht.
Ja wenn das doch geht ,könnte man sich gedanken machen wie es aussehen soll.Ich bin in Style sachen nicht gerade Kreativ,bei mir ist immer alles bunt.Aber ich kucke mal ob es da jetzt eine möglichkeit gibt einen runden Icon mit den 2 ten Rand zu erstellen.Das was bis jetzt nur Eckig ging. Vieleicht finde ich ja auch noch eine Kreative Art an mir das zu verschönern.
Aber vieleicht hast du ja auch noch Ideen wie es aussehen soll.
 
Werbung:
Mit deinen Doppel Border mit nur einen span habe ich hinbekommen mit :before.
Wahr auch mal etwas Kreative, aber das kann ich nicht so gut. Aber damit kann man mal sehen, was so möglich ist .
 
Zuletzt bearbeitet:
Zurück
Oben