Header Logo der Monitor auflösung anpassen?

[Miriam]

Check das mal aus und verändere die Fenstergröße -> Klick

[Shorty1968]

Hallo Miriam
Ich habe es eingebaut und meine Fenster Grössen auf 1280x1024 und auf 1024x768 gestellt,bei 1280x1024 scheint es zu Passen und bei 1024x768 ist es immer noch zu gross und steht rechts und links über.

[Miriam]

Dann schau Dir mal deinen Code genau an. Vergleiche den mit dem von mir vorgeschlagenen Code.
Arbeite die Unterschiede heraus und melde Dich dann nochmal (also mit greifbaren Ergebnissen deinerseits).

[Shorty1968]

mmmmhhh ich bin nun etwas verwirrt,welchen Code dein Link war mein Logo?

[Miriam]

Was hast Du denn eingebaut gehabt?
Hast Du denn bemerkt, daß Dein Logo "mitzoomt", wenn Du die Fenstergröße der von mir verlinkten Seite änderst? Werf doch mal einen Blick in den Code der Seite.

[Mahony]

Hallo
Was sollen denn diese Hilfskrücken. Mach das Bild kleiner (in den Abmessungen) und gib ihm 100%

Beispiel

Code: Alles auswählen

<div><img src="quelle.jpg" style="width: 100%;" /></div>

Das skaliert jeder Browser vernünftig und es gibt keine Probleme bei deaktiviertem Javascript.

Grüße: Mahony

[Shorty1968]

@Miriam
Das hatte ich mir gedacht und habe mir den Quellcode angeschaut und so wie ich den Interpretiere,habe ich es wie folgt angewendet.

Der Orginal Code aus der overall_header.html sieht so aus:

<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>

So wie ich das sehe steht in deinem Code das header_div für site-description aus dem Orginal ,das muss ich dann in der styles/prosilver/theme/common.css suchen und den Code darunter mit:

Code: Alles auswählen

margin: 0px auto;
	padding: 0 20px;

Ersetzen und dann,verstehe ich das header_img als das logo aus dem Orginal, das muss ich dann in der styles/prosilver/theme/common.css suchen und den Code darunter mit:

Code: Alles auswählen

width: 100%;

Ersetzen

So habe ich es verstanden und versucht,da ist das Logo nicht mit gezoomt.

@Mahony
Wenn ich das von Miriam Vorgeschlagene hinbekomme finde ich die Lösung besser.

[Miriam]

Bring doch erst mal Deine CSS Dateien in Ordnung: Du hast doch auch noch eine Class headerbar definiert, die so aussieht ->

Code: Alles auswählen

.headerbar {
    background-image: url("./styles/prosilver/theme/images/ban.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    color: transparent;
    margin-top: -50px;
} 

[Shorty1968]

Mit in Ordnung meinst du in den orginal Zustand denke ich?

Dann gehe ich mal davon aus das meine Denk und Vorgehens weisse nicht richtig war,ich habe es auch eben noch mal in der common.css und colours.css bei headerbar versucht da Zoomt es auch nicht.

*EDIT*
Ich habe die css Dateien bei mir zurück gesetzt deine änderungen gemacht dann zieht es das Logo und die headerbar nach rechts.

[Miriam]

Und so sieht Miriam die Welt -> Guckst Du.