List-style Problem

psdkennenlernen · 30.10.2010

Hey Leute,

auf unserer Seite werden keine Aufzählungszeichen angezeigt obwohl wir das so definiert haben - wisst ihr einen Rat ?

Hier das CSS:

HTML:

/* =================== Getting the new tags to behave START ====================== */

article, aside, audio, canvas, command, datalist, details, figcaption, figure, footer, header, hgroup, ******, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* ==================== Getting the new tags to behave END ======================= */





/* ========================= Global properties START ============================= */

body {
    background: #000 url(../images/body-bg.jpg) no-repeat top;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    color: #393939;
    z-index:1;
}

html {
    background: transparent;
    min-width: 980px;

    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: top;
    font-size: 100%;
}

div {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

a {
    outline: none;
    color: #fff;
}

    a:hover {
        text-decoration: none;
    }
    
/* ========================= Global properties END =============================== */


/* ========================= ADDED PROPERTIES START =============================== */
#B0RDER {
    background:url(../images/content-tail.png) repeat-y;
    margin-top:50px;
}


#place_it {
    width:980px;
    margin: 0 auto;
    top: 0px;
    }
    /* ========================= ADDED PROPERTIES END =============================== */




/* ========================= Global Structure START ============================== */

#main {
    background: url(../images/main.png) no-repeat 0% 78px;
    width: 980px;
    margin: 0 auto;
    /*font-size: 0.75em;*/
    font-size: 1em;

}

header {
    height: 199px;
}

section#content {
    width: 100%;
    margin-top:0px;
}

footer {
    height: 183px;
    width: 925px;
}

/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
    float: left;
}

.fright {
    float: right;
}

.col-1, .col-2, .col-3, .col-4 {
    float: left;
    overflow: hidden;
}

.block-1 { margin-top:15px; }

.block-1, .block-2 {
    /*float: left;*/
    overflow: hidden;
}

.block-3, .block-4 {
    float: left;
    overflow: hidden;
}

.aligncenter {
    padding: 15px 0 0 0;
    text-align: center;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.clear {
    clear: both;
    font-size: 0%;
    line-height: 0%;
    height: 0;
}

/* ====================== Left & Right alignment END ============================= */





/* ============================== header START =================================== */

/*VON HIER*/
header {
    background: url(../images/header.jpg) no-repeat 28px 29px /*109*/; 
    position: relative;
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
}

#navi {
    overflow: hidden;
    position: absolute;
    top: 75px /* 135px*/;
    right: 44px;
}

    #navi li {
        background: url(../images/navi-divider.gif) no-repeat 0% 5px;
        float: left;
        margin: 0 0 0 -1px;
        padding: 0 11px 0 11px;
        line-height: 1.5em;
        font-size: 1em;
        color: #757575;
    }
    
        #navi li a {
            text-decoration: none;
            color: #757575;
        }
        
        #navi li a:hover {
            color: #fff;
        }

#home {
    background: url(../images/icon-home.gif) no-repeat 0% 0%;
    display: block;
    width: 50px;
    height: 43px;
    overflow: hidden;
    text-decoration: none;
    position: absolute;
    top: 161px /*221px*/;
    left: 29px;
}

nav {
    background: url(../images/menu-tail.gif) repeat-x 0% 0%;
    width: 874px;
    position: absolute;
    top: 161px/*221px*/;
    left: 79px;
    z-index:5000;
    /*border:thin dashed #f00; */
}
/*
    nav ul {
        width: 100%;
        overflow: hidden;
    }
    
        nav ul li {
            background: url(../images/menu-divider.gif) no-repeat 0% 0%;
            float: left;
            padding: 0 0 0 1px;
        }
        
            nav ul li a {
                background: url(../images/menu-tail.gif) repeat-x 0% 0%;
                display: block;
                height: 43px;
                overflow: hidden;
                float: left;
                padding: 0 10px 0 9px;
                line-height: 42px;
                font-size: 1.167em;
                font-weight: bold;
                text-transform: uppercase;
                text-decoration: none;
                color: #949494;
            }
            
            nav ul li a:hover {
                color: #fff;
            }

BIS HIER
*/

