nicht angemeldet
habt ihr eine idee??
hallo da draussen,
habe hier ein problem bei dem ich nicht mehr weiterkomme, vielleicht hat jemand von euch eine idee??
ich habe einen verlauf, der aüber die gesamte seite geht, darauf ist in der mitte ein bild platziert. was nicht klappt ist, dass sich bei verkleinerung/ vergrösserung des browsers die seite mit margin auto
anpasst. das problem ist der verlauf. wenn ich ihn in den body als hintergund einfüge, brauche ich ein transparentes bild. png stellt der ie nicht dar. wenn ich den verlauf in ein div lege, fülle er aber nicht den ganzen bildschirm. wenn ich den verlauf in den body und in das div lege, sind sie nicht deckungsgleich.
versteht ihr was ich meine?
-
Hello,
CSS ist Dein Freund.
Wenn der Verlauf Orthogonal ausgerichtet ist, benötigst Du nur einen schmalen Streifen, den Du wiederholen lässt. Den kannst Du dann auch noch vermitteln lassen, sodass immer nur der mittlere Ausschnitt aus dem Verlauf gezeigt wird. Je nachdem, wie groß das Fenster dann geuogen wird, werden natürlich Anfangs- und Endfarbe ausfallen.Harzliche Grüße vom Berg
http://www.annerschbarrich.deTom
--
Fortschritt entsteht nur durch die Auseinandersetzung der Kreativen
Nur selber lernen macht schlau
-
hey tom,
danke für deine antwort! ich mache alle mit css, leider bleibt doch das problem mit dem bild, es soll über dem verlauf liegen. also muss ich es transparant machen, das funktioniert aber nicht. ich kann auch das bild mit dem verlauf-hintergrund speichern, aber dann deckt sich der hintergrund verlauf nicht mit dem bild hintergund-verlauf.
mir würde es schon helfen wenn jemand wüsste wie ich ein bild mit transparentem hintergrund ins web bauen kann. gif klappt nicht, png klappt nicht, aber es gibt doch bestimmt einen trick?-
hallo,
gif klappt nicht,
wieso nicht, wegen der 1 bit alpha maske, also den harten kanten, oder handelt es sich um eine bild mit vielen Farben, oder eher ein logo.
gif ist immer meine erste wahl für transparente bilder
Ich kenne eine trick um diesen treppchen effekt zu mindern, wenn ich den ungefähr den farbton des hintergrundes kenne, wenn das dein problem wäre.
hat du die möglichkeit das mal online zu setzen ?
gruß
jo
-
hallo jo,
ich habe es mal online gestellt, vielleicht hast du ja eine idee:
http://www.studio-56.de/test/index.htmleider nicht nur ein logo, sondern ein komplexes bild mit spiegelung.
ich hatte das bild mit diesem hintergrund schon mal als png 8 gespeíchert und dabei den hintergrund auf alpha 30 gesetzt. auch das funktionierte nicht.viele grüsse
anne-
Hi
auch das funktionierte nicht.
Wie äußert sich das? Welcher Browser? Quelltext?
so long
Ole
(8-)>--
Stickstoff eignet sich nicht für Handarbeiten.-
hey ole,
wenn man ein png-24 mit hintergrundtransparenz speichert, stellt der ie die transparenz nicht da, sondern zeigt dann den hintergrund grau an. bei opera und firefox ist es ok. quelltext simple:
</head>
<body bgcolor="#283546">
<!--test-->
<div style="margin:auto; width:1000px; height:760px">
<img src="images/test_24.png" />
</div>
</body>
</html>man kann ja nicht immer in flash arbeiten nur um einen verlauf und browserflexibilität hinzubekommen? bestimmt gibts einen trick.
-
Hi,
das Problem vor dem du stehst, ist die Tatsache, daß der aktuelle Internet Explorer nicht mit Alpha Transparenzen anfangen kann.
Dieses kann man allerdings umgehen indem man die propitären Filter des IE nutzt.
Hier auch noch ein kleiner Artikel zu dem Thema
so long
Ole
(8-)>--
Stickstoff eignet sich nicht für Handarbeiten.-
Hi,
das Problem vor dem du stehst, ist die Tatsache, daß der aktuelle Internet Explorer nicht mit Alpha Transparenzen anfangen kann.
ja , genau.
Dieses kann man allerdings umgehen indem man die propitären Filter des IE nutzt.
wenn ich filter setze können das doch mozilla und opera nicht lesen.
darum war die frage auch, wie ich einen verlauf in eine seite bringe und sie trotzdem bei vergrösserung/ verkleinerung flexibel bleibt.-
Hi
wenn ich filter setze können das doch mozilla und opera nicht lesen.
Opera kann mit Alphatransparenzen umgehen. FF afaik auch.
Außerdem gibt es für z.B. FF und Mozilla -moz-opacity.Für Formatierungen die nur den IE etwas angehen gibt es außerdem Conditional Comments.
so long
Ole
(8-)>--
Stickstoff eignet sich nicht für Handarbeiten.-
Hallo Ole.
Außerdem gibt es für z.B. FF und Mozilla -moz-opacity.
Dies gilt für Gecko 1.7. Ab Gecko 1.8 (welche z. B. im Fx 1.5 enthalten ist) kann man direkt die Eigenschaft opacity nutzen.
Diese versteht im Übrigen auch Opera, wenn auch momentan nur in der Technical Preview 2.
Einen schönen Freitag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
mathbr:del.icio.us/ mathbr:w00t/-
hallo,
ich hab jetzt mal ole´s tipp ausprobiert und den filter chroma gesetzt. der ie zeigt das bild ganz normal an ohne den filter zu verwenden. als test habe ich mal andere filer wie spiegelung und verzerrung gesetzt, die funktionieren. ich versteh es nicht, vielleicht hab ich doch noch was vergessen? seid ihr so lieb und schaut euch mal den quelltext an? here we go:
</head>
<body bgcolor="#283546"><div>
<img src="images/test.png" style="filter:Chroma(color=#678CBF)">
</div></body>
</html>hab es genauso übernommemn wie es hier bei selfhtml dargestellt wurde. also schon mal vielen dank im voraus!
aloha
anne-
Hi
<img src="images/test.png" style="filter:Chroma(color=#678CBF)">
enthält das Bild die von dir angegebene Farbe?
so long
Ole
(8-)>--
Stickstoff eignet sich nicht für Handarbeiten.-
hey ole,
es hat geklappt! wahrscheinlich muss man zwingend ein gif nehmen und kein png.
ein letztes problem bleibt leider noch. das bild wird nicht vollkommen freigestellt. das heisst es werden viele kleine pixel noch wie eine art rand um das bild dargestellt. hab in photoshop nachgeschaut und diese kleinen restpixel haben eine andere farbe als die von mir angebene. wenn es jetzt noch eine möglichkeit gäbe mehrere farben zu filtern wäre alles super. so klappts leider auch nicht:
<div>
<img src="images/test.gif" style="filter:Chroma(color=#678CC0 color=#638CBD)">
</div>sorry dass ich so nerve aber sonst kann ich die seite nicht nach meinem design bauen..
aloha
anne-
Hi,
es hat geklappt! wahrscheinlich muss man zwingend ein gif nehmen und kein png.
nein - muß man nicht. Allerdings reduziert sich bei gif die Farbzahl auf 256 und nur eine hiervon kann *voll*-transparent sein.
das bild wird nicht vollkommen freigestellt. das heisst es werden viele kleine pixel noch wie eine art rand um das bild dargestellt.
wegen dem genannten eingeschränktem Format.
freundliche Grüße
Ingo-
also noch mal euch allen lieben dank! ihr habt mir sehr geholfen!
aloha
anne
-
-
-
-
-
-
Hey ole,
Opera kann mit Alphatransparenzen umgehen. FF afaik auch.
Außerdem gibt es für z.B. FF und Mozilla -moz-opacity.das klingt ja gut. das probiere ich. dann kann ich alles in eine class packen(-moz und filter)oder mache ich zwei klassen (jeweils eine für moz und eine für ie?) und weise dem div die beiden klassen zu?
-
-
-
-
-
-
-
-
-