Menüpunkte ausrichten

Moderator: Sisko1990

Forum rules
Forumregeln
Locked
fake_
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Sat Apr 15, 2006 10:18 pm

Menüpunkte ausrichten

Post by fake_ » Sat May 06, 2006 8:17 pm

Hallo, ich habe ein Problem mit dem Hauptmenü welches auf der Seite eingesetzt werden soll. Der von Joomla generierte Quellcode (wird als Tabelle mit horizontaler Ausrichtung ausgegeben) lässt sich für mich nicht ersichtlich formatieren. So sieht das Menü aus wenn es von Joomla generiert wurde:
Image
der dazugehörige von Joomla generierte Code sieht folgendermaßen aus:

Code: Select all

<table cellpadding="0" cellspacing="0" class="moduletableMainmenu"><tr><td>

<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr>
      <td nowrap="nowrap"><span class="mainlevelMainmenu">  </span>
            <a href="http://www.smoothing.net/joomla/content/view/25/37/" class="mainlevelMainmenu" >Unternehmen</a>
            <span class="mainlevelMainmenu">  </span>
            <a href="http://www.smoothing.net/joomla/content/view/27/38/" class="mainlevelMainmenu" >
                  <img src=http://www.smoothing.net/joomla/templates/contact_cooperation/images/cc.png border=0 />
            </a><span class="mainlevelMainmenu">  </span>
            <a href="http://www.smoothing.net/joomla/content/view/26/39/" class="mainlevelMainmenu" >Studierende</a>
            <span class="mainlevelMainmenu">  </span>
      </td>
</tr></table>

</td></tr></table>
Wie im Bild zu sehen ist, werden die beiden Links auf zu beiden Seiten der Grafik nicht mittig (vertical-align:middle) ausgerichtet sondern bleiben auf dem "bottom" stehen. Aussehen sollte das ganze so:
Image

Falls jemand eine Idee hat, wie ich Joomla dazu bringen kann das Menü ebenfalls so auszugeben oder welche Optionen ich per CSS setzen sollte um es so auszugeben, ich bin für jeglichen Hinweis dankbar. Sitze nämlich schon einige Zeit über diesem Problem.

Danke, Fake_

pole
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Mar 13, 2006 4:21 pm

Re: Menüpunkte ausrichten

Post by pole » Mon May 08, 2006 6:41 pm

eigentlich ganz einfach oder so  ;)

mach einfach einen DIV-Tag um die Natigation mit einer eindeutigen ID, definiere dann im CSS deine Elemente.
also

Code: Select all

<div id="lala">
<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr>
     <td>
[....schnipp...]
</td></tr></table>
</div>
im CSS machst du dann sowas in der Art :

Code: Select all

div#lala table td {
  vertical-align : middle;
}
sollte eigentlich gehen.


Locked

Return to “Template, CSS und Designfragen 1.0.x”