/* =============================== header END ==================================== */





/* ============================ JS gallery START ================================= */

#faded {
    position: relative;
    width: 923px;
    height: 379px;
    margin: 0 0 25px 0;
    overflow: hidden;
}

    #faded p {
        background: url(../images/info.png) no-repeat 0% 0%;
        width: 509px;
        height: 72px;
        padding: 21px 135px 0 20px !important;
        overflow: hidden;
        line-height: 1.455em !important;
        font-size: 0.917em !important;
        text-transform: uppercase;
        color: #929292 !important;
        position: absolute;
        top: 285px/*235px*/;
        left: 0;
    }
    
        #faded p strong {
            display: block;
            padding: 0 0 6px 0;
            line-height: 1.235em;
            font-size: 1.417em;
            color: #fff;
        }
        
            #faded p strong b {
                padding: 0 3px;
                color: #c50404;
            }
            
        #faded p em {
            font-style: normal;
            position: absolute;
            top: -38px/*48px*/;
            right: 18px;
        }
        
            #faded p em a {
                background: url(../images/gallery-button.gif) no-repeat 0% 0%;
                display: block;
                width: 87px;
                height: 26px;
                overflow: hidden;
                line-height: 24px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                color: #080808;
                /*z-index:9999;*/
            }
            
            #faded p em a:hover {
                color: #c50404;
            }

ul.pagination {
    position: absolute;
    top: 0;
    right: 0;
    float:left;
}

    ul.pagination li {
        width: 258px;
        height: 94px;
        overflow: hidden;
        margin: 0 0 1px 0;
        line-height: 1.273em;
        font-size: 0.917em;
        font-weight: bold;
        text-transform: uppercase;
        color: #919191;
    }
    
        ul.pagination li a {
            background: #232323 url(../images/pagination-act.gif) repeat-x 0% -94px;
            display: block;
            width: 234px;
            height: 78px;
            padding: 8px 15px 8px 9px;
            text-decoration: none;
            color: #919191;
        }
        
            ul.pagination li.current a, ul.pagination li a:hover {
                background-position: 0% 0% !important;
                color: #fff;
            }
            
            ul.pagination li.current strong, ul.pagination li a:hover strong {
                color: #0f0f0f;
            }
        
        ul.pagination li img {
            float: left;
            margin: 0 18px 0 0;
        }
        
        ul.pagination li strong {
            display: block;
            padding: 15px 0 1px 0;
            color: #c50404;
        }

/* ============================= JS gallery END ================================== */





/* ============================== JS tab START =================================== */

ul.tabs {
    width: 100%;
    height: 43px; /*--Set height of tabs--*/
    padding: 0 0 1px 0;
    overflow: hidden;
}

    ul.tabs li {
        float: left;
        height: 43px; /*--Subtract 1px from the height of the unordered list--*/
        padding: 0 1px 0 0;
    }
    
        ul.tabs li a {
            background: #1e1e1e;
            display: block;
            height: 43px;
            padding: 0 21px 0 21px;
            float: left;
            line-height: 42px;
            font-size: 0.917em;
            font-weight: bold;
            outline: none;
            text-transform: uppercase;
            text-decoration: none;
            color: #fff;
        }
        
        ul.tabs li a:hover {
            background: #ccc;
        }
        
html ul.tabs li.active a, html ul.tabs li a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: url(../images/tab-act.gif) repeat-x 0% 0%;
}

.tab_container {
    width: 100%;
    overflow: hidden;
    padding: 0 0 27px 0;
}

.tab_container_indent {
    padding: 0 0 30px 0 !important;
}

.tab_content {
    background: #232323 url(../images/tab-content.jpg) no-repeat 0% 0%;
}

    .tab_content .inner {
        padding: 16px 23px 20px 23px;
    }
    
    .tab_content .inner-1 {
        padding: 26px 22px 20px 23px;
    }

/* =============================== JS tab END ==================================== */





