Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 18.04.2005, 16:29
ulle ulle ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

] mit einem LINK nicht auflösen kann.

Dann ist es so wie es nun ist wohl eine schöne Alert-Box, nun bleibt die Frage - welche Browser ausser Firefox können es. Zumindest so wie mein 2. Beispiel.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>

<style type="text/css" media="screen,projection" title="Druckvorschau => Markup-Semantic">
/*<![CDATA[*/

*			{
			margin:  0;
			padding: 0;
			
			/* Tabellen
			 */
			border-collapse:collapse;
			border-spacing: 0;
			}

html		{
			/* permanent Scrollbalken
			 * Gecko => nicht Valide
			 */
			overflow: -moz-scrollbars-vertical;
			}
			
html,
body		{
			color:		#000000;
			background:	#FFDD22;
			
			/* line-height ohne Einheit - sonst Vererbung
			 */
			line-height: 1.45;
			}

body		{ 
			/* Nur hier, sonst gibt es
			 * eventuell Vererbungsprobleme.
			 */
			font-size:   100.01%;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
.trans-layer
			{
			/* anzeige erst mit :hover
			 * 
			 * sperrt viewport fuer Mouse/klick
			 */
			display: none;
			
			/* Containing Block initial
			 */
			position: absolute;
			
			width:  100%;
			height: 100%;
			
			top:  0;
			left: 0;
			
			/* trans-layer
			 * -moz-opacity: 1.0;         |Gecko (Firefox kann opacity)
			 * -khtml-opacity: 1.0;       |Safari 1.1
			 * filter:alpha(opacity=70);  |Internet Exploer 
			 */
			opacity: .2;

/*			background-color: transparent;
*/			background-color: #333333;
			}

			
.alert-box
			{
			/* anzeige erst mit :hover
			 */
			display: none;
			
			/* Containing Block initial
			 */
			position: absolute;
			
			width:  50%;
			height: 9em;
			
			top:  10%;
			left: 24%;
			}

/* Shadow
 */
.alert-box strong
			{
			/* Child-Element Full-Size
			 */
			display: block;
			height: 100%;
			
			/* alert-box
			 * -moz-opacity: 1.0;         |Gecko (Firefox kann opacity)
			 * -khtml-opacity: 1.0;       |Safari 1.1
			 * filter:alpha(opacity=70);  |Internet Exploer 
			 */
			opacity: .4;

			background-color:	#333333;
			}

.alert-box span
			{
			display: block;
			
			position: absolute;
			right:  .4em;
			bottom: .4em;
			
			/* Child-Element Full-Size
			 */
			width: 100%;
			height: 100%;
			
			overflow: auto;
			
			/* kein Box-Model Problem [absolute]
			 */
			border: 1px solid #000000;
			
			background-color:	#2299FF;
			}
			
.alert-box em
			{
			/* Child-Element Full-width-Size
			 */
			display: block;
			
			padding: 1em;
		
			font-size: .8em;
			font-style: normal;
			}

li:hover .trans-layer,
li:hover .alert-box
			{
			display: block;
			}

/*]]>*/
</style>

</head>
<body>

<ul>
	[*]Alert-Box anzeigen
		<span class="trans-layer"></span>
		<span class="alert-box">
			

			<span>
				
				Frankfurter Analysten halten Zeitungsberichte über einen Firmenjäger-Angriff auf DaimlerChrysler für durchaus plausibel. Wegen der gravierenden Managementfehler von Konzernchef Jürgen Schrempp sei der Stuttgarter Autokonzern inzwischen theoretisch ein Kandidat für eine Übernahme durch aggressive Finanzinvestoren.
				
			</span>
		</span>
	[/list]
</body>
</html>
__________________
</ulle>
Mit Zitat antworten
Sponsored Links