Forenindex » Archiv » Adobe GoLive » Hintergrund soll in Tabelle nicht kacheln

Hintergrund soll in Tabelle nicht kacheln

max
Beiträge gesamt:

20. Jun 2002, 16:51
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
Hallo,
ich habe eine Tabelle mit 3 Spalten und in der mittleren Spalte ein HG-Bild. Dieses sollte nicht kacheln. Mit einem Versuch im head - Bereich ein "no repeat" einzufügen bin ich gescheitert. Wie macht man das denn in einer Tabelle?
Hier der Code der Seite:
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Willkommen bei Adobe GoLive 5</title>
</head>

<body bgcolor="#ffffff" leftmargin="1" marginwidth="1" topmargin="1" marginheight="1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="50%"></td>
<td width="778">
<table border="0" cellpadding="1" cellspacing="1" width="100%" bgcolor="#ff6600">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="white">
<tr>
<td width="778" background="testbild.jpg">
<table cool width="773" height="1000" usegridx usegridy showgridx showgridy gridx="16" gridy="16" border="0" cellpadding="0" cellspacing="0">
<tr height="999">
<td width="772" height="999"></td>
<td width="1" height="999"><spacer type="block" width="1" height="999"></td>
</tr>
<tr height="1" cntrlrow>
<td width="772" height="1"><spacer type="block" width="772" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="50%"></td>
</tr>
</table>
<p></p>
</body>

</html>

Hintergrund soll in Tabelle nicht kacheln

SabineP
Beiträge gesamt: 7586

20. Jun 2002, 20:57
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
Max, Hintergrundbilder in Zellen und Reihen von Tabellen werden immer gekachelt. Das läßt sich nicht ändern. Du mußt Dir etwas anderes einfallen lassen. Entweder das Bild in die Zelle stecken oder das Hintergrundbild so groß wie Deine Zelle anlegen.
Grüße von Sabine

Hintergrund soll in Tabelle nicht kacheln

Urs Gamper
  
Beiträge gesamt: 4027

20. Jun 2002, 21:04
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
oder eine weitere tabelle mit hintergrund in die zelle legen.

Hintergrund soll in Tabelle nicht kacheln

max
Beiträge gesamt:

21. Jun 2002, 14:35
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
danke soweit, dann habe ich dazu aber noch eine anschließende Frage:
wenn ich in die mittlere Spalte der Tabelle ein Layout-Raster lege, dann ergibt sich für meine Seite folgender Code:

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Willkommen bei Adobe GoLive 5</title>
<csactions>
<csaction name="B52A08601" class="ShowHide" type="onevent" val0="hometext" val1="0">
<csaction name="B52A0A603" class="ShowHide" type="onevent" val0="leistungentext" val1="1">
<csaction name="B52A0B605" class="ShowHide" type="onevent" val0="leistungentext" val1="0">
<csaction name="B52A0C607" class="ShowHide" type="onevent" val0="hometext" val1="1">
<csaction name="B52A0D609" class="ShowHide" type="onevent" val0="realisationtext" val1="1">
<csaction name="B52A0E611" class="ShowHide" type="onevent" val0="hometext" val1="0">
<csaction name="B52A0F613" class="ShowHide" type="onevent" val0="realisationtext" val1="0">
<csaction name="B52A10615" class="ShowHide" type="onevent" val0="hometext" val1="1">
<csaction name="B52A11617" class="ShowHide" type="onevent" val0="hometext" val1="0">
<csaction name="B52A12619" class="ShowHide" type="onevent" val0="loesungentext" val1="1">
<csaction name="B52A13621" class="ShowHide" type="onevent" val0="loesungentext" val1="0">
<csaction name="B52A14623" class="ShowHide" type="onevent" val0="hometext" val1="1">
</csactions>
<style media="screen" type="text/css"><!--
#hometext { position: absolute; top: 57px; left: 650px; width: 231px; height: 267px; visibility: visible }
#leistungentext { position: absolute; top: 30px; left: 650px; width: 254px; height: 325px; visibility: hidden }
#realisationtext { position: absolute; top: 30px; left: 650px; width: 232px; height: 308px; visibility: hidden }
#loesungentext { position: absolute; top: 30px; left: 650px; width: 256px; height: 336px; visibility: hidden }
--></style>
<csscriptdict>
<script><!--
CSStopExecution = false;
function CSAction(array) {
return CSAction2(CSAct, array);
}
function CSAction2(fct, array) {
var result;
for (var i=0;i<array.length;i++) {
if(CSStopExecution) return false;
var actArray = fct[array[i]];
if(actArray == null) return false;
var tempArray = new Array;
for(var j=1;j<actArray.length;j++) {
if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) {
if(actArray[j][0] == "VAR") {
tempArray[j] = CSStateArray[actArray[j][1]];
}
else {
if(actArray[j][0] == "ACT") {
tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
}
else
tempArray[j] = actArray[j];
}
}
else
tempArray[j] = actArray[j];
}
result = actArray[0](tempArray);
}
return result;
}
CSAct = new Object;

CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { return CSFindElement(s,0); }
function CSFindElement(n,ly) { if (CSBVers < 4) return document[n];
var curDoc = ly ? ly.document : document; var elem = curDoc[n];
if (!elem) { for (var i=0;i<curDoc.layers.length;i++) {
elem = CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }}
return elem;
}

function CSSetStyleVis(s,v) { if (IsIE()) CSIEStyl(s).visibility = (v == 0) ? "hidden" : "visible";
else CSNSStyl(s).visibility = (v == 0) ? 'hide' : 'show'; }
function CSGetStyleVis(s) { if (IsIE()) return (CSIEStyl(s).visibility == "hidden") ? 0 : 1;
else return (CSNSStyl(s).visibility == 'hide') ? 0 : 1;}

function CSShowHide(action) {
if (action[1] == '') return;
var type=action[2];
if(type==0) CSSetStyleVis(action[1],0);
else if(type==1) CSSetStyleVis(action[1],1);
else if(type==2) {
if (CSGetStyleVis(action[1]) == 0) CSSetStyleVis(action[1],1);
else CSSetStyleVis(action[1],0);
}
}

// --></script>
</csscriptdict>
<csactiondict>
<script><!--
CSAct[/*CMP*/ 'B52A08601'] = new Array(CSShowHide,/*CMP*/ 'hometext',0);
CSAct[/*CMP*/ 'B52A0A603'] = new Array(CSShowHide,/*CMP*/ 'leistungentext',1);
CSAct[/*CMP*/ 'B52A0B605'] = new Array(CSShowHide,/*CMP*/ 'leistungentext',0);
CSAct[/*CMP*/ 'B52A0C607'] = new Array(CSShowHide,/*CMP*/ 'hometext',1);
CSAct[/*CMP*/ 'B52A0D609'] = new Array(CSShowHide,/*CMP*/ 'realisationtext',1);
CSAct[/*CMP*/ 'B52A0E611'] = new Array(CSShowHide,/*CMP*/ 'hometext',0);
CSAct[/*CMP*/ 'B52A0F613'] = new Array(CSShowHide,/*CMP*/ 'realisationtext',0);
CSAct[/*CMP*/ 'B52A10615'] = new Array(CSShowHide,/*CMP*/ 'hometext',1);
CSAct[/*CMP*/ 'B52A11617'] = new Array(CSShowHide,/*CMP*/ 'hometext',0);
CSAct[/*CMP*/ 'B52A12619'] = new Array(CSShowHide,/*CMP*/ 'loesungentext',1);
CSAct[/*CMP*/ 'B52A13621'] = new Array(CSShowHide,/*CMP*/ 'loesungentext',0);
CSAct[/*CMP*/ 'B52A14623'] = new Array(CSShowHide,/*CMP*/ 'hometext',1);

// --></script>
</csactiondict>
</head>

<body bgcolor="#ffffff" leftmargin="1" marginwidth="1" topmargin="1" marginheight="1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="50%">

