You are not logged in.

Controlpanel

Statistic

  • Members: 13113
  • Threads: 18186
  • Postings: 119693 (ø 46.07/day)
  • Greetings to our newest member: mislonly

w2d Premium-Support

Die Experten für web to date / shop to date

Facebook

  • "Bollmann-Weiss" started this thread

Posts: 36

Location: Berlin

Occupation: Tauchlehrer, Admin

  • Send private message

1

Friday, February 10th 2012, 6:04pm

[ERLEDIGT] Logo Hintergrund heller als Hintergrundfarbe

Hallo,

ich bearbeite gerade eine Seite www.streamliner.de/PASTIS bei der ich ein Logo als Grafik einbinde. Das Logo und die Schrift wurden mit Photoshop erstellt und eine Ebene ist die Hintergrundfarbe #680014. Nun in w2d eingebunden und nun sehe ich eine helleren Hintergrundstreifen. Was mache ich falsch? Im Firefox, IE und Safari sieht man den Streifen.

Schonmal Vielen Dank für eure Hilfe
Ronald

This post has been edited 2 times, last edit by "Bollmann-Weiss" (Feb 11th 2012, 5:55pm)


Posts: 5,057

web/shop to date Version: 5-8.0

  • Send private message

2

Friday, February 10th 2012, 6:28pm

Ich sehe aber diesen Farbwert für Dein Bildchen:
#790000

3

Friday, February 10th 2012, 6:29pm

Hi,

Quoted

Im Firefox, IE und Safari sieht man den Streifen.
Der Rot-Ton deines Logos entspricht #790000 und eben nicht #680014

@pauleman
selber Gedanke ^^
Bye
Schöne Grüße aus dem sonnigen Süden, 8)

Ingo

--------------------------------------------------------------------

NICHTS IST SELBSTVERSTÄNDLICH ...

--------------------------------------------------------------------

  • "Bollmann-Weiss" started this thread

Posts: 36

Location: Berlin

Occupation: Tauchlehrer, Admin

  • Send private message

4

Friday, February 10th 2012, 6:38pm

Hallo,

Ja, der Farbwert #790000 wird ausgegeben, aber das Bild für sich hat #680014, wird den ein anderes Bild überlagert?

Quoted

Der Rot-Ton deines Logos entspricht #790000 und eben nicht #680014



Gruß Ronald

Posts: 5,057

web/shop to date Version: 5-8.0

  • Send private message

5

Friday, February 10th 2012, 6:40pm

Setze in den anderen Containern #790000 und Du wirst sehen, das da nix überlagert wird.

  • "Bollmann-Weiss" started this thread

Posts: 36

Location: Berlin

Occupation: Tauchlehrer, Admin

  • Send private message

6

Friday, February 10th 2012, 6:51pm

Habe die Container auf #790000 gesetzt. IM Firefox ist es OK im IE heller Balken
:?:

und wenn ich mir obiges jpg anschaue, dann hat es die Farbe #690006, ich verstehe jetzt nix mehr

Posts: 5,057

web/shop to date Version: 5-8.0

  • Send private message

7

Friday, February 10th 2012, 6:58pm

Lade Dir mal von Roberts Sie den Colorpicker runter und gehe mit der Pizette auf das Bild.

Posts: 5,057

web/shop to date Version: 5-8.0

  • Send private message

8

Friday, February 10th 2012, 7:11pm

Setze mal im #common noch ein zusätzliches:
background-color: #790000;

  • "Bollmann-Weiss" started this thread

Posts: 36

Location: Berlin

Occupation: Tauchlehrer, Admin

  • Send private message

9

Friday, February 10th 2012, 7:41pm

Habe ich gemacht. Im Firefox ist es OK im IE etc nicht.

Ich überschlafe mal und bedanke mich :)

Peterpander2te

Intermediate

  • "Peterpander2te" is male

Posts: 337

Location: Berlin

Occupation: Helfer bei Siemens Power Generation

web/shop to date Version: s2d 7.0 und w2d 8.0

  • Send private message

10

Friday, February 10th 2012, 10:09pm

Hallo Bollmann-Weiss,

habe das ganze mal durchgetestet und bin zum selbigen Ergebnis wie du gekommen. Habe mal ein wenig im Web recherhiert, konnte aber keine Erklärung, geschweige denn eine Lösung finden.

Die einzige Alternative die ich dir geben kann, ist es für den IE6 ++ ein Hack in die style_design.css zu integrieren für die diversen explorer's den Farbwert #851158 anzeigen zulassen, da er eh diesen Farbwert für das Logo ausgibt.

Habe dir die entsprechenden Hacks hier per Codeblock mal ausgegeben.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* IE 7 */

*+html #menucontainer, *+html #headercontainer, *+html #Bottombar, *+html #common {
background-color: #851518 ; }

/* IE 6 */

*html #menucontainer, *html #headercontainer, *html #Bottombar, *html #common {
background-color: #851518 ; }

/* IE 7 */

*+html #menu li li a:hover {
	background-color: #851518;	
}

/* IE 6 */
*html #menu li li a:hover {
	background-color: #851518;	
}

Ist halt nur ne Alternative!
Mit freundlichen Grüßen
Sven Rülke

  • "Bollmann-Weiss" started this thread

Posts: 36

Location: Berlin

Occupation: Tauchlehrer, Admin

  • Send private message

11

Saturday, February 11th 2012, 3:01pm

Hallo Leute,

vielen Dank. Ich bin auch ein wenig weitergekommen. In der #common hatte ich zwischenzeitlich die background-color von transparent auf den Farbton gestellt, ist es auch nicht.

Ich erstelle in Photoshop eine Ebene mit dem Text und eine Ebene mit dem Logo, eine dritte Ebene mit der Hintergrundfarbe #790000. Erzeuge eine jpg Datei -> Colorpicker sagt Farbwert ist #851019 / Lasse ich die 3. Ebene und setze die Hintergrundfarbe beim erzeugen der jpg auf #790000 dann habe ich beim fertigen jpg einen Farbwert #771015 ???????????????? Ich habe solche Logos schon oft gemacht, aber dazu fällt mir nix mehr ein. Es liegt also weniger an w2d als an der Farbe oder Photoshop

Wenn jemand noch grundsätzlich zu PS ne Idee hat??
Viele Grüße
Ronald

  • "Bollmann-Weiss" started this thread

Posts: 36

Location: Berlin

Occupation: Tauchlehrer, Admin

  • Send private message

12

Saturday, February 11th 2012, 5:54pm

Hallo,

der entscheidende Hinweis war, dass meine Farben nicht "websicher" sind. Die Lösung war: Logo in ein png mit transparentem Hintergrund und dann einbinden.

Vielen Dank für eure Hilfe
Ronald

urmel

Moderator

Posts: 3,390

Location: Mitteldeutschland

  • Send private message

13

Saturday, February 11th 2012, 6:33pm

Hallo Ronald,

scheinbar hast du im Code herumgewurstelt, etweas gelöscht, etwas ergänzt, aber leider unvollständig.

<div id="headcontainer"> NEU

ein schließendes Div fehlt.
Gruß, Urmel
Und nicht vergessen: "Mittelmaß ist ansteckend"!

Validierungs-Tipps für w2d-Templates + valide w2d-Designs.

Schon die neuen Features entdeckt? Beispielsweise die optimierten Metaangaben oder KISSIMMEE +++

Similar threads