/* ============================= JS video START ================================== */

    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
    
    .gallery {
        padding-bottom:15px;
    } 

        .gallery li a {
            background: url(../images/video-1.jpg) 0% 0%;
            position: relative;
            display: block;
            width: 336px;
            height: 226px;
        }
            
            .gallery li a span {
                background: url(../images/play.png) no-repeat 0% 0%;
                display: block;
                width: 69px;
                height: 69px;
                overflow: hidden;
                position: absolute;
                top: 79px/*79px*/;
                left: 134px;
                cursor: pointer;
            }
                
                .gallery li a:hover span {
                    background-position: 0% -69px !important;
                }
                
        .gallery li.video-6 a {
            background: url(../images/video-6.jpg) 0% 0%;
        }
            
    .gallery-1 {
        width: 100%;
        margin: 0 0 -21px 0;
        overflow: hidden;
    }
    
        .gallery-1 li {
            float: left;
            width: 287px;
            padding: 0 19px 18px 0;
        }
        
            .gallery-1 li strong a {
                position: relative;
                display: block;
                width: 287px;
                height: 226px;
                overflow: hidden;
                text-decoration: none;
            }
            
                .gallery-1 li strong a span {
                    background: url(../images/play.png) no-repeat 0% 0%;
                    display: block;
                    width: 69px;
                    height: 69px;
                    overflow: hidden;
                    position: absolute;
                    top: -9px/*79px*/;
                    left: 112px;
                    cursor: pointer;
                }
            
                    .gallery-1 li strong a:hover span {
                        background-position: 0% -69px !important;
                    }
                
            .gallery-1 li.video-2 strong a {
                background: url(../images/video-2.jpg) no-repeat 0% 0%;
            }
            
            .gallery-1 li.video-3 {
                padding: 0 0 18px 0;
            }
            
                .gallery-1 li.video-3 strong a {
                    background: url(../images/video-3.jpg) no-repeat 0% 0%;
                }
            
            .gallery-1 li.video-4 strong a {
                background: url(../images/video-4.jpg) no-repeat 0% 0%;
            }
            
            .gallery-1 li.video-5 {
                padding: 0 0 18px 0;
            }
            
                .gallery-1 li.video-5 strong a {
                    background: url(../images/video-5.jpg) no-repeat 0% 0%;
                }
            
            .gallery-1 li b {
                display: block;
                padding: 15px 0 1px 10px;
                line-height: 1.636em;
                font-size: 0.917em;
                text-transform: uppercase;
                color: #fff;
            }
            
            .gallery-1 li em {
                display: block;
                width: 100%;
                overflow: hidden;
                font-style: normal;
            }
            
                .gallery-1 li em a {
                    background: url(../images/arrows1.gif) no-repeat 100% 8px;
                    margin: 0 0 0 9px;
                    padding: 0 10px 0 0;
                    float: left;
                    line-height: 1.636em;
                    font-size: 0.917em;
                    font-weight: bold;
                    text-transform: uppercase;
                    color: #676767;
                }
    
/* ============================== JS video END =================================== */





/* ============================= content START =================================== */



#content {
    background: /* url(../images/content-tail.png) */repeat-y 0% 0%;

}

#content #indent {
        padding: 22px 28px 26px 29px;
        margin-top:0px;
    }
    
    #content #indent-1 {
        padding: 22px 28px 19px 29px;
    }
    
        #content p {
            padding: 0 0 21px 0;
            line-height: 1.75em;
            font-size: 1em;
            color: #817f7f;
        }

/* ============================== content END ==================================== */





/* ============================= boxes START ===================================== */

