transparentes gif nicht transparent?!

Jan Stöver · #2 22.03.2006, 08:33

Ohne optische Eindrücke, Zugriff auf die Bilder und evtl. auch den Quelltext kann man da schlecht etwas machen. Vielleicht sind die Bilder ja transparent gespeichert aber der Bereich hat im (x)html Code eine Hintergrundfarbe, oder vielleicht ... oder, oder ... oder.

Ein paar mehr Informationen bzw. gleich ein paar visuelle Eindrücke könnten wirklich weiter helfen.

Muffin · #3 22.03.2006, 08:54

Ich kann leider keine optischen Eindrücke liefern, da das eine Kundensite ist und der Kunde das nicht möchte...

Ich habe die Bilder in Photoshop als transparentes gif gespeichert und wie gesagt, es handelt sich dabei nur um eine grüne Rahmenlinie mit Schatten. Der Schatten (das gif) ist als Hintergrundbild eingebunden und kachelt sich von oben nach unten in einem ganz normalen HTML Dokument.

<td height="420" colspan=2 rowspan=3 valign="top" background="../Bilder/schatten.gif" style="background-repeat:repeat-y"> </td>

Der Hintergrund der ganzen Seite ist ein Verlauf von blau nach weiß nach blau.

Was genau musst du denn noch wissen?? Ich kann leider keine Bilder oder so etwas verlinken

DANKE

Björn · #4 22.03.2006, 09:32

dann lad das bild woanders hoch oder hau es hier als Attachment rein..

Muffin · #5 22.03.2006, 11:11

So, ich hab jetzt hier mal die PSD und das gif angehängt!

Muss ich einfach das letzte grau abschneiden? versteh nix

Danke! Ich glaub heute steh ich echt total auf der Leitung

Fabio · #6 22.03.2006, 16:14

so wie es sich für mich anhört liegt es einfach nur daran das das gif format keine halb transperenz kennt also endweder ganz oder garnicht ...

p.s. nicht beschweren wenn ich da was falsch verstanden habe

amroth · #7 22.03.2006, 16:46

So sehe ich das auch. Du kannst eine Farbe transparent schalten, aber keinen ganzen Verlauf mit dem Hintergrund kombinieren.

Fabio · #8 23.03.2006, 07:14

mir ist da ne lösung eingefallen wenn du den schatten nur als balken unten und rechts brauchst ....
das bekommst du nämlich mit css auch hin diese transperenz

mit
filter:alpha(opacity=100);
-moz-opacity:1.00;
sollte es gehen

Muffin · #9 23.03.2006, 13:39

Hi Fabio,
danke für die Hilfe!

Leider kenne ich mich mit CSS nicht so genau aus, nur was Texte usw. angeht, aber nicht wo ich das jetzt wie genau hinschreiben muss.
Ich hab immer nen eigenes css pro Kunde, wo halt alle texte und teilweise natürlich auch Hintergrundbilder oder so, aber mit dem filter das kenn ich nicht, kannst du mir da vielleicht noch mal helfen?! DANKE

amroth · #10 23.03.2006, 19:44

Hoi, wollte dir nur sagen das der Befehl zwar an sich genial ist, leider Ihn aber nicht viele Browser unterstützen.

http://www.css4you.de/moz-opacity.html

Grüße.

Fabio · #11 23.03.2006, 20:57

jedenfalls geht es dann in mozilla und ie opera weis ich nicht genau aber das sollte doch reichen ...
natürlich kann moz-opacity nur von mozilla dargestellt werden deswegen heißt es ja auch so

Muffin · #12 24.03.2006, 08:03

Hallo??

Wie muss ich dass denn jetzt eingeben?

UND ich hab noch eine Frage! Ich habe auch Buttons und andere Logos die ich dementsprechend eigentlich Transparent abspeichern muss, wie soll ich dass dann da machen? Da gehts ja nicht um den Schatten....

DANKE

Fabio · #13 24.03.2006, 11:19

http://www.css4you.de/trickkiste/tr00018.html

das sollte alles erklären

ich werd naher mal was bastel hab nur immo wenig zeit ...

Muffin · #14 05.04.2006, 10:22

Hallo Fabio,

es tut mir echt Leid, aber ich check das irgendwie nicht...

Könntest du mir viell. doch noch versuchen zu helfen?

Vielen lieben Dank

Muffin

Fabio · #15 06.04.2006, 19:20

eigentlich ist ganz einfach probiers einfach mal mit dem aus:

HTML-Code:

<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;">
</div>
</body>
</html>

einfach ne test html erstellen und anschaun

natürlich noch das bild ersetzten ...

ansonsten nimmst du einfach das bild das halbtranzparent werden soll und fügst ein den css code des bildes einfach

filter:alpha(opacity=50);
-moz-opacity: 0.50;

ein dann ist es halbtransparent
der rest erklärt sich eigentlich von selber einfach eine andere zahl für den grad der transparents eingeben und fertig ...

bei
filter:alpha(opacity=x);

x= 100 - 0

bei
-moz-opacity: x;
x= 1.00 - 0.00

ich hoffe mal das hat alles erklärt

für einen verlauf ins transparente musst du einfach nur mehrere divs definieren die nebeneinander sind und immer weniger deckkraft haben ...

Muffin · #16 07.04.2006, 10:05

Danke Fabio,

jetzt hats auch endlich bei mir KLICK gemacht :-)

Ein schönes Wochenende

Viele Grüße
Muffin

Tobias Schäfer · #17 07.04.2006, 13:20

Wie speicherst du die Bilder mit Photoshop? mit der Transparenz gibt es manchmal Probleme wenn du mit "Speichern unter" speicherst, versuch mal "Für Web speichern", vielleicht löst das ja dein Problem.