</td>
<td width="778" >
<table border="0" cellpadding="1" cellspacing="1" width="100%" bgcolor="#ff6600">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="1" width="100%" bgcolor="white">
<tr>
<td width="778" background="(Empty Reference!)">
<table cool width="776" height="413" showgridx showgridy gridx="16" gridy="16" border="0" cellpadding="0" cellspacing="0">
<tr height="16">
<td width="80" height="412" rowspan="4"></td>
<td width="96" height="208" rowspan="3"></td>
<td width="176" height="80" rowspan="2"></td>
<td width="423" height="16"></td>
<td width="1" height="16"><spacer type="block" width="1" height="16"></td>
</tr>
<tr height="64">
<td width="423" height="192" rowspan="2" valign="top" align="left" xpos="352"><a href="leistungen.html" onmouseover="CSAction(new Array(/*CMP*/'B52A08601',/*CMP*/'B52A0A603'));return true;" csover="B52A08601,B52A0A603" onmouseout="CSAction(new Array(/*CMP*/'B52A0B605',/*CMP*/'B52A0C607'));" csout="B52A0B605,B52A0C607" title="Leistungen" target="body"><img src="leistungenblass2.JPG" width="160" height="85" border="0" alt="Leistungen"></a></td>
<td width="1" height="64"><spacer type="block" width="1" height="64"></td>
</tr>
<tr height="128">
<td width="176" height="128" valign="top" align="left" xpos="176"><a href="realisation.html" onmouseover="CSAction(new Array(/*CMP*/'B52A0D609',/*CMP*/'B52A0E611'));return true;" csover="B52A0D609,B52A0E611" onmouseout="CSAction(new Array(/*CMP*/'B52A0F613',/*CMP*/'B52A10615'));" csout="B52A0F613,B52A10615" title="Realisation" target="body"><img src="realisationrund2.JPG" width="160" height="98" border="0" alt="Umsetzung"></a></td>
<td width="1" height="128"><spacer type="block" width="1" height="128"></td>
</tr>
<tr height="204">
<td width="272" height="204" colspan="2" valign="top" align="left" xpos="80"><a href="leistungen.html" onmouseover="CSAction(new Array(/*CMP*/'B52A11617',/*CMP*/'B52A12619'));return true;" csover="B52A11617,B52A12619" onmouseout="CSAction(new Array(/*CMP*/'B52A13621',/*CMP*/'B52A14623'));" csout="B52A13621,B52A14623" title="L&ouml;sungen" target="body"><img src="loesungenrund2.JPG" width="160" height="83" border="0" alt="L&ouml;sungen"></a></td>
<td width="423" height="204"></td>
<td width="1" height="204"><spacer type="block" width="1" height="204"></td>
</tr>
<tr height="1" cntrlrow>
<td width="80" height="1"><spacer type="block" width="80" height="1"></td>
<td width="96" height="1"><spacer type="block" width="96" height="1"></td>
<td width="176" height="1"><spacer type="block" width="176" height="1"></td>
<td width="423" height="1"><spacer type="block" width="423" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="50%"></td>
</tr>
</table>
<div id="hometext">
<p><font face="Verdana,Lucida Console,Times New Roman" color="#ff6603"><b><nobr>Guten Tag,</nobr></b></font></p>
<p></p>
</div>
<div id="leistungentext">
<div align="left">
<p><font face="Verdana,Lucida Console,Times New Roman" color="#ff6603" size="3"><b><nobr>Leistungen<br>
</nobr></b></font></p>
<p></p>
</div>
</div>
<div id="realisationtext">
<font face="Verdana,Lucida Console,Times New Roman" color="#ff6603"><b>Umsetzung</b></font>
<p></p>
</div>
<div id="loesungentext">
<font face="Verdana,Lucida Console,Times New Roman" color="#ff6603"><b>L&ouml;sungen<br>
</b><br>
</font></div>
<p></p>
</body>

</html>
------------------------
Mein Problem: Im IE sieht die Seite gut aus, ein Rahmen mit den Inhalten. Unter NN wiederholot sich der Hintergrund und die Fläche innerhalb des Rahmens ist ausgefüllt, statt weiß. Was mache ich falsch? Sorry für diese wahrscheinlich blöde Anfängerfrage.

Hintergrund soll in Tabelle nicht kacheln

SabineP
Beiträge gesamt: 7586

21. Jun 2002, 16:16
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
Zitat:
Unter NN wiederholt sich der Hintergrund und die Fläche innerhalb des Rahmens ist ausgefüllt, statt weiß.
Das verstehe ich jetzt nicht: Soll die Fläche innerhalb des orangefarbenen Rahmens ein Bild anzeigen oder soll die Fläche weiß sein? Wenn innerhalb des Rahmens ein Bild sein soll, dann plaziere doch das Bild direkt in die mittlere Tabelle.

Hintergrund soll in Tabelle nicht kacheln

max
Beiträge gesamt:

21. Jun 2002, 16:52
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
in der mittleren Spalte soll ein Hintergrundbild sein. Ich habe das auch dort eingefügt und zusätzlich in die mittlere Spalte ein Layoutraster gelegt um so leichter weitere Elemente platzieren zu können als die mit einer ausschließlichen Tabellenkonstruktion möglich ist. Mit IE klappt hervorragend, unter NN schieben sich kleine orangefarbene Kästchen auf meinen Hintergrund. Ich vermute, daß ein zusammenspiel von Tabelle und Layoutraster Probleme bereitet? Oder gibt es da ne Lösung?

Hintergrund soll in Tabelle nicht kacheln

SabineP
Beiträge gesamt: 7586

21. Jun 2002, 19:30
Bewertung:

gelesen: 1443

Beitrag als Lesezeichen
Wenn Du drei Tabellen ineinander verschachtelst und dabei 2 verschiedene Hintergründe (1.Bild, 2. Orangefarbener Rahmen) anzeigen willst, geht das leider nicht. Layoutraster sind auch Tabellen und beseitigen das Problem nicht.

Hier eine Lösung mit 2 Tabellen:
Die erste Tabelle bekommt einen orangefarbenen Rahmen (border) und das Hintergrundbild, die zweite Tabelle erhält einen "leeren" Hintergrund, damit das Bild in den Zellen der zweiten Tabelle nicht wiederholt wird.

<table border="2" cellspacing="0" cellpadding="0" bordercolor="#ff6600">
<tr><td background="hintergrundbild.jpg">
<table border="0" cellspacing="0" cellpadding="0" background="">
<tr><td></td></tr></table></td></tr></table>

Du kannst natürlich noch versuchen dem Bild mit Hilfe von CSS einen orangefarbenen Rahmen zu geben. Das habe ich jetzt noch nicht ausprobiert. Grüße von Sabine


[ Diese Nachricht wurde geändert von: SabineP am 2002-06-21 19:34 ]