[GastForen Archiv Adobe GoLive Hintergrund soll in Tabelle nicht kacheln

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Hintergrund soll in Tabelle nicht kacheln

max
Beiträge gesamt:

20. Jun 2002, 16:51
Beitrag # 1 von 7
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
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>
X

Hintergrund soll in Tabelle nicht kacheln

SabineP
Beiträge gesamt: 7586

20. Jun 2002, 20:57
Beitrag # 2 von 7
Beitrag ID: #5726
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#5710]

Hintergrund soll in Tabelle nicht kacheln

Urs Gamper
  
Beiträge gesamt: 3989

20. Jun 2002, 21:04
Beitrag # 3 von 7
Beitrag ID: #5728
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
oder eine weitere tabelle mit hintergrund in die zelle legen.


als Antwort auf: [#5710]

Hintergrund soll in Tabelle nicht kacheln

max
Beiträge gesamt:

21. Jun 2002, 14:35
Beitrag # 4 von 7
Beitrag ID: #5757
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
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.


als Antwort auf: [#5710]

Hintergrund soll in Tabelle nicht kacheln

SabineP
Beiträge gesamt: 7586

21. Jun 2002, 16:16
Beitrag # 5 von 7
Beitrag ID: #5764
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
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.


als Antwort auf: [#5710]

Hintergrund soll in Tabelle nicht kacheln

max
Beiträge gesamt:

21. Jun 2002, 16:52
Beitrag # 6 von 7
Beitrag ID: #5765
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
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?


als Antwort auf: [#5710]

Hintergrund soll in Tabelle nicht kacheln

SabineP
Beiträge gesamt: 7586

21. Jun 2002, 19:30
Beitrag # 7 von 7
Beitrag ID: #5772
Bewertung:
(1260 mal gelesen)
URL zum Beitrag
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 ]


als Antwort auf: [#5710]
X

Aktuell

Web / SEO / Blockchain / Betriebssystem
unsplash_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/