#

HTML Problem: Style Werte werden nicht übernommen, erkannt

Problem:
Obwohl ich Styles in einem style - class angegeben habe, werden die Style verwendungen nicht erkannt.
Die style Verwendungen werden komplett ignoriert.

Ich habe die Styles wie hier angegeben und anschliessend eingesetzt

Style
<styletype="text/css">cssDiv_ListItem_Main{..}</style>


Anwendung
<divclass="cssDiv_ListItem_Main">


Die Style-Klassen werden nicht erkannt und sind somit wirkungslos


Fehlerhafte Style, Class Verwendung
Die Style Werte werden nicht übernommen, obwohl diese in einem übergeordneten Bereich in style-klassen zusammengefasst werden

<%----< CSS ListItem_Main>----%>
<style type="text/css" title="ListItem_Main">
cssListItem_Main_Div {float: left; width: 100%;}
cssListItem_Main_hr {border-bottom-style: dashed; border-top-style: none; border-color: }
cssListItem_Main_table {width: 100%; padding: 0; border-spacing: 0;}
cssListItem_Main_tr {height: 30px;}
..
</style>
<%----</ CSS ListItem_Main>----%>


<div class="cssListItem_Main_Div" >
<tableclass="cssListItem_Main_table" >
<trclass="cssListItem_Main_tr" >
<td rowspan="2"class="cssListItem_Main_td1" >
<%----< Thumbnail >----%>
<asp:HyperLink ID="lnkImage" runat="server" class="cssListItem_Main_lnkImage" >
<asp:Image ID="imgImage" runat="server" class="cssListItem_Main_imgImage" />
</asp:HyperLink>
<%----< Thumbnail >----%>
</td>



Fehler Ursache:
Die Style-Class Klasse wird nicht erkannt, weil bei der Benennung der führende Punkt fehlt


Korrektur, richtige Benennung:
Ich habe die Styles wie hier angegeben und anschliessend eingesetzt

Style class mit führendem Punkt
<styletype="text/css">.cssDiv_ListItem_Main{..}</style>


Anwendung
<divclass="cssDiv_ListItem_Main">



Man muss einen .Punkt vor die benannte style-Klasse angeben.


Korrigierte XAML-HTML vewendung.
In gelb ist die korrekte Verwendung markiert.

<%@ Page Title="Default" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.vb" Inherits="myNamespace._Default" Culture="DE-de" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content runat="server" ID="IDMain_Content" ContentPlaceHolderID="Main_Content">

<asp:Panel ID="pnlMain" runat="server" Width="100%">
<table style="width: 100%;">
<tr>
<td style="width: 200px;vertical-align:top;" runat="server" id="tdTree">
<%---------------------------< Zelle Links >---------------------------%>
<telerik:RadTreeView ID="ctlTree" runat="server" Font-Names="Arial" Font-Size="Medium" Height="3000px" ShowLineImages="true" Skin="Silk" >
</telerik:RadTreeView>
<%---------------------------</ Zelle Links >---------------------------%>
</td>

<td style="vertical-align: top;width:auto;" runat="server" ID="tdListe">
<%---------------------------< Zelle Rechts >---------------------------%>
<%----< CSS ListItem_Main >----%>
<style type="text/css" title="ListItem_Main">
.cssListItem_Main_Div {float: left; width: 100%;}
.cssListItem_Main_hr {border-bottom-style: dashed; border-top-style: none; border-color: gray; border-width: 1px}
.cssListItem_Main_table {width: 100%; padding: 0; border-spacing: 0;}
.cssListItem_Main_tr {height: 30px;}
.cssListItem_Main_td1 {width: 160px; max-height: 160px; vertical-align: top;}
.cssListItem_Main_lnkImage {color: blue; border: 0;}
.cssListItem_Main_imgImage{max-width: 160px; max-height: 160px; min-width: 160px; padding-right: 10px;}
.cssListItem_Main_td2{width: auto; padding-left: 5px; font-family: 'Arial Rounded MT'; font-size: large; vertical-align: top;}
.cssListItem_Main_lnkTitle{color: blue; font-family: Arial;}
.cssListItem_Main_td3{width: 100px; text-align: right;}
.cssListItem_Main_TdText{width: auto; padding-left: 5px; vertical-align: top; font-size: medium;}
</style>
<%----</ CSS ListItem_Main >----%>
<%--List-Container--%>
<%---------------------------</ Zelle Rechts >---------------------------%>
</td>
</tr>
</table>
</asp:Panel>

<%----------< ctlMessage >----------%>
<telerik:RadNotification ID="ctlMessage" runat="server" Animation="Slide" Position="Center" Skin="MetroTouch" AutoCloseDelay="0" Visible="false">
</telerik:RadNotification>
<%----------</ ctlMessage >----------%>
</asp:Content>

Mobile

.

yesmovies