.box {
    background: #343434;
    width: 100%;
    margin: 0 0 27px 0;
    overflow: hidden;
    float:left;
}
    
    .box .inner {
        padding: 9px 8px 17px 9px;
    }
    
    .box #gallery_clearfix_vidtext { width:336px; height:45px; background:#000; opacity: .5; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#ccc; position:absolute; left:38px; margin-top:181px; z-index:9999;}
    
    .box .indent {
        padding: 0 10px 10px 10px;
        float:right;
        margin-top:-240px;
    }
    .box .indent a { text-decoration:underline; color:#FFF; }
    .box .indent a:hover { text-decoration:none; border-bottom:thin solid #f00;}
    
.info-box {
    background: #343434;
    float:right;
}

    .info-box .inner {
        padding: 27px 23px 23px 27px;
    }
    
    .info-box .inner-1 {
        padding: 27px 23px 21px 27px;
    }
    
    .info-box strong {
        display: block;
        padding: 0 0 2px 0;
        line-height: 1.5em;
        font-size: 1em;
        text-transform: uppercase;
        color: #fff;
    }
    
    .info-box p {
        padding: 0 !important;
        line-height: 1.75em !important;
        font-size: 1em !important;
        color: #817f7f !important;
    }
    
    .info-box a.link-2 {
        margin: -7px 0 0 0;
    }

.box-indent {
    margin: 0 0 30px 0 !important;
}

/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */

h1 {
    position: absolute;
    top: 72px/*132px*/;
    left: 53px;
}

    h1 a {
        background: url(../images/f4p_logo_by_graphicana_de.png) no-repeat;
        margin-top:-30px;
        display: block;
        width: 215px;
        height: 105px;
        overflow: hidden;
        text-decoration: none;
    }
    
        h1 a span {
            display: none;
        }

h2 {
    background: url(../images/titl******.gif) repeat-x 0% 0%;
    margin: 0 0 1px 0;
    padding: 0 0 0 12px;

    line-height: 43px;
    text-transform: uppercase;
    color: #fdfdfd;
    font-size:1.273em;
}

.article {
    font-size:10px;
    line-height: 23px;
    height: 23px;
    text-transform:none;
    z-index:8000;
}


h3 {
    background: url(../images/titl******1.gif) repeat-x 0% 0%;
    height: 43px;
    margin: 0 0 1px 0;
    padding: 0 0 0 12px;
    overflow: hidden;
    line-height: 46px;
    letter-spacing: -1px;
    font-size: 1.273em;
    text-transform: uppercase;
    color: #242424;
}

h6 {
    padding: 0 0 1px 0;
    line-height: 1.636em;
    font-size: 0.917em;
    text-transform: uppercase;
    color: #fff;
}

.link {
    background: url(../images/arrows.gif) no-repeat 100% 8px;
    padding: 0 10px 0 0;
    float: left;
    line-height: 1.636em;
    font-size: 0.917em;
    font-weight: bold;
    text-transform: uppercase;
    color: #c50404;
}

.link-1 {
    background: url(../images/arrows1.gif) no-repeat 100% 8px;
    padding: 0 10px 0 0;
    float: left;
    line-height: 1.636em;
    font-size: 0.917em;
    font-weight: bold;
    text-transform: uppercase;
    color: #676767;
}

.link-2 {
    background: url(../images/link-tail.gif) repeat-x 0% 0%;
    display: block;
    height: 26px;
    padding: 0 10px 0 10px;
    overflow: hidden;
    float: right;
    line-height: 24px;
    font-size: 0.917em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

    .link-2:hover {
        color: #000;
    }

.link-3 {
    background: url(../images/link-tail.gif) repeat-x 0% 0%;
    display: block;
    height: 26px;
    margin: -13px 0 0 0;
    padding: 0 10px 0 10px;
    overflow: hidden;
    float: right;
    line-height: 24px;
    font-size: 0.917em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}
    
    .link-3:hover {
        color: #000;
    }

.link-indent {
    margin: 0 0 24px 0;
}

/* ==================== txt, links, lines, titles END ============================ */





/* ============================= forms START ===================================== */

#contact-form {
    width: 100%;
    overflow: hidden;
}

#search-form {
    background: url(../images/search-input.gif) no-repeat 0% 0%;
    width: 233px;
    height: 27px;
    overflow: hidden;
    position: absolute;
    top: 103px/*163px*/;
    right: 53px;
}

    #search-form input {
        background: none;
        width: 156px;
        height: 17px;
        padding: 5px 5px 5px 5px;
        border: none;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        color: #fff;
    }
    
    #search-form input#search-submit {
        background: url(../images/search-submit.gif) repeat-x 0% 0%;
        width: 62px;
        height: 27px;
        margin: 0 0 0 5px;
        padding: 0;
        border: none;
        float: left;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.917em;
        color: #fff;
        cursor: pointer;
    }
    
        #search-form input#search-submit:hover {
            color: #000;
        }

