Boardunity & Video Forum

Boardunity & Video Forum (https://boardunity.de/)
-   Programmierung und Datenbanken (https://boardunity.de/programmierung-datenbanken-f23.html)
-   -   transparentes gif nicht transparent?! (https://boardunity.de/transparentes-gif-transparent-t4064.html)

Muffin 22.03.2006 09:05

transparentes gif nicht transparent?!
 
Hallo,

ich habe ein Problem, warhscheinlich steh ich grad echt aufm Drücker, aber ich glaub ich kann einfach nicht mehr klar denken....

Mein Hintergrund für eine Page ist ein Verlauf (blau weiß blau), der sich von oben nach unten kachelt, soweit natürlich nicht schwer.
Dann liegen Textfelder auf diesem Verlauf, natürlich mit Schatten. Den Schatten würd ich auch gern kacheln lassen, was bisher eigentlich auch kein Problem war, nur leider kann ich das irgendwie nicht transparent abspeichern!
Der Verlauf ist als gif gespeichert natürlich mit Transparenz, doch wenn der in den blauen Bereich kommt ist immer ein weißer HG dahinter, dass selbe gilt auch für meine Buttons, die immer an einer kleinen Stelle weiß sind :-(

Kann mir jemand helfen?
DANKE

Jan Stöver 22.03.2006 09: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 22.03.2006 09: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">&nbsp;</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 :mad:

DANKE

Björn 22.03.2006 10:32

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

Muffin 22.03.2006 12:11

Liste der Anhänge anzeigen (Anzahl: 3)
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 22.03.2006 17: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 22.03.2006 17:46

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

Fabio 23.03.2006 08: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 23.03.2006 14: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 23.03.2006 20: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 23.03.2006 21: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 24.03.2006 09: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 24.03.2006 12: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 05.04.2006 11:22

Hallo Fabio,

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

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

Vielen lieben Dank

Muffin

Fabio 06.04.2006 20: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 07.04.2006 11:05

Danke Fabio,

jetzt hats auch endlich bei mir KLICK gemacht :-)

Ein schönes Wochenende

Viele Grüße
Muffin

Tobias Schäfer 07.04.2006 14: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.


Alle Zeitangaben in WEZ +1. Es ist jetzt 20:18 Uhr.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25