Problem mit opacity und Bildern

von Jamie Grant Mo 1 Jul 2013 - 18:31

Hallöle! :'D

Ich versuche schon seit einer ganzen Weile meinen Code SO umzuschreiben, dass die Bilder auch komplett angezeigt werden. Leider weiß ich überhaupt nicht wie ich das erklären soll, es hängt aber vermutlich mit der opacity zu tun.

Code:: <center><div style="background: url('http://i1181.photobucket.com/albums/x435/MariahMilkshake/i_background-2_zpsb1d6496f.png~original'); width: 650px;"> <div style="width: 600px; font-family: Breef+Serif; color:#c4214c; font-size: 22px; text-shadow: 1px 1px 1px #505050; letter-spacing: -2px; padding: 12px; text-align: center;">"ZITAT DEINES CHARAKTERS"</div> <div style="width: 600px; background-color: #070707; opacity:0.5; border-left: 1px dashed #88e4fc; border-right: 1px dashed #c4214c; text-align: justify; padding:5px;"><font style="width: 380px; padding: 10px; font-family: Tahoma; font-size: 11px; color: #D6CADD;"> <table width="100%" height="200px"><tr><td width="50%"> <font color="c4214c">• Charakterbeschreibung:</font> <font color="c4214c">• Sozialer Status:</font> <font color="c4214c">• Bekannt für:</font> <font color="c4214c">• Rasse:</font> <font color="c4214c">• Fähigkeiten:</font> </td> <td width="50%"> <table><td><tr><td> <div align="right"><img src="http://i1181.photobucket.com/albums/x435/MariahMilkshake/Forum/avarar_zpsd52797f1.png~original" width="300px"></img></div> </td></tr><tr><td> <font color="c4214c">• Vorname:</font> <font color="c4214c">• Nachname:</font> <font color="c4214c">• Rufname:</font> <font color="c4214c">• Alter/ Jahr:</font> <font color="c4214c">• Geburtstag:</font> <font color="c4214c">• Geburtsort:</font> <font color="c4214c">• Geschlecht:</font> <font color="c4214c">• Neigung:</font> <font color="c4214c">• Blutgruppe:</font> </td></tr></table> </td></tr></table> </font></div> </center>

Ich hoffe jemand kann mir sagen was ich hier falsch gemacht habe >:

Liebe Grüße Jay ♥

von LouiXIV Mo 1 Jul 2013 - 18:57

Ja, dann streich einfach den Wert aus deinem Code raus:

Code:: opacity:0.5;

Dadurch wird nämlich die Halbtransparenz erzeugt.
Ausserdem solltest du die richtigen Bilder-URLs verwenden.
Du hast folgendes eingesetzt:
https://2img.net/h/i1181.photobucket.com/albums/x435/MariahMilkshake/i_background-2_zpsb1d6496f.png~original
und
https://2img.net/h/i1181.photobucket.com/albums/x435/MariahMilkshake/Forum/avarar_zpsd52797f1.png~original

nimm besser

https://2img.net/h/i1181.photobucket.com/albums/x435/MariahMilkshake/i_background-2_zpsb1d6496f.png
und
https://2img.net/h/i1181.photobucket.com/albums/x435/MariahMilkshake/Forum/avarar_zpsd52797f1.png

von Jamie Grant Mo 1 Jul 2013 - 19:14

Wenn ich diese Werte heraus streiche, dann habe ich das Problem, dass die graue, transparente Ebene nicht mehr transparent ist D:

Danke für den Tipp (:

von LouiXIV Mo 1 Jul 2013 - 19:38

Verstehe.

Aber dann solltest du besser direkt mit halbtransparenter Grafik arbeiten, dann hast du das Problem nicht.
Wenn du die Grafik nicht selber halbtransparent machen kannst, dann kannst du im Grafikbereich mal nett fragen, ob das jemand für dich macht.

von Jamie Grant Mo 1 Jul 2013 - 22:36

Haha, wieso bin ich nicht selbst auf diese Idee gekommen Very Happy

Also manchmal stehe ich wirklich auf dem Schlauch!

Das schaffe ich natürlich allein ;D Vielen Dank für deine Hilfe!

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Problem mit opacity und Bildern

Problem mit opacity und Bildern

Re: Problem mit opacity und Bildern

Re: Problem mit opacity und Bildern

Re: Problem mit opacity und Bildern

Re: Problem mit opacity und Bildern