Logo hat Abstand nach oben und unten ... möchte aber bündig

[Greyhound76]

Guten Morgen beisammen,

ich habe folgenes Problem: Ich habe zwischen dem Background vom Logo im Header und der Navbar einen Abstand, genauso auch über dem Logo, wo der Body-Background durchkommt ... dabei hätte ich es gern direkt angrenzend bündig. Ich hab nun schon einiges probiert und auch hier in der SuFu mein Glück versucht, aber leider nichts passendes gefunden.

[ externes Bild ]

Mein Style: prosilver
Zum Problemboard: http://www.fanco.eu

Ich würde mich sehr über einen Tipp freuen.

Danke im voraus,

der Grey

[Crizzo]

Hi,

das Problem ist die Grafik selbst. Mit einer Höhe von 114px hat sie selbst zu viel Platz zum Rand. Was man gut erkennen kann, wenn man sie sich alleine anschaut: http://www.fanco.eu/styles/prosilver/im ... e_logo.gif

Ergo Grafikprogramm zücken und Grafik anpassen.

Grüße

[Greyhound76]

Danke für die schnelle Antwort, aber leider war´s das scheinbar nicht. Ich habe das Logo jetzt von 114px auf 70px runtergeschraubt, es auch in der imageset.cfg angepasst. Ausser dass das BG-Image dann automatisch auch etwas niedriger wird, ändert sich nichts, der Rand oben und unten bleibt.

[Crizzo]

Das ändert nicht den Innenabstand der Grafik zu ihrem Rand. Du musst schon die Grafik bearbeiten.

[Greyhound76]

Hab ich doch, du sagtest sie sei zu hoch, hab sie also von 114 auf 70 Pixel ausgedünnt: http://www.fanco.eu/styles/prosilver/im ... e_logo.gif

[Crizzo]

Browser Cache mal geleert?

[Greyhound76]

Themes-Cache geleert
Templates-Chache geleert
Grafiksammlung-Cache geleert
Browser Cache geleert ...

Das Erste was ich nach jeder kleinsten Änderung mache.

[Melmac]

Hallo Grey,

ich hoffe, ich habe das nicht irgendwie falsch verstanden ...

1) Um das Logo bünding zum oberen Bildschirmrand zu bekommen:

in /styles/prosilver/theme/common.css
suche nach

Code: Alles auswählen

body {

und ersetze dort

Code: Alles auswählen

padding: 12px 0;

durch

Code: Alles auswählen

padding: 0 0 12px 0;

2) um die "Lücke" zwischen Log und Menü zu schließen
irgendwo hast Du eine Klasse cssmenu definiert mit einem Eintrag für "padding". Ändere den mal ab auf

Code: Alles auswählen

padding: 0;

[Greyhound76]

Danke dir, das Logo ist oben jetzt bündig. Unten mag er nur noch nicht ... blicke grad über die cssmenu-Zeilen, hab dort eigentlich bis auf Zwei alles auf padding 0 ... doch wenn ich den änder (padding:12px 20px;) zerschiessts die Navbar und bei dem (padding:10px 0) passiert so nichts ... *ratlosich bin*

Code: Alles auswählen

.cssmenu { height:50px; display:block; padding:0; margin:2px auto; }
.cssmenu > ul {list-style:inside none; padding:0; margin:0;}
.cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
.cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font: 15px/100% "Tahoma"; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
.cssmenu > ul > li:first-child > a{border-radius:0 0 0 0;}
.cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; }
.cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
.cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #FCFBBD; }
.cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
.cssmenu ul li.has-sub:hover > a{ background:#000002; border-color:#000002; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
.cssmenu ul li.has-sub:hover > ul, .cssmenu ul li.has-sub:hover > div{display:block;}
.cssmenu ul li.has-sub > a:hover{background:#000002; border-color:#000002;}
.cssmenu ul li > ul, .cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#000002; z-index:999; }
.cssmenu ul li > ul{width:220px;}
.cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
.cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Tahoma; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }

.cssmenu, .cssmenu > ul > li > ul > li a:hover{
background-color: #000002; background-image: url("{T_THEME_PATH}/images/9f9fa0000px65x38.gif"); }
.cssmenu {border-color:#000002;}
.cssmenu > ul > li > a{color:#fff;}
.cssmenu > ul > li > a:after{border-color:#000002;}.cssmenu > ul > li > a:hover{color: #E10000; text-decoration:none;}  

[Melmac]

Sorry, Fehler meinerseits ...
... ich sollte nicht versuchen, mehrere Dinge gleichzeitig zu machen

Nix "padding" - hätte "margin" sein sollen:

ersetze mal

Code: Alles auswählen

.cssmenu { height:50px; display:block; padding:0; margin:2px auto; }

durch

Code: Alles auswählen

.cssmenu { height:50px; display:block; padding:0; margin:0 auto; }

"padding" dann wieder auf den originalen Wert stellen.


Sorry