Hallo!
Mein Name ist Stefan und ich find das Less-Allrounder echt klasse. Am Anfang war ich etwas zögerlich weil natürlich das Grundtemplate jetzt optisch nicht viel her macht aber nach und nach hab ich die Möglichkeiten entdeckt und jetzt bin ich begeistert. Ich mein es gibt zwar ja viele FREE-Templates die im Netz rumschwirren die zwar auf den ersten Blick optisch toll aussehen aber will nur ein bißchen etwas ändern erkennt man schnell die Grenzen. Vorallem wird bei den meisten gleich soviele Module mitinstaliert das man sich nicht mehr auskennt was zu was gehört und natürlich gibt es bei den meisten keinen Support (jedenfalls nicht ohne Bezahlung). Der Support hier ist einfach TOP und deshalb wende ich mich auch mit einem kleinen Anliegen hier ans Forum und ich denke das Problem ist kein großes.
Folgende Problemstellung:
Ich hab als Logo ein Bild mit einer größe von 250px x 1050px ausgewählt. Dieses Logo soll also quasi mein Banner sein. Um den Wrapper oben und unten habe ich einen Border von 5px und ich will das Logo/Banner nach oben an den Border setzen. Den Abstand vom Border zum Head_Container habe ich schon mit padding 0 in der Costum.css weg bekommen. Nur habe ich weiterhin eine Abstand von ca. 10px zwischen dem Border und dem Logo und den bekomme ich weg. Dieser Abstand war grau und so habe ich ihn mit #logo background: #00000; auf schwarz umgefärbt. Ich bin daher davon ausgegangen das ich um diesen Abstand wegzubekommen den #Logo ansprechen muss. Jedoch zeigte padding: 0 keine Veränderung. Wenn ich nun im #Logo eine fixe höhe von 250px eingebe verschwindet der Abstand auch nicht sondern das ganze Logo/Banner verkürzt sich zur Navigation hin um ca. 10 px.
Leider kann ich keinen Link zum herzeigen posten da ich an dieses Projekt offline auf meinem NAS erstelle.
Ich hoffe das Problem halbwegs verdeutlicht habe und wer mir einen Tip geben kann.
Das Linkelement mit der Klasse "imglogo" hat einen padding von 20px nach oben und rechts. Ist es das was dich plagt? Mit dieser Regel sollte der weggehen:
Code:
.imglogo {
padding: 0;
}
Das #logo Element selber hat keine margins oder paddings und nutzt entsprechend den ganzen verfügbaren Raum. Das darüberliegende #header Element trickst aber ein wenig damit es breiter ist als es eigentlich darf. Das wird mit negativen margin Werten gemacht die dann durch gegenteilige paddings wieder ausgeglichen werden:
