Supportnet / Forum / Webseiten/HTML
MS Frontpage Tabelle transparent
Frage
Ich möchte bei meiner Homepage in "Textfeld" den Text hineinschreiben.
Das Problem: Bei FrontPage gibt es die Textfeldfunktion, wie z.B. in Word nicht - nur wenn man ein Rechteckzeichnet und einen Text einfügt. Das wiederum wir von Firefox als Grafik angesehen, sodass man in diesem Bereich nichts anklicken kann...
[b]Jetzt die eigentliche Frage:[/b]
Wie kann ich mit FrontPage eine Tabelle transparent erscheinen lassen, sodass man den Hintergrund noch "durchschimmern" sieht?
Vielen Dank für Antworten
Antwort 1 von rfb
was hat die wirre Vorrede mit der Frage zu tun?
zur Frage
im Stylesheet die Angabe
ergänzen (selbst Frontpage sollte sowas wie ein Stylesheet doch schon kennen, oder?)
zur Frage
im Stylesheet die Angabe
table, tr, th, td { background: transparent; color: inherit; }ergänzen (selbst Frontpage sollte sowas wie ein Stylesheet doch schon kennen, oder?)
Antwort 2 von Strg_Alt_Entf
ich bin leider kein programierprofi...
wie kann ich die angabe ergänzen?
wie kann ich die angabe ergänzen?
Antwort 3 von rfb
HTML wird ja auch nicht programmiert!
FP hat sowas wie eine "Quellcodeansicht"
suche im Anfangsteil einen Bereich wie
(wenn es keinen gibt fügst du ihn in der Zeile vor
In diesem Bereich sollte die Zeile aus Antwort 1 stehen, möglichst am Ende.
FP hat sowas wie eine "Quellcodeansicht"
suche im Anfangsteil einen Bereich wie
<style type="text/css">
<!--
....
//-->
</style>(wenn es keinen gibt fügst du ihn in der Zeile vor
</head>In diesem Bereich sollte die Zeile aus Antwort 1 stehen, möglichst am Ende.
Antwort 4 von Strg_Alt_Entf
Also bei mir sieht das jetzt so aus (ohne Tabelle):
Wenn ich jetzt die Tabelle einfüge und die Hintergrundsfarbe auf weiß stelle, wird der Code von Antwort 1 nicht übernommen - auch wenn ich den Hintergrund der Tabelle nicht ändere.
So sieht es jetzt aus (Tabelle nicht bearbeitet - Code ist weg):
Tut mir Leid, dass ich es nicht alleine hinkriege, aber was mache ich fallsch?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none, default">
<meta name="Microsoft Border" content="l, default">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<table, tr, th, td { background: transparent; color: inherit; }>
</head>
<body stylesrc="home.htm" onload="dynAnimation()" language="Javascript1.2">
<p></p>
</body>
</html>Wenn ich jetzt die Tabelle einfüge und die Hintergrundsfarbe auf weiß stelle, wird der Code von Antwort 1 nicht übernommen - auch wenn ich den Hintergrund der Tabelle nicht ändere.
So sieht es jetzt aus (Tabelle nicht bearbeitet - Code ist weg):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none, default">
<meta name="Microsoft Border" content="l, default">
<table, tr, th, td { background: transparent; color: inherit; }>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>
<body stylesrc="home.htm" onload="dynAnimation()">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber4">
<tr>
<td width="100%"></td>
</tr>
</table>
</body>
</html>Tut mir Leid, dass ich es nicht alleine hinkriege, aber was mache ich fallsch?
Antwort 5 von rfb
Zitat:
was mache ich fallsch
Frontpage ist mE immer ein Fehler, da FP den Code unnötig kompliziert.was mache ich fallsch
Außerdem hast du nicht genau gelesen
<style type="text/css">
<!--
table, tr, th, td { background: transparent; color: inherit; }
//-->
</style>solltest du vor </head> einfügen!
Antwort 6 von Strg_Alt_Entf
tut mir wirklich leid, ich weiß nicht was ich falsch mache.
ich habe alle anweisungen befolgt, und trotzdem funktioniert es nicht. die tabelle wird höchstens etwas "plastisch" (wie bei einem button).
Aber am Hintergrund ändert sich leider nichts.
So sieht der quelltext aus:
Vielen Dank für die Bemühungen.
ich habe alle anweisungen befolgt, und trotzdem funktioniert es nicht. die tabelle wird höchstens etwas "plastisch" (wie bei einem button).
Aber am Hintergrund ändert sich leider nichts.
So sieht der quelltext aus:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<meta name="Microsoft Border" content="l, default">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="file:///C:/Dokumente%20und%20Einstellungen/Engel/Eigene%20Dateien/Eigene%20Webs/Meine%20neue%20Homepage/animate.js">
</script>
<style type="text/css">
<!--
table, tr, th, td { background: transparent; color: inherit; }
//-->
</style>
</head>
<body bgcolor="#008000" onload="dynAnimation()">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber4">
<tr>
<td width="100%"></td>
</tr>
</table>
</body>
</html>Vielen Dank für die Bemühungen.
Antwort 7 von rfb
Zitat:
Aber am Hintergrund ändert sich leider nichts.
also bei mir hat die Tabelle nun einen transparenten Hintergrund, so dass der Hintergrund des body zu sehen ist.Aber am Hintergrund ändert sich leider nichts.
Genau das steht im Code!
Ich weiß nicht was die JavaScript-Funktionen noch machen, die könnten das Layout irgendwie beeinflussen, aber ansonsten wüsste ich nicht, wo da noch ein Problem sein könnte.
Antwort 8 von Strg_Alt_Entf
noch eine kurze frage: was verstehst du unter transparent? das derhintergrund komplett und mit allen farben zu sehen ist oder dass die farben z.B. weiß "abgeschwächt sind?
aber trotzdem vielen dank
aber trotzdem vielen dank
Antwort 9 von rfb
transparent="durchsichtig", keine Abschwächung
Antwort 10 von Strg_Alt_Entf
oh nee...jetzt weiß ich weiß ich was das problem ist. ich habe eigentlich abgeschwächt gemeint....
Antwort 11 von DerWahreDenny
versuche mal anstatt
folgendes:
<style type="text/css">
<!--
table, tr, th, td { background: transparent; color: inherit; }
//-->
</style> folgendes:
<style type="text/css">
<!--
table, tr, th, td { -moz-opacity:0.8; filter:Alpha(opacity=80); }
//-->
</style> Antwort 12 von Strg_Alt_Entf
Es funktioniert!!
Vielen Dank an rfb (sehr viel Gedult!) und DerWahrDenny
Gruß Strg+Alt+Entf
Vielen Dank an rfb (sehr viel Gedult!) und DerWahrDenny
Gruß Strg+Alt+Entf
Antwort 13 von Strg_Alt_Entf
ich hab zum test jetzt mal eine seite veröffentlicht (hintergrundbild und allgemeine formatierung stimmt nicht!)
>zu seite
Das Problem (schon wieder eins) liegt jetzt daran, dass der Text nicht angezeigt wird (nur wenn er markiert ist). Was kann ich machen?
>zu seite
Das Problem (schon wieder eins) liegt jetzt daran, dass der Text nicht angezeigt wird (nur wenn er markiert ist). Was kann ich machen?
Antwort 14 von Strg_Alt_Entf
Frage aus Antwort 13 zurückgezogen
Antwort 15 von rfb
Sch***-Frontpage-Code (und dazu noch der Lycos-Müll am Seitenanfang)
Du hast als Textfarbe #fffffff = weiß angegeben und als Hintergrundfarbe der Seite und der Tabelle #fffffff = weiß
kein Wunder das du nix siehst!
Entferne mal alles was wie bgcolor="#ffffff" aussieht (kommt mehrfach auf der Seite vor)!
Du hast als Textfarbe #fffffff = weiß angegeben und als Hintergrundfarbe der Seite und der Tabelle #fffffff = weiß
kein Wunder das du nix siehst!
Entferne mal alles was wie bgcolor="#ffffff" aussieht (kommt mehrfach auf der Seite vor)!
Antwort 16 von DerWahreDenny
in dem quelltext steht 85 % überflüssiger kram, den du löschen kannst.
wenn man den einen "fehler" findet, taucht garantiert bald der nächste auf.
jedesmal suchen wäre unverhältnismäßig.
wenn man den einen "fehler" findet, taucht garantiert bald der nächste auf.
jedesmal suchen wäre unverhältnismäßig.
Antwort 17 von Strg_Alt_Entf
bei mir ist jetzt halt alles
wer eine lösung weiß schreibe sie hier bitte hinein.
Zitat:
abgeschwächt
transparent. eigentlich sollte so nur der tabellenhintergund und nicht auch noch der text selber, sowie die buttons sein.abgeschwächt
wer eine lösung weiß schreibe sie hier bitte hinein.
Antwort 18 von rfb
da wird es keine Lösung geben, dieser Lösungsvorschlag macht nicht den Element-Hintergrund semi-transparent sondern immer den Elementinhalt selbst.
Evtl. ließe sich noch was mit verschachtelten Elementen machen, wobei den inneren Elementen dann die Semi-Transparenz genommen werden müsste. Aber ernsthafte Erfolgschancen gebe ich dem Ansatz nicht.
Sowohl -moz-opacity als auch filter:Alpha sind kein Standard-CSS, funktionieren daher nicht auf allen Browsern und sind mE noch nicht ganz ausgereift.
Evtl. ließe sich noch was mit verschachtelten Elementen machen, wobei den inneren Elementen dann die Semi-Transparenz genommen werden müsste. Aber ernsthafte Erfolgschancen gebe ich dem Ansatz nicht.
Sowohl -moz-opacity als auch filter:Alpha sind kein Standard-CSS, funktionieren daher nicht auf allen Browsern und sind mE noch nicht ganz ausgereift.
Antwort 19 von Strg_Alt_Entf
schade.
ganz am anfang habe ich mal probiert ein rechteck zu zeichnen , die transparenz auf 50% zu stellen und den text hineinzuschreiben - das hat soweit auf funktioniert.
zu mindest mit dem internet explorer (einwandfrei). bei firefox war das problem "nur", dass dieses feld als grafik angesehen wurde und somit das klicken in diesem bereich unmöglich war.
gibt es einen "code" mit dem man firefox "klar machen" kann, dass es sich um ein textfeld und nicht um eine grafik handelt?
denn dann bestände das problem nicht, dass die ganze seite (50%) transparent ist.
wer noch eine idee hat soll sie doch bitte hier posten.
Dankeschön!
ganz am anfang habe ich mal probiert ein rechteck zu zeichnen , die transparenz auf 50% zu stellen und den text hineinzuschreiben - das hat soweit auf funktioniert.
zu mindest mit dem internet explorer (einwandfrei). bei firefox war das problem "nur", dass dieses feld als grafik angesehen wurde und somit das klicken in diesem bereich unmöglich war.
gibt es einen "code" mit dem man firefox "klar machen" kann, dass es sich um ein textfeld und nicht um eine grafik handelt?
denn dann bestände das problem nicht, dass die ganze seite (50%) transparent ist.
wer noch eine idee hat soll sie doch bitte hier posten.
Dankeschön!
Antwort 20 von rfb
wenn FF davon ausgeht, dass das eine Grafik ist, dann wird das auch eine sein - keine Ahnung was Frontpage so alles als "Textfeld" verkauft. Vielleicht setzt du mal den FP-Textfeld-Code hier rein...
Antwort 21 von Strg_Alt_Entf
sry, war krank und konnte nichts posten.
hier der quellcode
<p><!--[if gte vml 1]><v:rect id="_x0000_s1025"
alt="" style=´position:absolute;left:117.75pt;top:18pt;width:510pt;height:369.75pt;
z-index:1´ stroked="f">
<v:fill opacity=".5"/>
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center"></td>
</tr>
</table>
</v:textbox>
</v:rect><![endif]--><![if !vml]><span style=´mso-ignore:vglayout;position:
absolute;z-index:1;left:157px;top:24px;width:684px;height:497px´><img
width=684 height=497 src="seite1-Dateien/image001.gif" v:shapes="_x0000_s1025"></span><![endif]></p>
hier der quellcode
<p><!--[if gte vml 1]><v:rect id="_x0000_s1025"
alt="" style=´position:absolute;left:117.75pt;top:18pt;width:510pt;height:369.75pt;
z-index:1´ stroked="f">
<v:fill opacity=".5"/>
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center"></td>
</tr>
</table>
</v:textbox>
</v:rect><![endif]--><![if !vml]><span style=´mso-ignore:vglayout;position:
absolute;z-index:1;left:157px;top:24px;width:684px;height:497px´><img
width=684 height=497 src="seite1-Dateien/image001.gif" v:shapes="_x0000_s1025"></span><![endif]></p>
Antwort 22 von rfb
Zitat:
<img
width=684 height=497 src="seite1-Dateien/image001.gif"
na, das sieht doch ganz klar nach Bild aus!<img
width=684 height=497 src="seite1-Dateien/image001.gif"
Dein Quellcode wimmelt nur so von Anweisungen (zB. <v:textbox>), die mit HTML und CSS nix zu tun haben, sondern interne Anweisungen von FP an IE darstellen. Alle anderen Browser ignorieren das einfach.
Antwort 23 von Strg_Alt_Entf
Und es gibt da wiklich keine Möglichkeit, dass nur der Tabellen-Hintergrund (ohne Schrift und andere Objetkte auf der Homepage) 50% transparent sind??
Antwort 24 von rfb
doch, natürlich ist das theoretisch möglich:
du musst nur vor den semitransparenten Bereich einen Bereich mit transparentem Hintergrund legen.
Dies erfordert sehr gute Kenntnisse über das Positionieren in CSS, die kannst du dir hier aneignen: http://www.css4you.de/posproperty.html
Viel Aufwand, aber vielleicht machts dir ja Spaß!
du musst nur vor den semitransparenten Bereich einen Bereich mit transparentem Hintergrund legen.
Dies erfordert sehr gute Kenntnisse über das Positionieren in CSS, die kannst du dir hier aneignen: http://www.css4you.de/posproperty.html
Viel Aufwand, aber vielleicht machts dir ja Spaß!
Antwort 25 von Strg_Alt_Entf
Ich habe gerade eine Website gefunden, bei der das so gemacht wird wie ich mir das vorstelle:
>hier klicken< (http://www.pricker.net/abi_homepage/)
Wie wurde das dort gemacht (man muss es ja nur noch aus dem Quelltext rauslesen - wenn man weiß wie...)?
>hier klicken< (http://www.pricker.net/abi_homepage/)
Wie wurde das dort gemacht (man muss es ja nur noch aus dem Quelltext rauslesen - wenn man weiß wie...)?
Antwort 26 von Strg_Alt_Entf
Zitat:
du musst nur vor den semitransparenten Bereich einen Bereich mit transparentem Hintergrund legen.
du musst nur vor den semitransparenten Bereich einen Bereich mit transparentem Hintergrund legen.
Ich glaub ich habe die Antwort nicht ganz verstanden....
Heiß das, dass das Hintergrundsbild entsprechend bearbeitet werden muss und die Tabelle dann an die richtige Stelle geschoben werden muss?
Gruß + thx
Antwort 27 von rfb
stelle dir 2 Fensterscheiben vor, einmal Milchglas, einmal normales Fensterglas. Auf das Fensterglas malst du was drauf.
Nun stehen sie schön nebeneinander.
Dann positionierst du die 2te Scheibe vor der ersten.
Kommt das deinem gewünschten Effekt nahe?
Wie du irgendwas positionierst steht im o.g. Link. Wie du Hintergründe ganz und anderes semitransparent machst müsste auch hier irgendwo stehen.
Ich müsste jetzt den ganzen Thread noch mal lesen, um zu wissen, was du mit "die Tabelle" meinst.
Nun stehen sie schön nebeneinander.
Dann positionierst du die 2te Scheibe vor der ersten.
Kommt das deinem gewünschten Effekt nahe?
Wie du irgendwas positionierst steht im o.g. Link. Wie du Hintergründe ganz und anderes semitransparent machst müsste auch hier irgendwo stehen.
Ich müsste jetzt den ganzen Thread noch mal lesen, um zu wissen, was du mit "die Tabelle" meinst.
Antwort 28 von Strg_Alt_Entf
tut mir leid, kann den tip im moment nicht testen
(hatte systemcrash und musste festplatte formatieren. Jetzt muss ich erstmal die alten dateien wieder aufspielen und die software installieren. dann hab ich wieder zeit für homepage)
(hatte systemcrash und musste festplatte formatieren. Jetzt muss ich erstmal die alten dateien wieder aufspielen und die software installieren. dann hab ich wieder zeit für homepage)