Darstellung des topmenu im Internet Explorer

[Ironbone]

Hallo,
dachte eigentlich meine Seite sieht ganz gut aus.
Hab jetzt letztens auf dem Internet Explorer 6 geguckt, und der zeigt die Bilder der Bestseller zu groß an und macht mein Topmenu kaputt.
Der neuere Internet Explorer macht nur noch das Top Menü kaputt.
Habe aber keine Ahnung warum?

Vielleicht kann mir ja jemand helfen.
nylonparadies.com

Gruß Olly

Linkback: https://www.modified-shop.org/forum/index.php?topic=14615.0

[hedon02]

  was ist das denn für ein markup? html 7? 

"<al><lk><lo>" sind keine gültigen "tags". Wenn Du eine vernünftige Codierung machst wird auch der Fehler verschwinden:

Code: XML  [Auswählen]

<ul><li>bla</li></ul>

Btw. Wahnsinn wie fehlertolerant die Browser sind.

Gruss

[Ironbone]

Naja ich sag mal bis jetzt hat das funktioniert.
Wie viele gibt's denn davon brauche nämlich 5 Stück.

Gruß Olly

[hedon02]

Html Tags? Viele,  aber offensichtlich nicht genug. 

Das grundsätzliche Markup steht in meinem letzten Beitrag und ebenso in der original "index.html"
Jeder Link gehört in ein <li>dein Link</li> gepackt, mehr ist es nicht.

Es ist generell schon wichtig ein valides "html" zu haben, auch wenn mancher Fehler sich nicht immer bemerkbar macht.

Grüsse

[Ironbone]

Was ich aber damit bezweckt habe ist eine unterschiedliche Breite usw.

Hier mal der Code:

Code: CSS  [Auswählen]

/* TOPMENU AS LIST */
#topmenuwrap {
        background: #333 url(img/bg_topmenu.gif) repeat-x;
}
#topmenu {
        width:100%;
        float:left;
        padding:0;
        margin:0;
        list-style-type:none;
        height:36px;
        font-size:14px;
        background: url(img/bg_topmenu.gif) repeat-x;
}
#topmenu li {
        width:143px;
        height:36px;
        float:left;
        text-align:center;
        /*padding: 0px 25px;*/
        margin:0;
        /*background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:right;*/
}
#topmenu lk {
        width:1px;
        height:36px;
        background: url(img/bg_topmenu_breakline.gif);
        float:left;
        background-position:right;*/

}      
#topmenu lo {
        width:144px;
        height:36px;
        float:left;
        text-align:center;
        /*padding: 0px 25px;*/
        margin:0;
        /*background: url(img/bg_topmenu_breakline.gif);
        background-position:right;*/
}
#topmenu ul {
        width:200px;
        height:36px;
        float:left;
        text-align:center;
        /*padding: 0px 25px;*/
        margin:0;
        /*background: url(img/bg_topmenu_breakline.gif) no-repeat;
        background-position:right;*/
}
#topmenu al {
        width:200px;
        height:36px;
        float:left;
        text-align:center;
        /*padding: 0px 25px;*/
        margin:0;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
        display:block;
        line-height:36px;
        vertical-align:middle;
        text-decoration:none;
        outline: none;
        font-weight:bold;
        cursor:pointer;
        color:#d84397;
        margin:0;
        padding:0;
}
#topmenu a:hover {
        color:#fff;
        background: url(img/bg_topmenu_hover.gif);     
}

Und html:

Code: PHP  [Auswählen]

 <div id="topmenuwrap">
        <ul id="topmenu">
            <ul><a href="{$index}">{#link_index#}</a></ul><lk></lk>
           <li><a href="{$cart}">{#link_cart#}</a></li><lk></lk>
           {if $smarty.session.customers_status.customers_status_id == '1'}          
            <lo><a href="{php}echo xtc_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL');{/php}">{#new_customer#}</a></lo><lk></lk>
           {else}
            <lo><a href="{$account}">{#link_account#}</a></lo><lk></lk>
           {/if}
            <lo><a href="{$checkout}">{#link_checkout#}</a></lo><lk></lk>
           <li><a href="wish_list.php">Merkzettel</a></li><lk></lk>
            {if $smarty.session.customer_id}
            <al><a href="{$logoff}">{#link_logoff#}</a></al>
           {else}
            <al><a href="{$login}">{#link_login#}</a></al>
           {/if}
        </ul>
        <!--div id="languages">{$box_LANGUAGES}</div-->
    </div>

Gruß Olly

[Sick]

<lo> gibt es nicht!

Wenn du unterschiedliche Breiten willst, dann musst du den <li> (Listenelemente) Klassen zuweisen.

z.B. <li class="irgendwas">

[Ironbone]

Danke

[Ironbone]

Jetzt noch mal ne ganz dumme Frage:
wie definiere ich die <li class="irgendwas"> Klasse in der "stylesheet.css"?

[Tomcraft]

Code: CSS  [Auswählen]

li.classname {
  ...
}

Grüße

Torsten

[Ironbone]

Gut funktioniert. Ich danke euch.
Aber das Problem mit den Bildern der Bestseller hab ich immer noch, und an den Dateien hab ich glaub ich nichts geändert. Auch nicht mein html 7 eingefügt. *grins*

Gruß Olly