+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Sublevel Problem - Überschrift rutscht unter das Icon

  1. #1
    Neu an Board
    Registriert seit
    06.12.2004
    Beiträge
    24
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Frage Sublevel Problem - Überschrift rutscht unter das Icon

    Hallo,

    ich erstelle gerade mein erstes eigenes Template. Soweit funktioniert auch alles.
    Leider gibt es noch ein Problem mit dem Sublevel Menü. Der Menütext wird immer unter dem Icon angezeigt, statt dahinter.

    So sieht es aktuell noch aus:

    Mainlevel 1
    Mainlevel 2
    Icon
    Sublevel 1
    Icon
    Sublevel 2
    Mainlevel 3

    So sollte es sein:
    Mainlevel 1
    Mainlevel 2
    Icon Sublevel 1
    Icon Sublevel 2
    Mainlevel 3

    Hier noch gleich mal ein Auszug aus der index.php.
    <!-- Linke Navigations-Bereiche Anfang -->
    <td id="left" align="center" width="200" valign="top" background="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/schnarchnasen_community/images/left_bg.png">
    <?php mosLoadModules ( 'left' ); ?>
    </td>
    <!-- Linke Navigations-Bereiche Ende -->

    Und um sicher zu gehen hier noch die CSS Tags.
    #left {
    width: 200px;
    }

    #left table.moduletable{
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
    }

    #left table.moduletable th {
    height: 21px;
    vertical-align: middle;
    background: url(../images/l_nav_02.png) no-repeat;
    text-transform: uppercase;
    color: #363636;
    font-size: 10px;
    font-family: tahoma;
    font-weight: bold;
    }
    #left table.moduletable td {
    padding-top:2px;
    padding-left:5px;
    color: #363636;
    font-size: 10px;
    font-family: tahoma;
    line-height:14px
    }

    a.mainlevel:link, a.mainlevel:visited{
    color: #363636;
    background: transparent;
    height: 20px;
    width:100%;
    display: block;
    padding-top: 2px;
    padding-left: 5px;
    }

    a.mainlevel:hover {
    color: #363636;
    background: #F9B900;
    height: 20px;
    width:100%;
    display: block;
    padding-top: 2px;
    padding-left: 5px;
    }

    a.mainlevel:active {
    color: #22980C;
    background: #B9DDF5;
    height: 20px;
    width:100%;
    display: block;
    padding-top: 2px;
    padding-left: 5px;
    }

    a.sublevel:link, a.sublevel:visited {
    color: #363636;
    background: transparent;
    height: 18px;
    width:100%;
    display: block;
    }

    a.sublevel:hover {
    color: #363636;
    background: #F9B900;
    height: 18px;
    width:100%;
    display: block;
    }

    a.sublevel:active {
    color: #22980C;
    background: #B9DDF5;
    height: 18px;
    width:100%;
    display: block;
    }

    td,tr,p,div {
    color: #4d4d4d;
    font-size: 11px;
    font-family: tahoma;
    /* padding-top: 2px; */
    /* padding-left: 5px; */
    }

    Das sollte glaube ich alles für das Menü sein. Ich vermute nen CSS Fehler, komme aber zur Zeit nicht drauf. Ich hoffe jemand hat ne Idee.

  2. #2
    Neu an Board
    Registriert seit
    06.12.2004
    Beiträge
    24
    Bedankte sich
    0
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Habs ...

    Ok hab das Prob gefunden.
    display: block; musste ich in den Sublevel Tags rausnehmen.

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein