hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
max
Beiträge: 111
20. Jun 2002, 16:51
Beitrag #1 von 7
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


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>
Top
 
X
SabineP  M 
Beiträge: 7586
20. Jun 2002, 20:57
Beitrag #2 von 7
Beitrag ID: #5726
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


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
als Antwort auf: [#5710] Top
 
Urs Gamper  A  p
Beiträge: 3659
20. Jun 2002, 21:04
Beitrag #3 von 7
Beitrag ID: #5728
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


oder eine weitere tabelle mit hintergrund in die zelle legen.
als Antwort auf: [#5710] Top
 
max
Beiträge: 111
21. Jun 2002, 14:35
Beitrag #4 von 7
Beitrag ID: #5757
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


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.
als Antwort auf: [#5710] Top
 
SabineP  M 
Beiträge: 7586
21. Jun 2002, 16:16
Beitrag #5 von 7
Beitrag ID: #5764
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


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.
als Antwort auf: [#5710] Top
 
max
Beiträge: 111
21. Jun 2002, 16:52
Beitrag #6 von 7
Beitrag ID: #5765
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


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?
als Antwort auf: [#5710] Top
 
SabineP  M 
Beiträge: 7586
21. Jun 2002, 19:30
Beitrag #7 von 7
Beitrag ID: #5772
Bewertung:
(826 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hintergrund soll in Tabelle nicht kacheln


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 ]
als Antwort auf: [#5710] Top
 
X