Hallo liebe Community,

ich habe folgendes Problem.
Ich habe erfolgreich ein DorpDown Menü auf Position-1 erstellt, nun möchte ich aber das die Einträge Zentriert und nicht Linksbündig angezeigt werden.
Wie kann ich das bewerkstelligen?

Ich danke schonmal vielmals für eure Hilfe.

Gruß
Sascha

Hi Sascha!

Du kannst das hin bekommen indem du das padding der Menülinks anpasst.
Aktuell sieht das padding so aus (lvdropdown.css):
Hier erhöhst du dem 15er Wert, bis es für dich passt.

Hi Steve,

danke für diesen Lösungsvorschlag, aber der ist suboptimal. einmal sieht das dann nicht mehr so gut aus und wenn ich ein weiteres dropdown erstellen will und das weniger oder mehr menüpunkte hat schaut das nicht mehr so gut aus.

mmmhhhh, nein, dass ist auch nicht das was ich mir vorstelle. Es muss doch möglich sein das ganze zu zentrieren. Jemand noch eine Idee???

Ich habe schon einiges versucht, es aber leider auch noch nicht hinbekommen.
Hat denn keiner mehr eine Idee?
Wenn man in der "lvdropdown.css" unter "#topmenu ul.menu, #topmenu ul.menu ul {" den Eintrag "width=100%" raus nimmt, dann ist die Hintergrundgrafik nicht mehr über die ganze Länge.

//edit
Also ich habe es jetzt gelöst, ist zwar nicht der beste Weg, aber es klappt.
Und zwar muss man die index.php ab Zeile 61 des Templates bearbeiten:Das Hintergrundbild in der Tabelle braucht man nicht zwingend, fande es aber ohne nicht so toll, bzw. ich habe einen Slider 1000px breit über dem DropDown und deswegen habe ich die Tabelle auch 1000px breit gemacht. Sieht einfach sauberer aus, wenn beide Sachen gleich lang sind.
Sieht bei mir nun so aus:

und ohne Hintergrundgrafik

mit 100% Tabellenbreite (statt 1000px)

Die Vorschaubilder sind sehr klein, einfach drauf klicken, dann werden die größer und man kann es erkennen.

Jonas, du schreibst, du hättest diesen Code in Zeile 61 der index.php gefunden.

Wenn ich unter templates/allrounder diese index.php ansehe, steht da was total anders drin Müsste ich evt. wo anders suchen?

Hi,
evtl habe ich das doof beschrieben.
In der originalen müsstestehen und darum habe ich meine Tabelle gelegt, wie oben in dem Beispiel.

Hier der Inhalt meiner index.php: pastebin.com/bRSj2fkb

Jonas schrieb:
Das habe ich gerade ausprobiert, also den Teil mit deinem erweitert. hat leider nichts gebracht.

Hast du die Änderung in der "lvdropdown.css" gemacht?
Poste mal einen Link zu deiner Seite, dann kann ich mal schauen.

Vielen Dank erst mal für deine Mühe und das du dein Ergebnis hier veröffentlichst.

Bei mir hat es leider nicht funktioniert. Die Buttons werden nicht zentriert. Allerdings habe ich jetzt das ganze Dropdownmenü soweit gekürzt das ich nur noch die Buttons habe, ohne Seitenränder.

Ab Zeile 61 sieht es so bei mir aus:



<?php if($this->countModules('position-1')) : ?>
<table width="681" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="center" style="background-image:url(/piratesjoomla/templates/allrounder-j1.6/images/DropDownBackground.png)">
<div id="topmenu_container">
<div id="topmenu">
<jdoc:include type="modules" name="position-1" />
</div>
<div class="clr"></div>
</div>
</td>
</tr>
</table>