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>
|