/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.pic-indent {
    margin: 0 0 0 0;
}

.list {
    padding: 0 0 28px 0;
    overflow: hidden;
}

    .list li {
        margin: 0 0 1px 0;
    }

        .list li a {
            background: url(../images/list-tail.gif) repeat-x 0% 0%;
            display: block;
            width: 100%;
            height: 32px;
            overflow: hidden;
            line-height: 32px;
            text-decoration: none;
            color: #232323;
        }
        
            .list li a span {
                background: url(../images/marker.gif) no-repeat 9px 10px;
                display: block;
                height: 32px;
                padding: 0 0 0 34px;
                overflow: hidden;
                cursor:pointer;
            }
            
        .list li a:hover {
            background-position: 0% -32px;
            font-weight: bold;
        }

.list-1 {
    padding: 0 0 18px 0;
    overflow: hidden;
}

    .list-1 li {
        background: #343434 url(../images/marker-1.gif) no-repeat 10px 11px;
        margin: 0 0 1px 0;
        padding: 10px 25px 11px 36px;
        line-height: 1.273em;
        font-size: 0.917em;
        font-weight: bold;
        /* text-transform: uppercase; */
        color: #fff;
    }
    
    .list-1 li.extra {
        background: #232323 url(../images/marker-1.gif) no-repeat 10px 11px;
    }
    
        .list-1 li strong {
            display: block;
        }
            .list-1 li a { text-decoration:none; font-weight: normal; }        

            .list-1 li strong a {
                text-decoration: none;
                color: #c50404;
            }
            
            .list-1 li strong a:hover {
                color: #000;
            }

.list-2 {
    overflow: hidden;
}

    .list-2 li {
        width: 100%;
        overflow: hidden;
        vertical-align: top;
        line-height: 2.333em;
        font-size: 1em;
        color: #646363;
    }
    
        .list-2 li strong {
            background: url(../images/marker-2.gif) no-repeat 0% 13px;
            display: block;
            width: 94px;
            margin: 2px 0 -2px 0;
            padding: 0 0 0 9px;
            float: left;
            line-height: 2.545em;
            font-size: 0.917em;
            color: #fff;
        }
        
        .list-2 li a {
            text-decoration: none;
            color: #646363;
        }
        
            .list-2 li a:hover {
                text-decoration: underline;
                color: #c50404;
            }
            
        .list-2 li a span {
            color: #fff;
        }
        
            .list-2 li a:hover span {
                color: #c50404;
            }


.article-field {
    background:#ccc;
    padding:20px;
    font-size:12px;
    z-index:9999;
    font-size:14px;
    list-style-type:disc; 
    display:list-item;
}


.article-field ul li { background:none; color:inherit; margin: 0px; padding: 0px; list-style-position:outside; text-transform:none; font-weight:normal; font-size:inherit; line-hight:normal; overflow:auto;}


/*.article-field img { float:left; padding-right:10px; padding-bottom:10px; }*/

