Thema: Module positionieren

Hi Community!
Ich habe ein Miniproblem, vielleicht könnte mir jemand helfen... Das wäre super!

Ich habe Zwei Module in meiner linken Spalte positioniert:
1) die Navigation (mod_mainmenue)
2) Die Suchfunktion.

Beiden habe ich die Position "left" zugewiesen.

Die Navigation gefällt mir, dort wo sie ist. Die Suche klebt aber direkt unter der Navigation und hat keinen Abstand vom linken Rand. Wie kann ich das ändern?

Mit CSS? Wie sieht der Eintrag in der CSS-Datei aus, der dafür zuständig ist? Ich hab nichts gefunden, das passen könnte!

Danke für Ideen!
Raphael

Zitat von sponge

hi

wie wärs mit einem link

Gerne. Die site liegt momentan hier.

Gruß
Raphael

Zitat von anka

Füge ins template.css folgendes ein:

Code:

div.moduletable_menu {
margin-bottom: 20px;
}

Hi anka,
danke für den Tipp! Die suchfunktion klebt jetzt nicht mehr am Menü.

Da ich div.moduletable_menu verwende, nehme ich an, dass es sich um eine Angabe für alle Module handelt, einen Abstand unten zum nächsten (20px) einzuhalten. Ich habe die angabe um margin-left:20px; ergänzt, das hatte aber nur auswirkungen auf das Menü, nicht auf das Modul "Suche".

Gibt es einen CSS-Code, der für das Modul "Suche" zuständig ist, oder, globaler gefragt: Wie kann ich allen unterschiedlichen Modulen Code zuweisen, um sie individuell zu ändern?

Danke für Hinweise!
Raphael

Zitat von anka

Die Module werden generell mit div.moduletable {...} angesprochen, aber bei dir im CSS fehlt diese Definition. D.h. du musst sie noch einfügen:

Code:

div.moduletable {
margin-bottom: 20px;
}

Das Hauptmenü hat den Modul-Klassen-Suffix _menu, deshalb wird es mit div.moduletable_menu {...} angsprochen.

Mit dem Suffix kannst du übrigens jedes Modul individuell gestalten, du musst dann aber für jeden Suffix eine eigene Klasse im CSS definieren.

Danke, habe alles verstanden!
Raphael

hallo zusammen
ich kämpfe mich auch mit dem design eines moduls herum. und zwar habe ich rechts eine box kreiert (eigenes html), welche ich mit dem klassen-suffix "_aktuelles" benannt habe.
nun habe ich im css einfach die angaben des _menu kopiert und meinen wünschen angepasst.
aber es geht nicht.
wie heisst der code genau, den ich ins css kopieren muss? muss der an einer bestimmten stelle stehen?
mein code sieht so aus (es geht vorwiegend um die position des inhalts bzw. die hintergrundfarbe):

div.moduletable_aktuelles {
background-color: #black;}

div.module_aktuelles, div.module {
margin: 0;
padding: 0;
}


merci!!!

hmmm... geht eben auch nicht....