forum.ahadesign.eu

[Toddyhaba]

Hallo,

kann mir jemand sagen, wie ich die Modulposition vom Topmenu (user3) verändern kann?
Das sieht etwas merkwürdig aus, wenn zu viele Menuepunkte da sind. Aus diesem Grund würde ich es gerne weiter nach oben verschieben und eventuell über die ganze Seitenbreite ziehen. Nur leider wiess ich nicht, wo ich das anpassen kann. (Dummi)
Siehe hier: http://www.hart-backbord.de/haba


Danke für die Hilfe

[Gerhard]

Hallo,

irgendwo müssen die Links ja hin, also umbricht das Menü bei vielen Einträgen. Verstecken mit overflow hidden geht nicht, sonst würde das Dropdown nicht mehr funktionieren und das würde ja ohnehin keinen Sinn machen.
Das Menü kann ganz leicht zb. über dem Header positioniert werden. Dazu muss die index.php des Templates modifiziert werden. Dort ist von zeile 88 bis 94 folgender Code zu finden:

Code: Alles auswählen

<?php if ($this->countModules('user3')):?>
  <div id="tm">
  <div id="topmenu">
    <jdoc:include type="modules" name="user3" />
  </div>
  </div>
  <?php endif; ?>

Diesen ganzen Bereich einfach über die Div-Klasse "header" ziehen. Also nach der ID "mainout". Damit liegt das Menü über dem Header. Nun kann dem Menü noch eine Breite von 100% gegeben werden. Das geht in der Datei "menu.css" in Zeile 10. Dort die width von 69% auf zb. 100% ändern.

[Toddyhaba]

Hallo,

vielen Dank, das hat mir schon richtig gut geholfen.
Ein kleinen Tipp bräuchte ich noch.
Kannst Du mir sagen, welcher Parameter bestimmt, wie groß die Lücke zwischen dem Head und dem Topmenue ist und welcher Parameter bestimmt, wie groß der Abstand zwischen Topmenue und der darunter liegenden "breadcrumb" ist?

Wenn ich das entsprechend einstelle, kann mein Topmenue ruhig zweistellig sein... ist zwar nicht so schön, lässt sich aber wohl nicht ändern.

Grüße
Toddy

[Gerhard]

Hallo Toddy,

für die jeweiligen Abstände ist es am besten, der Klasse "tm" in der menu.css einen Außenabstand nach unten zu geben. Also in der menu.css der Codeblock ab Zeile 8 wie folgt:

Code: Alles auswählen

#tm {
   position:relative;
   width:69%;
   height:36px;
   top:8px;
   left:0;
   float:right;
}

Hier einfach noch ein margin-bottom vielleicht mit 30px oder ähnlich angeben. Der Abstand wird dann auch erzeugt, wenn das Menü über den Header positioniert wurde, wie ja vorher beschrieben. Mit einem margin-top geht das natürlich auch in die andere Richtung. Ich hoffe das hilft Dir weiter.

[Toddyhaba]

Hallo Gerd,

ersteinmal vielen Dank für Deine Geduld und Deine schnelle Antwort.

Das hilft mir schon richtig weiter. Jetzt benötige ich nur noch einen Parameter, mit dem ich einstellen kann, wie weit das Top-Menue vom Header entfernt ist.
Ich möchte eigentlich gerne das Topmenue sehr dicht an den Kopf der Homepage haben.
So sollte es aussehen:

menue.jpg (37.79 KiB) 344-mal betrachtet

Grüße
Toddy

[Gerhard]

Wie ich schon sagte, in der menu.css für die ID "tm" einen Margin-Wert vergeben. margin-top für einen Abstand nach oben und margin-bottom für einen Abstand nach unten. Als Wert zum Beispiel 30px, also Pixel. Natürlich kann beides zusammen angegeben werden. Sogar negative Werte sind möglich, also zb. -30px, aber das würde hier wohl keinen Sinn ergeben.

[Toddyhaba]

Hallo Gerd,

so hab ichs auch gemacht. Hier der Auszug:
#tm {

position:relative;
width:100%;
height:30px;
top:0px;
left:0;
float:right;
margin-bottom:30px;
margin-top:1px

}
Das Ergebnis ist, dass ich immer noch den gleichen Abstand behalte. Muss ich die werte an eine andere Stelle schreiben? Gibt es irgendwo für den Header eine Einstellung, die verhindert, dass ich da näher drankomme?
Fragen über Fragen.

Grüße
Toddy

[Gerhard]

Hallo Toddy,

schreib mal bei margin-top -4px und vergesse am Ende nicht das Semikolon, so wie in Deinem Beispiel hier. Also sollte so aussehen:

Code: Alles auswählen

#tm {
position:relative;
width:100%;
height:30px;
top:0;
left:0;
margin-bottom:30px;
margin-top:-4px;
}

Hier habe ich auch das float right entfernt. Wie es aussieht, willst Du ja das Menü linksbündig haben. Das ist also dann nicht mehr notwendig.

[Toddyhaba]

Hallo Gerd,

Du bist mein Held. Hat zwar nicht mit -4 geklappt, dafür aber mit -30. Jetzt ist es so, wie ich es haben wollte.
Jetzt lass ich Dich erstmal bis zur nächsten Frage in Ruhe....

und die kommt ganz bestimmt !

Herzliche Grüße
Toddy