.article-field h5 { font-size:12px; color:#333; display:block; background:none; }
.article-field h4 { font-size:18px; color:#900; display:block; margin-top:3px; }
.article-field h3 { background:none; color:inherit; margin:0px; padding:0px;}
.article-field h2 { background:none; color:inherit; margin:0px; padding:0px;}
.article-field h1 { background:none; color:inherit; margin:0px; padding:0px;}

    .data-time-stamp { color:#666; font-size:10px; font-style:italic; color:#666; display:block;}
        .data-time-stamp a { text-decoration:none; }

#black-text { color:#000; }

.list-3 {
    overflow: hidden;
    padding: 0 0 21px 0;
}

    .list-3 li {
        background: #343434;
        width: 100%;
        margin: 0 0 1px 0;
        padding: 10px 0 10px 0;
        overflow: hidden;
        vertical-align: top;
        line-height: 1.273em;
        font-size: 0.917em;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
    } 
    
.col-1 span { color:#fff; }

        
    .list-3 li.extra {
        background: #232323;
    }
    
        .list-3 li img {
            float: left;
            margin: 0 12px 0 10px;
        }
        
        .list-3 li strong {
            display: block;
            padding: 0 25px 14px 0;
            color: #c50404;
        }
        
            .list-3 li strong a {
                text-decoration: none;
                color: #c50404;
                font-size:12px;
            }
            
            .list-3 li strong a:hover {
                color: #000;
            }
            
        .list-3 li b {
            display: block;
            padding: 0 25px 0 0;
            margin-top:-10px;
            font-size:14px;
        }
        
        .list-3 li span a {
            background: url(../images/arrow-button.gif) no-repeat 0% 0%;
            display: inline-block;
            width: 14px;
            height: 14px;
            margin: 0 0 0 2px;
            overflow: hidden;
            text-decoration: none;
        }
.sub-txt { text-transform:none; font-weight:normal; margin-top:-7px; }
.list-3 .sub-txt-a { text-decoration:none; color:#fff; background:none; width:480px; height:auto; font-size:13px;}

.banner {
    margin: 1px 0 30px 0;
}

.no-indent {
    margin: 0 !important;
    padding: 0 !important;
}

.privacy {
    background: #343434;
    width: 100%;
    margin: 0 0 9px 0;
    overflow: hidden;
}

    .privacy .inner {
        padding: 26px 30px 9px 27px;
    }

/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */

footer {
    background: url(../images/footer.png) no-repeat 0% 0%;
    overflow: hidden;
    width:925px;
    height: 185px;

    z-index:9999;
}

    footer .inner {
        background: url(../images/footer.jpg) no-repeat 28px 0%;
        padding: 23px 51px 100px 41px;

    }
    
    footer ul {
        width: 925px;
        overflow: hidden;
    }
    
        footer ul li {
            background: url(../images/divider.gif) no-repeat 0% 2px;
            
            margin: 0 0 0 -1px;
            padding: 0 11px 0 11px;
            line-height: 1.167em;
            font-size: 1em;
            color: #757575;
        }
        
            footer ul li a {
                text-decoration: none;
                color: #757575;
            }
            
            footer ul li a:hover {
                color: #fff;
            }
            
        footer ul li.act a {
            color: #fff;
        }

    footer p {
        padding: 10px 0 0 10px;
        line-height: 1.5em;
        font-size: 1em;
        color: #fff;
    }
    
        footer p span {
            padding: 0 3px 0 0;
        }
        
        footer p a {
            margin: 0 0 0 9px;
            text-decoration: none;
            color: #ba0404;
        }
        
            footer p a:hover {
                text-decoration: underline;
            }
            
    footer p strong {
        float: right;
        font-weight: normal;
    }

/* ============================= footer END ====================================== */

Und hier das HTML:

HTML:

<div class="article-field">

            <h4>Der Fingerknöchel von Boxer</h4>
            <br />
            <p></p><p>In diesem Fall geht es um einen 24 jährigen MMA Kämpfer. Er verletzte sich am linken Mittelfinger Knöchel. Er führte einen geraden Schlag aus und fühlte sofort den Schmerz und die Schwellung nach dem Schlag. Er bemerkte die Spitze des Knöchels und konnte den Finger nicht mehr bewegen. Bei der Untersuchung stellte man fest, dass das MCP-Gelenk nicht mehr arbeitete und die Streckmuskelsehne einen fühlbaren Defekt hatte. Auf der Röntgenaufnahme konnte man keinen Bruch feststellen. Nach einer Magnetresonanztomographie<br>(MRI) konnte man sehen, dass das sagittale Band, welches die Streckmuskelsehne zentralisiert, gerissen war. <br><br>Bei einem chirurgischen Eingriff wurde dieses Band repariert. Der Patient musste 6 Wochen lang eine Schiene tragen. Danach wurde die Hand 3 Monate lang therapiert, um die vorherige Stärke und Funktion wieder zu erlangen. Nach 5 Monaten konnte er die Hand wieder voll einsetzen. Solche Verletzungen können zum Ende der Karriere als MMA-Kämpfer oder Boxer führen. Wiederholende Schläge, aber auch ein einziger Schlag kann diese Verletzungen herbeiführen. Es beeinflusst die mittleren und kleinen Finger am stärksten.<br>Die Verletzungen schließen die sagittalen Bänder, die Kapsel oder beides ein.</p><br><h3>Symptome vom verletzten Fingerknöchel von Boxern:</h3><br><ul><br>    <li>Schmerz oder Empfindlichkeit an den Fingerknöchel  </li><br>    <li>Das Anschwellen über dem Fingerknöchel  </li><br>    <li>Schmerz bei Bewegung des Fingerknöchels,  </li><br>    <li>Während dem Biegen des Fingerknöchels kann man ein Knallen feststellen,</li><br>    <li>Defekt in der Sehne, den man abtasten kann,</li><br>    <li>Unfähigkeit den Finger zu strecken oder zu beugen</li><br></ul><br><p>Eine MRI bestätigt normalerweise die Diagnose, aber zeigt vielleicht eine partielle Zerrung nicht an. Ein Chirurgischer Eingriff ist normalerweise notwendig, um das Problem zu korrigieren. Man sollte 5 Monate einplanen, bis man zur vollen Kampfstärke kommt. Sie sollten mit der verletzten Hand nicht früher anfangen zu schlagen, bis die volle Bewegung und Stärke wiederhergestellt ist.</p><br><p><img src="http://www.fight4pride.de/images/Kampfsport-Bilder/mma-verletzung-knochen.jpg" border="0"><img src="http://www.fight4pride.de/images/Kampfsport-Bilder/mma-verletzung-knochen1.jpg" border="0"></p><br><h3>Anatomie</h3><br><p>Die Streckmuskelsehne, die den Fingerknöchel ausstreckt, oder MCP-Gelenk wird über dem Zentrum des Gelenkes für beide Seiten von den Sagittal-Bands gehalten. Unter der Sehne ist das gemeinsame Futter oder die Kapsel.</p><br><p>Im Video unten können Sie den chirurgischen Eingriff von der Reparatur des sagittalen Bands, das die Streckmuskelsehne zentralisiert. </p><br><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/n3TFGOZvesc?fs=1&hl=de_DE"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/n3TFGOZvesc?fs=1&hl=de_DE" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object><br><p><span style="font-size:9pt;">Artikel von <a href="http://training.sherdog.com/doctors-corner/news/105217-boxers-knuckle" rel="nofollow" target="_blank">Sherdog.com</a>, übersetzt durch Phil</span></p>    </div>
</ul>

vielen Dank schonmal,
ciao
Tobi

cebito · 30.10.2010

AW: List-style Problem

Ich sehe keine Liste, nur ein schließendes "</ul>" , von css-Seite wäre es für den potentiellen Helfer auch einfacher, wenn du die

obwohl wir das so definiert haben

-Stellen postest, dann muss man nicht so suchen.

Edith sagt - tatsächlich, da ist eine, nur wem willst du es zumuten diese zu suchen? Rück mal deinen Code ordentlich ein, so ne lange Zeile mag keiner auseinandernehmen...

fakerer · 31.10.2010

AW: List-style Problem

kann es sein das es eh angezeigt wird.
Aber da du list-style-position :eek:

utside hast. Und sehr oft hintergründe verwendest das es einfach überdeckt wird?

schau dir das einfach mal an oder post n link falls man das wo online sehen kann so ist mir das jetzt zu viel zu denken

anoX · 31.10.2010

AW: List-style Problem

Nimm "overflow" raus und setz einfach das hier ein:

Code:

list-style:disc inside none;

Den Rest kannst Du dir schenken. Also

Code:

.article-field ul li {
list-style:disc inside none;
}

reicht völlig.

... und räum mal den Code auf. Da ist so viel unnötiges Zeug drin, da wird einem ja fast schwindelig.