[Erledigt] infokasten per title formatieren

stevezi · 14.11.2011, 02:17

hi,
gibt es die möglichkeit, ten text im infokasten, der erscheint, wenn ich mit der maus über ein element fahre zu formatieren, zb: background, border, bold usw.

beispiel:

Code:

<div class="bp" title="hier der infotext">
<p>irgendein text</p>
</div>

wenn man jetzt mit dem mauszeiger über das div fährt,
erscheint ein infokasten mit den text: hier der infotext

so wie hier im Forum, wenn man über den treadtitel fährt.

wenn ich aber folgendes mache:

Code:

<div class="bp" title="<b>hier der infotext</b>">
<p>irgendein text</p>
</div>

erscheint im infokasten der text: <b>hier der infotext</b>

kann man das umgehen, dass der text dann fett angezeigt wird?
bzw. ich den infokasten direkt per css ansprechen kann?

hoffe, hab mich verständlich ausgedrückt.

danke in voraus:
stevezi

ChrisB · 14.11.2011, 02:19

Nein, die Darstellung von title kannst du nicht beeinflussen.

Nutze ein „CSS Popup“ stattdessen.

nikosch · 14.11.2011, 02:20

Nein. Du kannst allenfalls ein Tooltip nachprogrammieren (Google!)

stevezi · 14.11.2011, 02:20

ok, werd mich mal schlau machen, danke für die schnelle antwort

stevezi · 14.11.2011, 02:29

ok, hab was brauchbares gefunden:

http://sura1.wordpress.com/2008/07/2...ten-erstellen/

PHP-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" lang="de" xml:lang="de">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>CSS Popup, CSS-Info-Fenster, Tooltip</title>
<style type="text/css"> 
<!--
body
{
background-color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
width: 100%;
height: 100%;
margin: 0;
padding: 0
}
 
#container
{
margin: 0 auto;
width: 800px;
padding: 30px;
}
 
a.info
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}
 
a.info:hover
{
z-index:2;
background-color:#C0FF3E;
}
 
a.info span
{
display: none;
}
 
a.info:hover span
{
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #12127D;
background-color:#fc0;
color:#000;
text-align: left;
padding: 5px;
font-size: 0.8em;
}
 
-->
</style>
</head>
<body>
<div id="container">
 
<h3>CSS-Tooltip</h3>
<p><a class="info" href="#">Hier soll beim Dr&uuml;berfahren ein Info-Fenster
erscheinen <span>Hallo, ich bin ein Tooltip oder das CSS-Info-Popup-Fenster.
Hier kannst du Infos reinschreiben</span></a>
</p>
</div>
 
</body>
</html>

jspit · 14.11.2011, 13:06

Für moderne Browser: Tooltipp-Texte im CSS-Style notieren

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Wiki Autoren Allgemeintratsch (kein OT)	nikosch	Wiki Diskussionsforum	80	17.03.2012 14:07
JPGraph - Graph formatieren, Uhrzeit auf x-Achse	Bjoern	PHP Einsteiger	6	22.04.2011 13:42
[Erledigt] Anfängerfragen zu switch menu & title & css	amdfreak	PHP Einsteiger	14	16.12.2010 14:14
Erhaltene Email formatieren	michaela	PHP Tipps 2010	3	30.03.2010 17:12
Tabelle mit CSS formatieren?	hallo1995	HTML, Usability und Barrierefreiheit	5	23.06.2009 17:56
Inhalt eines Textfeldes formatieren	obi	JavaScript, Ajax und mehr	1	17.02.2009 00:02
Include Datei formatieren	st0ny	PHP Tipps 2008	12	31.07.2008 12:35
wie kann ich das datum formatieren:	bendigo	Datenbanken	4	30.08.2005 13:43
Texte formatieren	workaholic	PHP Tipps 2005	5	07.03.2005 20:29
erste seite formatieren	aircrash	Server, Hosting und Workstations	1	04.02.2005 10:41
Auswahlmenu formatieren	JeeZ	HTML, Usability und Barrierefreiheit	21	27.01.2005 17:52
title bei frames		HTML, Usability und Barrierefreiheit	3	30.11.2004 09:52
[Erledigt] SELECT boxen formatieren		HTML, Usability und Barrierefreiheit	1	17.11.2004 17:33
[Erledigt] Preisanzeige formatieren		PHP Tipps 2004-2	2	05.11.2004 21:32
TIME-Feld formatieren	RudiS	Datenbanken	4	16.07.2004 16:16

14.11.2011, 02:17
stevezi Benutzer Registriert seit: 04.03.2008 Beiträge: 59	[Erledigt] infokasten per title formatieren hi, gibt es die möglichkeit, ten text im infokasten, der erscheint, wenn ich mit der maus über ein element fahre zu formatieren, zb: background, border, bold usw. beispiel: Code: <div class="bp" title="hier der infotext"> <p>irgendein text</p> </div> wenn man jetzt mit dem mauszeiger über das div fährt, erscheint ein infokasten mit den text: hier der infotext so wie hier im Forum, wenn man über den treadtitel fährt. wenn ich aber folgendes mache: Code: <div class="bp" title="<b>hier der infotext</b>"> <p>irgendein text</p> </div> erscheint im infokasten der text: <b>hier der infotext</b> kann man das umgehen, dass der text dann fett angezeigt wird? bzw. ich den infokasten direkt per css ansprechen kann? hoffe, hab mich verständlich ausgedrückt. danke in voraus: stevezi


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.11.2011, 02:19
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Nein, die Darstellung von title kannst du nicht beeinflussen. Nutze ein „CSS Popup“ stattdessen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

14.11.2011, 02:20
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Nein. Du kannst allenfalls ein Tooltip nachprogrammieren (Google!) __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.11.2011, 02:29
stevezi Benutzer Registriert seit: 04.03.2008 Beiträge: 59	ok, hab was brauchbares gefunden: http://sura1.wordpress.com/2008/07/2...ten-erstellen/ PHP-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" lang="de" xml:lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS Popup, CSS-Info-Fenster, Tooltip</title> <style type="text/css"> <!-- body { background-color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 100.01%; width: 100%; height: 100%; margin: 0; padding: 0 } #container { margin: 0 auto; width: 800px; padding: 30px; } a.info { position:relative; z-index:1; background-color:#ff0; color:#2D006B; text-decoration:none; } a.info:hover { z-index:2; background-color:#C0FF3E; } a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:2em; width:15em; border:1px solid #12127D; background-color:#fc0; color:#000; text-align: left; padding: 5px; font-size: 0.8em; } --> </style> </head> <body> <div id="container"> <h3>CSS-Tooltip</h3> <p><a class="info" href="#">Hier soll beim Drüberfahren ein Info-Fenster erscheinen <span>Hallo, ich bin ein Tooltip oder das CSS-Info-Popup-Fenster. Hier kannst du Infos reinschreiben</span></a> </p> </div> </body> </html>

14.11.2011, 13:06
jspit Erfahrener Benutzer Registriert seit: 19.08.2011 Beiträge: 701 PHP-Kenntnisse: Anfänger	Für moderne Browser: Tooltipp-Texte im CSS-Style notieren