HomepageHelfer.org

Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/

Hilfe zu Opacity

https://homepagehelfer.org:443/viewtopic.php?t=1137

Seite 1 von 2

Hilfe zu Opacity

Verfasst: Sa 17. Jul 2010, 20:26
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

Re: Hilfe zu Opacity

Verfasst: Sa 17. Jul 2010, 20:37
von Pixer
Weißen Hintergrund Pixeln, Transparent Stellen, und dann anstatt der Backround Farbe, das Bild einbinden.

Re: Hilfe zu Opacity

Verfasst: Sa 17. Jul 2010, 20:41
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.

Re: Hilfe zu Opacity

Verfasst: Sa 17. Jul 2010, 20:53
von Pixer
Ist .jpg, deswegen kann es auch nicht Transparent sein ;)

Re: Hilfe zu Opacity

Verfasst: Sa 17. Jul 2010, 23:37
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;}

Re: Hilfe zu Opacity

Verfasst: So 18. Jul 2010, 02:57
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

Re: Hilfe zu Opacity

Verfasst: So 18. Jul 2010, 15:06
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.

Re: Hilfe zu Opacity

Verfasst: So 18. Jul 2010, 16:32
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.

Re: Hilfe zu Opacity

Verfasst: So 18. Jul 2010, 16:48
von Currynator
Hier ist noch ein Bild:

Bild

Re: Hilfe zu Opacity

Verfasst: So 18. Jul 2010, 16:49
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>
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de