Hilfe zu Opacity

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Antworten
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Kontaktdaten von Currynator

Hilfe zu Opacity

Beitrag von Currynator »

Hi,
hoffentlich kann mir jemand helfen!!
Ich möchte das weiße in der Tabelle(http://currynator.npage.de/index.html) durchsichtig haben. Also das ich den Hintergrund sehe aber noch das weiße.
Den Code hab ich auch schon leider weiss ich nicht wie ich es einfügen soll?!?
Hier sind die Codes:

Das steht bei mir im Header

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Meine Homepage</title>
<meta name="author" content="Dana">
<meta name="editor" content="html-editor phase 5">

<style type="text/css">
<!--
td {font-size: 12px; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif;
    color: black; background-image:url(http://www.eco-power.ch/catalog/images/weisses%20Bild.jpg); background-position:center;}
 body {
    font-size: 12px; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif;
    color: black;background-image:url(http://fc05.deviantart.net/fs41/f/2009/009/d/e/Orange_Wallpaper_by_Ash_Marie.jpg);background-attachment:fixed;background-color: #fffeed;background-position:center;
  }
  h1 {font-size:20px;font-family:Times New Roman;color:#000000;text-align:center;}
#inbox {font-size:12px;font-weight:normal;font-family:verdana;color:#000000;padding: 10px}
a:link {font-family:verdana;color:#844d18;font-size:12px;text-decoration:none}
a:visited {font-family:verdana;color:#844d18;font-size12px;text-decoration:none}
a:active {font-family:verdana;color:#844d18;font-size:12px;text-decoration:none}
a:hover {font-family:verdana;color:#600000;font-size:12px;text-decoration:underline}
-->
</style>
</head>

<body >

 <table border="0" style="border:solid 1px #000000" cellpadding="0" cellspacing="0" width="1400" align="center">
 <tr>
 <td>
 <table border="0" style="border-bottom:solid 1px #000000" cellpadding="0" cellspacing="0" width="1400" align="center">
 <tr>
 <td style="background-image:url(http://static1.pookatoo.com/data1/d/6/a/d6a2d60bdf4c93fc987e1e090b0c9092c7dba47b299f2427b98c723573ce69600130ca00.gif);background-repeat:no-repeat;height:100px">

  <center><font size="4" face="Lucida Handwriting" color="#000000"> </font></center>
 </td>
 </tr>
 </table>
<table border="0" style="border-bottom:solid 1px #000000;padding:3px;text-align:center" cellpadding="0" cellspacing="0" width="100%" align="center">

 <tr>
 <td >
<a href="http://currynator.npage.de/wllkommen_35347587.html">+Willkommen</a>
<a href="http://currynator.npage.de/browsergames_61081126.html">+Browsergames</a>
<a href="http://currynator.npage.de/meine_musik_82638349.html">+Meine Musik</a>
<a href="http://currynator.npage.de/eure_meinung_44217717.html">+Eure Meinung</a>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="1400" align="center">
 <tr>
 <td height="800px" valign="top" id="inbox">
Das im Footer

Code: Alles auswählen

</td>
</tr>
</table>
  </td>
  </tr>
</table>

</td>
</tr>
</table>

</body>
</html>
So jetzt möchte ich den Code:

Code: Alles auswählen

<html>
<head>
<title>Transparente Bilder</title>
</head>
<body>
<div style="position:absolute;top:100px;left:350px;">
<img src="bild.gif" width="200" height="162" 
style="filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;">
</div>
</body>
</html>
in meinen Design eingefügt haben!!! Kann dies mir bitte jemand machen?

Mfg--Currynator
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Nach oben
Benutzeravatar
Pixer
Webmaster
Webmaster
Beiträge: 132
Registriert: Di 8. Jun 2010, 20:42
Mein Vorname: Daniel
Kontaktdaten:
Kontaktdaten von Pixer

Re: Hilfe zu Opacity

Beitrag von Pixer »

Weißen Hintergrund Pixeln, Transparent Stellen, und dann anstatt der Backround Farbe, das Bild einbinden.
[center]Der Tod hinterlässt Küsse, mit Narben.[/center]
Nach oben
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Kontaktdaten von Currynator

Re: Hilfe zu Opacity

Beitrag von Currynator »

Aha, ich hab aber als Tabellenhintergrund nen Weiße Bilde genommen.

Code: Alles auswählen

td {font-size: 12px; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif;
    color: black; background-image:url(http://www.eco-power.ch/catalog/images/weisses%20Bild.jpg); background-position:center;}
.
Dies möchte ich aber durchsichtig haben!!! Ich hab schon alles versucht.
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Nach oben
Benutzeravatar
Pixer
Webmaster
Webmaster
Beiträge: 132
Registriert: Di 8. Jun 2010, 20:42
Mein Vorname: Daniel
Kontaktdaten:
Kontaktdaten von Pixer

Re: Hilfe zu Opacity

Beitrag von Pixer »

Ist .jpg, deswegen kann es auch nicht Transparent sein ;)
[center]Der Tod hinterlässt Küsse, mit Narben.[/center]
Nach oben
Benutzeravatar
stundenbanner
Grosser Webmaster
Grosser Webmaster
Beiträge: 664
Registriert: Sa 21. Nov 2009, 07:08
Mein Vorname: Florian
Wohnort: nähe Hannover
Kontaktdaten:
Kontaktdaten von stundenbanner

Re: Hilfe zu Opacity

Beitrag von stundenbanner »

Habe das Bild mal transparent gemacht:

http://file1.npage.de/004582/40/bilder/ ... _bild2.png


Also diesen Teil:

Code: Alles auswählen

    td {font-size: 12px; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif;
        color: black; background-image:url(http://www.eco-power.ch/catalog/images/weisses%20Bild.jpg); background-position:center;}
Ersetzen mit:

Code: Alles auswählen

    td {font-size: 12px; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif;
        color: black; background-image:url(http://file1.npage.de/004582/40/bilder/weisses_bild2.png); background-position:center;}
LG Stundenbanner
[hilfe-lexikon][/hilfe-lexikon] | [pr-lexikon][/pr-lexikon]
Nach oben
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Kontaktdaten von Currynator

Re: Hilfe zu Opacity

Beitrag von Currynator »

So, hab nen anderes Bild genommen. Da deins nicht angezeigt wurde.(Warum auch immer)
So wie füge ich jetzt den Code

Code: Alles auswählen

    <html>
    <head>
    <title>Transparente Bilder</title>
    </head>
    <body>
    <div style="position:absolute;top:100px;left:350px;">
    <img src="bild.gif" width="200" height="162"
    style="filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;">
    </div>
    </body>
    </html>
in das hier

Code: Alles auswählen

td {font-size: 12px; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif;
color: black; background-image:url(http://www.ferien-altenahr.de/pics/weisser%20hintergrund.png); background-position:center;}
ein???

Das möchte ich gerne haben.

Mfg-Currynator
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Nach oben
Benutzeravatar
stundenbanner
Grosser Webmaster
Grosser Webmaster
Beiträge: 664
Registriert: Sa 21. Nov 2009, 07:08
Mein Vorname: Florian
Wohnort: nähe Hannover
Kontaktdaten:
Kontaktdaten von stundenbanner

Re: Hilfe zu Opacity

Beitrag von stundenbanner »

Ich verstehe das ehrlich gesagt nicht. Im ersten Beitrag steht ein ganz anderer Code als du Heute gepostet hast.

Für ein Hintergrund folgendes im Head Bereich einbinden:

Code: Alles auswählen

<style type="text/css">
#header {
background-image:url(http://freegifs.123gif.de/hintergruende/background-0006.gif);
position:absolute;
width:800px;
height:1000px;
left:50%;
margin-left:-400px;}
 </style>
PS: Mein Bild war transparent deswegen kannst du es nicht sehen.
LG Stundenbanner
[hilfe-lexikon][/hilfe-lexikon] | [pr-lexikon][/pr-lexikon]
Nach oben
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Kontaktdaten von Currynator

Re: Hilfe zu Opacity

Beitrag von Currynator »

Hi,
vielleicht habich es auch falsch erklärt. Ich möchte das weße in der Tabelle so haben wie auf den Bild hier:
Bild.
Ich hoffe jetzt ist es euch klar.
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Nach oben
Benutzeravatar
Currynator
Forengänger
Forengänger
Beiträge: 43
Registriert: Sa 17. Jul 2010, 20:19
Mein Vorname: Florian
Kontaktdaten:
Kontaktdaten von Currynator

Re: Hilfe zu Opacity

Beitrag von Currynator »

Hier ist noch ein Bild:

Bild
[center]Wenn Du im Netz etwas findest, das Dich aufregt, dann ist genau eine
Person schuld daran: Du. Und es gibt genau eine Person, die etwas
daran ändern kann: Du.[/center]
Nach oben
Benutzeravatar
stundenbanner
Grosser Webmaster
Grosser Webmaster
Beiträge: 664
Registriert: Sa 21. Nov 2009, 07:08
Mein Vorname: Florian
Wohnort: nähe Hannover
Kontaktdaten:
Kontaktdaten von stundenbanner

Re: Hilfe zu Opacity

Beitrag von stundenbanner »

Dann mache am besten einen Container.

Das im Head:

Code: Alles auswählen

<style type="text/css">
#header {
position:absolute;
width:800px;
height:200px;
left:50%;
margin-left:-400px;}
background-image:url(Link zur Grafik);
 }
</style>
Das im Body wo der Text mittig sein soll:

Code: Alles auswählen

<div id="header">Dieser Text ist mittig</div>
LG Stundenbanner
[hilfe-lexikon][/hilfe-lexikon] | [pr-lexikon][/pr-lexikon]
Nach oben
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 44 Gäste