Aufzählungszeichen werden falsch dargestellt

[Donco]

Hallo,

Die Aufzählungszeichen im Kundenbereich werden bei mir in verschiedenen Browsern falsch dargestellt. Sie sollen als Kreise und nicht als Vierecke angezeigt werden.
Im Programm "Dreamweaver" werden die Aufzählungszeichen richtig dargestellt. Daher weiss ich nicht wo hier der Fehler liegt? Meine "account.html"
sieht so aus:

Code: XML  [Auswählen]

{config_load file="$language/lang_$language.conf" section="account"}
<h1>{#heading_account#}</h1>{if $language=='german'}<img width="373" height="75" src="/xtc/templates/shop6/img/account_banner.png" alt="account banner"> {else} <img width="373"  height="75" src="/xtc/images/templates/shop6/img/account_banner_english.png" alt="account english">{/if}
{if $error_message}<div class="errormessage">{$error_message}</div>{/if}
{if !$products_history}
{*#title_welcome#*}
{if #text_welcome#}
{*#text_welcome#*}
{if $LINK_LOGIN}
<p><a href="{$LINK_LOGIN}" style="font-size:13px;"><strong>{#text_login#}</strong></a></p>
{/if}
{/if}
{/if}
<h2>{#title_account#}</h2>
<div class="highlightbox">
        <ul type="circle">
                <li><a href="{$LINK_EDIT}"><strong>{#text_edit#}</strong></a></li>
                <li><a href="{$LINK_ADDRESS}"><strong>{#text_address#}</strong></a></li>
                <li><a href="{$LINK_PASSWORD}"><strong>{#text_password#}</strong></a></li>
    {if $LINK_DELETE}  
                <li><a href="{$LINK_DELETE}"><strong>{#text_delete#}</strong></a></li>
                {/if}
        </ul>
</div>
        {if $order_content}
                <h2>{#title_orders#}</h2>
                <div class="highlightbox">
                {foreach name=aussen item=order_data from=$order_content}
                        <p><strong><a href="{$order_data.ORDER_LINK}">{$order_data.ORDER_DATE}</a> / {#order_nr#}{$order_data.ORDER_ID}</strong><br />
                        {#order_total#}{$order_data.ORDER_TOTAL} / {#order_status#}{$order_data.ORDER_STATUS}<br /></p>
                        <div class="hr"></div>
                {/foreach}
                <a href="{$LINK_ALL}">{#text_all#}</a>
                </div>
        {/if}
<h2>{#title_support#}</h2>
<div class="highlightbox">
        <ul type="circle">    
                <li><a href="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=7');{/php}"><strong>{#text_contact#}</strong></a></li>
                <li><a href="{php}echo xtc_href_link('callback.php', '&KeepThis=true&TB_iframe=true&height=500&width=360');{/php}" title="Wir rufen Sie zurück" class="thickbox"><strong>{#text_callback#}</strong></a></li>
                <li><a href="javascript:void(window.open('http://keil.www27.hostkraft.de/livezilla/chat.php','','width=590,height=590,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><strong>{#text_livechat#}</strong></a></li>
                <li><a href="{php}echo xtc_href_link('support_overview.php');{/php}"><strong>{#text_ticket#}</strong></a></li>
                <li><a href="{php}echo xtc_href_link(FILENAME_CONTENT, 'coID=10');{/php}"><strong>{#text_faq#}</strong></a></li>
        </ul>
</div>
<h2>{#title_notification#}</h2>
<div class="highlightbox">
        <ul type="circle">
                <li><a href="{$LINK_NEWSLETTER}"><strong>{#text_newsletter#}</strong></a></li>
        </ul>
</div> 
{if $products_history}
        <h2>{#title_viewed_products#}</h2>
                <div class="highlightbox">
                <ul type="circle">
                {foreach name=history_products item=products_history from=$products_history}
                        <li><a href="{$products_history.PRODUCTS_LINK}">{$products_history.PRODUCTS_NAME} / {$products_history.PRODUCTS_PRICE}</a></li>
                {/foreach}
                </ul>
                </div>
{/if}

Beste Grüße

Marius

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

[Modulfux]

Das Problem liegt an dem <ul type="circle">.

Kleiner Auszug als SELFHTML:

Doch all diese HTML-Attribute sind mittlerweile als deprecated gekennzeichnet und sollen künftig aus dem HTML-Standard entfallen. Stattdessen sollten Sie nach unten Listen mit CSS formatieren.

Quelle: Verzeichnis- oder Menüliste definieren

Lösung ist ganz einfach:

Einfach aus <ul type="circle"> ein <ul> machen und schon werden, weil "type:circle" die Standardefinition für <ul> ist, auch die runden Kreise angezeigt.

Gruß
Ronny

[Donco]

@Ronny: Vielen Dank für die Rückmeldung! Ich hab die Stellen durch ein <ul> ersetzt. Das hat nicht funktioniert. Daraufhin hab ich folgendes probiert:

Code: XML  [Auswählen]

<ul style="list-style-type:disc;color:#44B3FF">

Das hat funktioniert. Mittlerweile hab ich den Fehler in der stylesheet.css gefunden. Es war folgender
Eintrag der das "square" verursacht hat:

Code: CSS  [Auswählen]

div.highlightbox ul {
        margin-left:15px;
        padding:0;
        display:block;
        list-style-type:square;
        line-height:20px;
}