css rubriques à l'intérieur d'un div

Nouveau sur css. J'ai un élément div, dans lequel il existe des liens multiples dans, maintenant je voudrais demander à tous css éléments à l'intérieur du div comme ci-dessous:css rubriques à l'intérieur d'un div

#menu { 
    top: 150px; 
    left: 650px; 
    position: absolute; 
    color: #151B54; 
    font: 10pt; 
    font-family: Arial; 
}

Cependant, cela ne semble pas fonctionner.

Voici la div:

<div id="menu"> 
     <asp:HyperLink ID="lnk_Home" runat="server" 
     NavigateUrl="~/Default.aspx"> Home </asp:HyperLink> 
    </span> 
    &nbsp;&nbsp;<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx" 
    Target="_blank"> About </asp:HyperLink> 
&nbsp; 
<asp:HyperLink ID="HyperLink16" runat="server" 
    NavigateUrl="~/About/ContactUs.aspx" Target="_blank"> Contact Us </asp:HyperLink> 
<asp:HyperLink ID="HyperLink17" runat="server" 
    NavigateUrl="~/About/FAQ.aspx" Target="_blank"> FAQ </asp:HyperLink> 
    </div>

Source

2011-07-09 Bruce

Vous avoir une étiquette de fermeture '' mais cela ne correspond à rien? Êtes-vous sûr de coller tout le code? – tftd

1. Qu'est-ce qui ne semble pas fonctionner? 2. Quelle est votre sortie HTML? 3. Que voulez-vous arriver? –

Aucune de vos styles CSS quoi que ce soit à l'intérieur de la #menu div.The bonne façon serait comme ceci:

div#menu { 
    position: absolute; 
    top: 150px; 
    left: 650px; 
} 

/* "<asp>" isn't a valid HTML element, but I assume that 
* <asp:Hyperlink> actually generates an HTML anchor */ 

/* Links also have pseudo-elements that represent their 
* valid statuses.*/ 
div#menu a, 
div#menu a:visited, 
div#menu a:hover, 
div#menu a:active, 
div#menu a:focus { 
    color: #151B54; 
    font: 10pt; 
    font-family: Arial; 
}

Plus d'informations sur les pseudo-classes mentionnées se trouve ici: http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

Source

2011-07-09 04:59:33

Je pense que vous cherchez quelque chose comme

#menu asp { 
    ...styles... 
}

Ce ciblera tous les <asp> balises dans l'élément #menu. Votre style actuel cible uniquement l'élément #menu, et non ses enfants.

(Bien que l'étiquette <asp> est non valide, vous pouvez remplacer tout type d'élément et le concept est toujours valable.)

En outre, il y a un élément <span> voyous dans votre code, et beaucoup de   où CSS peut faire le travail. Il devrait peut-être ressembler à ceci:

<div id="menu"> 
    <asp:HyperLink ID="lnk_Home" runat="server" NavigateUrl="~/Default.aspx"> 
    Home</asp:HyperLink> 

    <asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/About/About.aspx" Target="_blank"> 
    About</asp:HyperLink> 

    <asp:HyperLink ID="HyperLink16" runat="server" NavigateUrl="~/About/ContactUs.aspx" Target="_blank"> 
    Contact Us</asp:HyperLink> 

    <asp:HyperLink ID="HyperLink17" runat="server" NavigateUrl="~/About/FAQ.aspx" Target="_blank"> 
    FAQ</asp:HyperLink> 
</div>

Source

2011-07-09 04:45:15 Ben

DV'd votre réponse originale, enlevée parce qu'au moins vous avez ajouté quelque chose d'autre, mais: 'asp' n'est pas une balise HTML - la première partie de votre réponse n'a aucun sens. Cette question est assez mauvaise aussi, alors je m'excuse. –

Merci pour l'info et la correction. Espérons que, indépendamment de la validité de la balise, le PO apprendra quelque chose d'utile sur les sélecteurs CSS (qui fonctionnera aussi sur les balises inventées). :) – Ben

Non, vous avez la mauvaise idée, c'est une balise asp: voir ici: http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.hyperlink.aspx –

pas exactement ce que vous demandez, comme vous avez fourni le code ASP.NET, mais pour sélectionner des éléments à l'intérieur des éléments via CSS, vous pouvez le faire comme ceci:

#menu your_link { 
    /* Styles */ 
}

Si vous pouviez fournir le code HTML généré, ce serait bien.

Source

2011-07-09 04:46:39 Blender

css rubriques à l'intérieur d'un div

Répondre

Questions connexes