Hi liebe MacUser *g*
steh grad vor einem sehr interessanten Problem.
Habe mit HTML, ein wenig JS (umstaendlicher gehts wahrscheinlich nicht mehr)und ein wenig css an einer Seite gebastelt.
Problem: Ich habe eine aufklappbare Textbox, realisiert ueber javascript, indem der entsprechende Texteil sichtbar gemacht wird. funktioniert auch soweit.. aber sobald ich die Textbox zu und wieder aufklappe, wandert der Tabellen Inhalt in die naechste Spalte und immer eine Spalte weiter mit jedem aufklappen. An einer anderen Stelle steht der Text in der 2ten Spalte der Tabelle und es gibt keine Probleme.
Habe versucht eine Tablle einzubetten, bringt aber nichts dann wandert die gesammte Tabelle eine Spalte weiter.
Ach ja auf PC mit IE funktioniert alles wunderbar. Hatte jemand mal ein aehnliches Problem?
Hier das Codefragment + Js (nicht lachen, bin designer kein programmierer *gg*)
den Rest des Cods hab ich mal gecuttet, da es hier den Rahmen der verfuegbaren Zeichen gesprengt haette.. Ja es sind alles tags etc geschlosse.. *gg*
Schon mal danke fuers Gruebel)
steh grad vor einem sehr interessanten Problem.
Habe mit HTML, ein wenig JS (umstaendlicher gehts wahrscheinlich nicht mehr)und ein wenig css an einer Seite gebastelt.
Problem: Ich habe eine aufklappbare Textbox, realisiert ueber javascript, indem der entsprechende Texteil sichtbar gemacht wird. funktioniert auch soweit.. aber sobald ich die Textbox zu und wieder aufklappe, wandert der Tabellen Inhalt in die naechste Spalte und immer eine Spalte weiter mit jedem aufklappen. An einer anderen Stelle steht der Text in der 2ten Spalte der Tabelle und es gibt keine Probleme.
Habe versucht eine Tablle einzubetten, bringt aber nichts dann wandert die gesammte Tabelle eine Spalte weiter.
Ach ja auf PC mit IE funktioniert alles wunderbar. Hatte jemand mal ein aehnliches Problem?
Hier das Codefragment + Js (nicht lachen, bin designer kein programmierer *gg*)
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Aboriginal Alice demo</title>
<link href="text.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/JavaScript" language="JavaScript1.2">
<!--
var teaser1 = false;
var teaser2 = false;
var teaser3 = false;
var text1 = false;
var text2 = false;
var text3 = false;
function hidden()
{
if (teaser1)
{
document.getElementById('ghost').style.display = 'none';
teaser1 = false;
}
else
{
document.getElementById('ghost').style.display = 'block';
teaser1 = true;
}
}
function hide()
{
if (teaser2)
{
document.getElementById('box').style.display = 'none';
teaser2 = false;
}
else
{
document.getElementById('box').style.display = 'block';
teaser2 = true;
}
}
function hidden2()
{
if (teaser3)
{
document.getElementById('ghost2').style.display = 'none';
teaser3 = false;
}
else
{
document.getElementById('ghost2').style.display = 'block';
teaser3 = true;
}
}
function hidden3()
{
if (text1)
{
document.getElementById('ghost3').style.display = 'none';
text1 = false;
}
else
{
document.getElementById('ghost3').style.display = 'block';
text1 = true;
}
}
function hidden4()
{
if (text2)
{
document.getElementById('ghost4').style.display = 'none';
text2 = false;
}
else
{
document.getElementById('ghost4').style.display = 'block';
text2 = true;
}
}
function hidden5()
{
if (text3)
{
document.getElementById('ghost5').style.display = 'none';
text3 = false;
}
else
{
document.getElementById('ghost5').style.display = 'block';
text3 = true;
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<table width="980" bgcolor="#532721" align="left" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" height="20"> </td>
</tr>
<tr>
<td colspan="2" height="336"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="336" title="aboriginal alice flash navigation">
<param name="movie" value="flash navi/alice_navi.swf" />
<param name="quality" value="high" />
<embed src="flash navi/alice_navi.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="336"></embed>
</object></td>
</tr>
<tr>
<td colspan="2" height="60"><img src="" alt="titel" width="268" height="52" /></td>
</tr>
<tr>
<td width="280" valign="top">
<table width="280" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="280" align="center"><img src='pics/alice_mediabox.jpg' alt="mediabox"/>
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td align="center">
<table width="270" cellpadding="0" cellspacing="0">
<tr>
<td background="pics/teaser/teaser_back_1.png">
<img src="pics/teaser/teaser_art1.png" /></td>
</tr>
<tr>
<td style="display : none" id="ghost" background="pics/teaser/teaser_back2.png"
name="box">
<img src="pics/teaser/teaser_art2.png" /></td>
</tr>
<tr>
<td background="pics/teaser/teaser_back3.png" align="right">
<a href="#box1" onClick="hidden()"><img src="pics/arrow_up.png" /></a></td>
</tr>
</table>
</td>
</tr>
<tr height="20">
<td align="center"> <table width="270" cellpadding="0" cellspacing="0">
<tr>
<td background="pics/teaser/teaser_back_1.png">
<img src="pics/teaser/teaser_didge1.png" /></td>
</tr>
<tr>
<td style="display : none" id="box" background="pics/teaser/teaser_back2.png"
name=box2>
<img src="pics/teaser/teaser_didge2.png" /></td>
</tr>
<tr>
<td background="pics/teaser/teaser_back3.png" align="right">
<a href="#box2" onClick="hide()"><img src="pics/arrow_up.png" /></a>
</td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"> <table width="270" cellpadding="0" cellspacing="0">
<tr>
<td background="pics/teaser/teaser_back_1.png">
<img src="pics/teaser/teaser_dream1.png" /></td>
</tr>
<tr>
<td style="display : none" id="ghost2" background="pics/teaser/teaser_back2.png"
name="box3"><img src="pics/teaser/teaser_dream2.png" />
</td>
</tr>
<tr>
<td background="pics/teaser/teaser_back3.png" align="right">
<a href="#box3" onClick="hidden2()"><img src="pics/arrow_up.png" /></a></td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="center"> </td>
</tr>
</table>
</td>
<td width="700" valign="top">
<table width="700" border="0" valign="top">
<tr>
<td width="480">
<table width="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="pics/text_line.png" alt="text-line" width="480" height="10" /></td>
</tr>
<tr >
<td width="340" valign="top">
<p class="headline">HISTORY OF OUR SOUTHERN ARRERNTE
FAMILY <br />/ COMMUNITY GROUP </p>
<p align="justify" class="content_text" >text regulaer bleibt stehen </p> </td>
<td width="140" align="right" valign="top">
<p><img src="pics/alice_pic_text1.jpg" alt="pic_text1" /></p> </td>
</tr>
<tr>
<td style="display : none" id="ghost3" name="t1">
<p align="justify" class="content_text" >The Arrernte speaking people were
those who occupied most of the choice regions in the Mac Donnell Ranges. Their
territory stretched about 110 kilometres to both West and East and was about
330 kilometres in extent from North an ernte were divided into six sub groups,
each with its particular territory. These sub-groups were further divided into
small family or kin groups, all bound by the very rigid system of authority
governed by intermarriage and movements over another group Estate .
Their territory stretched about 110 kilometres to both West and East and was
about 330 kilometres in extent from North an ernte were divided into six sub
groups, each with its particular territory. These sub-groups were further
divided into small family or kin groups, all bound by the very rigid system of
authority governed by intermarriage and movements over another group Estate .
</p></td>
</tr>
<tr>
<td align="right">
<a href="#t1" onClick="hidden3()"><img src="pics/arrow_down.png" width="25" height="19" /></a> </td>
<td> </td>
</tr>
</table>
Schon mal danke fuers Gruebel)