CSS qui ne s'applique pas

Bonjour à tous,

Dans asp.net, j'ai fais un link pour importer une feuille de style.

<

headrunat="server">

<title>Liste des objets</title>

<linkid="CSS"rel="Stylesheet"type="text/css"href="../../App_Themes/CSS/Style.css"runat="server"/>

Le problème est que si j'ai la ligne DOCTYPE, les styles ne s'appliquent pas. Si je mets la ligne en commentaire ou que je l'enlève tout simplement, le style est parfait.

<!

DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Merci

Antoine

Je serais bien intéressé par l'explication aussi

--
Une promesse ne vaut que si elle est tenue

Bonjour,

Je viens de faire le test et ton style fonctionne avec et sans doctype. Peux tu poster l'ensemble de ta page ASPX ?

Sinon, au lieu de faire un <link href="..." .../> vers ton fichier CSS, pourquoi ne pas utiliser les thèmes ASP.Net ?

Tu ajoute dans les directives de ta page Theme="CSS" et le tour est joué.

J'ai testé les thèmes de ASP.Net et j'ai le même problème. Dans le fenêtre de propriété, j'ai les items de mon css dans l'objet CssClass mais si je met le doctype, le css ne s'applique pas.

FICHIER ASPX (Le CSS est plus bas)

<%

@PageLanguage="VB"AutoEventWireup="false"CodeFile="PO.aspx.vb"Inherits="UI_WebForms_PO"Theme=""StylesheetTheme="CSS" %>

<!

DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<

htmlxmlns="http://www.w3.org/1999/xhtml">

<

headrunat="server">

<title>Ajout de PO</title>

<

scriptlanguage="javascript"type="text/javascript">

// <!CDATA[

// ]]>

</

script>

</

head>

<

body>

<formid="frmNewPO"runat="server">

<div>

<tableID="Table1"runat="server"border="0">

<tr>

<tdalign="right">

Date:

</td>

<tdstyle="color:Red">

<asp:TextBoxID="txtDate"runat="server"CssClass="ctrl_Petite"></asp:TextBox>

*

<asp:RequiredFieldValidatorID="rfvDate"runat="server"

ErrorMessage="Le champ date est obligatoire"ControlToValidate="txtDate"

Display="None"SetFocusOnError="True"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<tdalign="right">

Usine

</td>

<tdstyle="color:Red">

<asp:DropDownListID="cboUsine"AutoPostBack="true"runat="server"

CssClass="ctrl_Petite"></asp:DropDownList>

*

<asp:RequiredFieldValidatorID="rfvUsine"runat="server"

ErrorMessage="Le champ usine est obligatoire"ControlToValidate="cboUsine"

Display="None"SetFocusOnError="True"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<tdalign="right">

No PO:

</td>

<tdstyle="color:Red">

<asp:DropDownListID="cboPO"AutoPostBack="false"runat="server"CssClass="ctrl_Petite"></asp:DropDownList>

*

<asp:RequiredFieldValidatorID="rfvPO"runat="server"

ErrorMessage="Le champ PO est obligatoire"ControlToValidate="cboPO"

Display="None"SetFocusOnError="True"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<tdalign="right">

Compagnie:

</td>

<tdstyle="color:Red">

<asp:TextBoxID="txtCompagnie"runat="server"CssClass="ctrl_Moyen"></asp:TextBox>

*

<asp:RequiredFieldValidatorID="rfvCompagnie"runat="server"

ErrorMessage="Le champ compagnie est obligatoire"ControlToValidate="txtCompagnie"

Display="None"SetFocusOnError="True"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<tdalign="right">

Item:

</td>

<td>

<asp:TextBoxID="txtItem"runat="server"CssClass="ctrl_Moyen"></asp:TextBox>

</td>

</tr>

<tr>

<tdalign="right">

Machine:

</td>

<td>

<asp:TextBoxID="txtMachine"runat="server"CssClass="ctrl_Moyen"></asp:TextBox>

</td>

</tr>

<tr>

<tdalign="right">

No R,quisition:

</td>

<td>

<asp:TextBoxID="txtNo_Req"runat="server"CssClass="ctrl_Moyen"></asp:TextBox>

</td>

</tr>

<tr>

<tdalign="right">

Prix:

</td>

<tdstyle="color:Red">

<asp:TextBoxID="txtPrix"runat="server"CssClass="ctrl_Moyen"></asp:TextBox>

*

<asp:RequiredFieldValidatorID="rfvPrix"runat="server"

ErrorMessage="Le champ prix est obligatoire"ControlToValidate="txtPrix"

Display="None"SetFocusOnError="True"></asp:RequiredFieldValidator>

<asp:RangeValidatorID="rvPrix"runat="server"ControlToValidate="txtPrix"

Display="None"ErrorMessage="Le prix n'est pas valide"MaximumValue="999999"

MinimumValue="0"SetFocusOnError="True"></asp:RangeValidator>

</td>

</tr>

<tr>

<tdalign="right">

US:

</td>

<td>

<asp:CheckBoxID="chkUS"runat="server"/>

</td>

</tr>

<tr>

<tdalign="right">

Contact:

</td>

<td>

<asp:TextBoxID="txtContact"runat="server"CssClass="ctrl_Moyen"></asp:TextBox>

</td>

</tr>

<tr>

<tdalign="right"valign="top">

Commentaire:

</td>

<td>

<asp:TextBoxID="txtCommentaire"runat="server"CssClass="ctrl_Grande"Rows="5"

TextMode="MultiLine"></asp:TextBox>

</td>

</tr>

<tr>

<tdalign="right"valign="top"style="color:Red">

*

</td>

<tdstyle="color:Red">

Champs obligatoires

</td>

</tr>

<tr>

<tdcolspan="2"align="center">

<asp:ButtonID="Save"runat="server"Text="Enregistrer"CssClass="ctrl_Petite"/>

</td>

</tr>

<tr>

<tdcolspan="2">

&nbsp;<asp:HyperLinkID="HyperLink1"runat="server"NavigateUrl="~/UI/WebForms/Liste_PO.aspx">Liste

des PO

</asp:HyperLink>

</td>

</tr>

</table>

</div>

<asp:ValidationSummaryID="ValidationSummary1"ShowMessageBox="true"

runat="server"ShowSummary="False"/>

</form>

</

body>

</

html>

FICHIER SCC

body

{

}

.ctrl_Petite

{

width:100

}

.ctrl_Moyen

{

width:200

}

.ctrl_Grande

{

width:500

}

Antoine

Ça marche très bien chez moi , avec ou sans la DTD.

Essais de changer ta directive de page par  :

<%@Page

Language="VB"
AutoEventWireup="false"
CodeFile="PO.aspx.vb"
Inherits="UI_WebForms_PO"
Theme="CSS"
%>

Et de manière générale , en CSS il y a une syntaxe avec des points virgule à la fin de chaque ligne.
---------------------------------------
R. Seb
MCP C# 2.0 - MCTS ASP.Net 2.0

J'ai fait c'est modification et j'ai le même problème. Si je mets le DOCTYPE la largeur de mes colonnes ne s'applique pas comme dans le CSS et si je ne le mets pas tout est correct. J'ai aussi ajouté les ; à la fin des lignes dans le CSS.

Antoine