Hallo Leute,
ich hab (natuerlich) ein Problem, wo ichs um verecken nicht weiterkomm:
Ich moechte in einer Tabelle 2 Layer an gleicher Stelle uebereinander positionieren,
wo aber der darunterliegende Layer (Layer1) 50% transparent sein soll und der darueberliegende Layer 2
keine Hintergrundfarbe haben soll, aber mein Text voll dargestellt werden soll!
Bsp:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div style="filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position: relative; left:0px; top:0px; width: 200px; height: 100px; z-index:1; border: 0px solid white; text-align: left; background-color:#666666" id="Layer1">
</div>
<div style=" position:relative; left:0px; top:0px; width:200px; height:100px; z-index:2; " id="Layer2">Problem</div>
</div></td>
</tr>
</table>
</body>
</html>
Ich hab schon alles ausprobiert (bin der Meinungverschaechtelt, z Index veraendert, trotzdem, laeuft nicht!
Entweder wird alles transparent dargestellt wenn ichs verschachtele,
oder eben untereinander!
Bitte um dringende Hilfe!! Danke!
Seid gegruesst,
Christian
Hi,
verwende mal dieses Stylesheet, um die Layer übereinander auszurichten:
Code:#Layer1 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; width: 200px; height: 100px; border: 0px solid white; text-align: left; background-color:#666666; } #Layer2 { position:relative; margin-top:-100px; width:200px; height:100px; z-index:2; }Code:<table width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id="Layer1"></div> <div id="Layer2">Problem</div> </td> </tr> </table>
Hi,
super danke! wieso bin ich nicht gleich drauf gekommen?
trickreich, aber erfolgreich!
nochmals thx!
ok, also noch mal folgendes Problem. Ich habe das jetzt so geloest
wie mir "cssPanel" es vorgeschlagen hat, vielen Dank dafuer, aber ich hab jetzt das naechste Problem:
ich will dass sich der transparente Layer automatisch zum mittleren Content (eine 100% Tabelle) automatisch anpasst.
D.h. hab ich mehr Content in der Mitte als im Layer, soll die Laenge der beiden Layer automatisch angepasst werden.
100% funktioniert nicht, hab ich ausprobiert.
Zuer Zeit sind die 2 Layer uebereinander nur mit einem "-" Wert geloest (margin-top:-690pxist aber ein fix Wert, also passt sich nicht an der mittleren Tabelle an.
Hmm, versteht man mein Problem?!
Hier zur Veranschaulichung Beispiel 1:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<link href="Template.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC0000">
<tr>
<td align="center"><table width="600" height="188" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="137" valign="top"></td>
<td width="314" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="334"> </td>
<td>m Untersuchungsausschuss zum tragischen Tod des kleinen Kevin in Bremen sind am Donnerstag Tränen geflossen. Tränen des Mitleids, der Verzweiflung und der Reue. Bitterlich geweint hat eine Sozialarbeiterin, die ihre Pflichten im Sinne des Wortes sträflich vernachlässigt hatte. Die Behörde war über das unmenschliche Verhalten der drogensüchtigen Eltern informiert. Unternommen wurde nichts. <br>
<br>
Der Tod des Kleinen wirft ein Schlaglicht auf die zunehmende Gewalt gegen Kinder in unserer Gesellschaft. Weit mehr als 90 Prozent der Fälle von Kindesmisshandlung und Gewalt kommen im Armenmilieu vor, weiß der Deutsche Kinderschutzbund. Der Paritätische Wohlfahrtsverband fand heraus, dass weit mehr als 90 Prozent der vernachlässigten Kinder in Familien groß werden, die von Hartz IV betroffen sind. <br>
<br>
Sicher: Die Mehrheit wächst wohlbehütet auf, Mutter und/oder Vater kümmern sich nach bestem Wissen und Gewissen. Und Konto. Eine Untersuchung des Kriminologischen Forschungsinstituts Niedersachsen hat ergeben, dass immer mehr Eltern aus Mittelschicht und Bildungsbürgertum ihre Kinder bewusst gewaltfrei erziehen, seitdem der Gesetzgeber im Januar 2000 das Recht auf gewaltfreie Erziehung eingeführt hat. Und auch in den ärmeren Familien kümmern sich viele Eltern liebevoll um ihren Nachwuchs. <br>
<br>
Doch da gibt es eben diesen Zusammenhang zwischen der sozialen Sicherheit, dem daraus erwachsenden Blick in die Zukunft auf der einen und der Perspektiv- und Hoffnungslosigkeit, der Gleichgültigkeit, der Neigung zu Gewalt auf der anderen Seite. Die ökonomischen Bedingungen einer Familie als kleinster Zelle der Gesellschaft haben zudem Auswirkungen auf den Gesundheitszustand ihrer Kinder und Jugendlichen. Das Berliner Robert-Koch-Institut hat in seinem ersten so genannten Kinder- und Jugendgesundheitssurvey festgestellt, dass Armut krank macht. Dieser Zusammenhang sei eigentlich klar gewesen, hieß es. Aber die "Eindeutigkeit der sozialen Unterschiede" habe überrascht. <br>
<br>
Durch die Hartz-IV-Gesetze leben mehr Menschen in Armut als vor deren Einführung. Weil die Einkommen bei Empfängern des früheren Arbeitslosengeldes und der Arbeitslosenhilfe auf Sozialhilfeniveau zusammengestrichen wurden. <br>
<br>
Es ist bestürzend, dass der spiritus rector dieser Zustände, just als er seine Pläne ausbrütete, in schamloser Weise VW-Gelder veruntreut hat. Bestürzend ist aber auch, wie regierungsamtlich Tränen über Gewalt gegen und Armut von Kindern vergossen werden. Und wie im selben Atemzug die nach dem Veruntreuer benannten Gesetze vereidigt werden. Die Tränen, die da vergossen werden, muten wie Krokodilstränen an. </td>
<td> </td>
</tr>
</table></td>
<td width="149" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="Column3">
<div class="Layer4" id="Layer4"></div>
<div id="Layer5" class="Layer5">
<table width="100%" height="85" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="6%"> </td>
<td width="70%"> </td>
<td width="24%"> </td>
</tr>
<tr>
<td> </td>
<td><span class="Header_Red">Blindtext</span></td>
<td rowspan="2" align="left" valign="top"><a href="LastMinute"><img src="images/LastMinute_Pic.gif" width="29" height="29" border="0"></a></td>
</tr>
<tr>
<td> </td>
<td>Der Tod des Kleinen wirft ein Schlaglicht auf die zunehmende Gewalt gegen Kinder in unserer Gesellschaft.</td>
</tr>
<tr>
<td height="19"> </td>
<td></td>
<td align="left"><a href="More" class="link3_11greybold">...More</a></td>
</tr>
<tr align="center" class="Pointed-Line">
<td height="19" colspan="3"><img src="Line_transp.gif" width="205" height="1"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
und Beispiel 2:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
.Layer4 {
filter:alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;
width: 231px;
height: 690px;
text-align: left;
background-color:#FFFFFF;
}
.Layer5 {
position:relative;
margin-top:-690px;
width:231px;
height:100%;
z-index:1;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC0000">
<tr>
<td align="center"><table width="600" height="188" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="137" valign="top"></td>
<td width="314" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="334"> </td>
<td valign="top">m Untersuchungsausschuss zum tragischen Tod des kleinen Kevin in Bremen sind am Donnerstag Tränen geflossen. Tränen des Mitleids, der Verzweiflung und der Reue. Bitterlich geweint hat eine Sozialarbeiterin, die ihre Pflichten im Sinne des Wortes sträflich vernachlässigt hatte. Die Behörde war über das unmenschliche Verhalten der drogensüchtigen Eltern informiert. Unternommen wurde nichts. <br>
<br>
Der Tod des Kleinen wirft ein Schlaglicht auf die zunehmende Gewalt gegen Kinder in unserer Gesellschaft. Weit mehr als 90 Prozent der Fälle von Kindesmisshandlung und Gewalt kommen im Armenmilieu vor, weiß der Deutsche Kinderschutzbund. Der Paritätische Wohlfahrtsverband fand heraus, dass weit mehr als 90 Prozent der vernachlässigten Kinder in Familien groß werden, die von Hartz IV betroffen sind. <br>
<br></td>
<td> </td>
</tr>
</table></td>
<td width="149" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="Column3">
<div class="Layer4" id="Layer4"></div>
<div id="Layer5" class="Layer5">
<table width="100%" height="85" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="6%"> </td>
<td width="70%"> </td>
<td width="24%"> </td>
</tr>
<tr>
<td> </td>
<td><span class="Header_Red">Blindtext</span></td>
<td rowspan="2" align="left" valign="top"><a href="LastMinute"><img src="images/LastMinute_Pic.gif" width="29" height="29" border="0"></a></td>
</tr>
<tr>
<td> </td>
<td>Sicher: Die Mehrheit wächst wohlbehütet auf, Mutter und/oder Vater kümmern sich nach bestem Wissen und Gewissen. Und Konto. Eine Untersuchung des Kriminologischen Forschungsinstituts Niedersachsen hat ergeben, dass immer mehr Eltern aus Mittelschicht und Bildungsbürgertum ihre Kinder bewusst gewaltfrei erziehen, seitdem der Gesetzgeber im Januar 2000 das Recht auf gewaltfreie Erziehung eingeführt hat. Und auch in den ärmeren Familien kümmern sich viele Eltern liebevoll um ihren Nachwuchs. <br>
<br>
Doch da gibt es eben diesen Zusammenhang zwischen der sozialen Sicherheit, dem daraus erwachsenden Blick in die Zukunft auf der einen und der Perspektiv- und Hoffnungslosigkeit, der Gleichgültigkeit, der Neigung zu Gewalt auf der anderen Seite. Die ökonomischen Bedingungen einer Familie als kleinster Zelle der Gesellschaft haben zudem Auswirkungen auf den Gesundheitszustand ihrer Kinder und Jugendlichen. Das Berliner Robert-Koch-Institut hat in seinem ersten so genannten Kinder- und Jugendgesundheitssurvey festgestellt, dass Armut krank macht. Dieser Zusammenhang sei eigentlich klar gewesen, hieß es. Aber die "Eindeutigkeit der sozialen Unterschiede" habe überrascht. <br>
<br>
Durch die Hartz-IV-Gesetze leben mehr Menschen in Armut als vor deren Einführung. Weil die Einkommen bei Empfängern des früheren Arbeitslosengeldes und der Arbeitslosenhilfe auf Sozialhilfeniveau zusammengestrichen wurden. <br>
<br>
Es ist bestürzend, dass der spiritus rector dieser Zustände, just als er seine Pläne ausbrütete, in schamloser Weise VW-Gelder veruntreut hat. Bestürzend ist aber auch, wie regierungsamtlich Tränen über Gewalt gegen und Armut von Kindern vergossen werden. Und wie im selben Atemzug die nach dem Veruntreuer benannten Gesetze vereidigt werden. Die Tränen, die da vergossen werden, muten wie Krokodilstränen an. </td>
</tr>
<tr>
<td height="19"> </td>
<td></td>
<td align="left"><a href="More" class="link3_11greybold">...More</a></td>
</tr>
<tr align="center" class="Pointed-Line">
<td height="19" colspan="3"><img src="Line_transp.gif" width="205" height="1"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren