Seite 1 von 2
Logo hat Abstand nach oben und unten ... möchte aber bündig
Verfasst: 13.03.2014 02:41
von 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
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 08:07
von 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
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 08:40
von 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.
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 08:48
von Crizzo
Das ändert nicht den Innenabstand der Grafik zu ihrem Rand. Du musst schon die Grafik bearbeiten.
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 08:52
von 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
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 09:33
von Crizzo
Browser Cache mal geleert?
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 09:43
von Greyhound76
Themes-Cache geleert
Templates-Chache geleert
Grafiksammlung-Cache geleert
Browser Cache geleert ...
Das Erste was ich nach jeder kleinsten Änderung mache.
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 09:50
von 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
und ersetze dort
durch
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
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 10:02
von 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;}
Re: Logo hat Abstand nach oben und unten ... möchte aber bün
Verfasst: 13.03.2014 10:10
von 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
![[ externes Bild ]](http://i62.tinypic.com/2gt6yig.png){kind=link}
