Hi Leute bin neu hier und arbeite auch zum ersten mal mit Oxid.
Bin eigentlich begeistert, nur das Forum hier ist ein wenig umständlich.
Ich habe jetzt gerade versucht das Oxid Logo (out/basic/src/logo.png) gegen mein Logo auszutauschen. Das funktioniert auch, allerdings finde ich nicht die richtige css, um die Abstände unter und über dem Logo zu veringern.
Vielen Dank für eure Hilfe
Gruß
Schau mal in “out/basic/src/oxid.css” … dort suchst du nach: div.bar.oxid .logo
Hallo Danke für die schnell Hilfe.
Leider kann ich in der CSS nur finden, wie ich den Abstand über dem Logo verändern kann. Wo veränder ich den den Abstand nach unten?
Gruß
Dort änderst du es wie folgt…
div.bar.oxid .logo {padding:18px 0; margin-top 10px; float:left;}
…die 10px passt du dann an den Abstand vom oberen Rand an, den du haben möchtest. Wenn du das Logo höher haben willst, dann musst du evtl. vom Padding-Wert etwas abziehen.
Hallo und mal wieder danke für die schnelle Antwort.
bei mir sieht die Zeile standard so aus:
div.bar.oxid .logo {padding:18px 0;float:left;}
Wenn ich margin-top und/oder margin-bottom definiere, erfolgt keine sichtbare Reaktion.
Reaktionen bekomme ich nur wenn ich paddings definiere. Bei mir sieht das im Moment so aus:
div.bar.oxid .logo {padding-Top:20px;padding-bottom:0px;float:left;}div.bar.oxid dl.box {min-height: 98px;min-width:150px;margin:0 0 0px 0px;}
So komme ich auf ca 2px Abstand zur Box darunter heran.
Der Abstand muss also im Container darunter nach oben definiert sein. Aber wo finde ich den Bereich darunter in der CSS?
Woran kann ich mich überhaupt orientieren, wenn ich einen bestimmten Bereich suche. Gibts da vielleicht ein Bild oder eine Tabelle in der steht:
div.bar.oxid .logo = Logo oben Links
dl.box.service = Menü Service oben rechts
oder etwas ähnliches?
Gruß
Hallo wohlima,
mit den margins müsste das aber sehr wohl funktionieren. Wenn du Firefox nutzt, solltest du mal einen Blick auf das Addon Firebug nutzen, das kann dir ziemlich weiterhelfen.
Du könntest auch mal einen Link zu deinem Shop posten, dann kann man sich das mal ansehen, da es bei mir im Demo Shop ohne Probleme funktioniert.
Gruß
Ich glaube margins und paddings werden auch unterschiedlich “korrekt” dargestellt. Ein paar Bereiche die ich mit margin definiert habe werden im Firefox richtig dargestellt, dafür aber im IE nicht. Wenn ich den selben Bereich mit padding definiere wird dieser richtig im Firefox und IE dargestellt.
Padding und margin solltet ihr klar trennen, padding ist der Innenabstand eines Elements, margin ist der Außenabstand - sollten Darstellungsunterschiede zwischen den Browsern auftreten lohnt sich ein Blick in dieoxidbc.css File die nur im IE aufgerufen wird.
Aggrosoft it intelligence GbR
zu beachten dabei ist, dass der IE ein anderes boxmodell hat siehe auch hier:
oder google nach ‘ie boxmodell’