I apologize if there has been a previous thread on this question but I was unable to locate one.
I hope this is a simple question but I am having a heck of a time figuring it out. I have a new ASP webpage that when completed will be populated with data from a SQL table. But that is not the area of my questions. I am trying to format the page with a nice rounded edge frame and inside that frame is where I am running into problems. I want to be able to use CSS to format the content. Such as using a <h1> tag. But I want to set the properties of the tag in my <Styles> session of the page. The problem I run into is the error that says you cannot nest a CSS style inside another style. Now I understand that but I want to have the nice boarder and I want to be able to use styles to control the content. I guess you could say I want the best of both worlds.
Here is the code that I have that is working to produce a really nice round edge box that is nicely formatted to the page.
[CODE]
<%@ Page Language=”VB” AutoEventWireup=”false” CodeFile=”ViewOrder.aspx.vb” Inherits=”ViewOrder” %>
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head runat=”server”>
<title>Order Preview</title>
<style>
p.frame, .h1 {
border-radius: 25px;
border: 2px solid #73AD21;
width: 800px;
height: 1400px;
}
body {
color: black;
font-size:large;
}
</style>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<Center>
<br />
<br />
<p class=”frame”>
<asp:Image ID=”RRLogo” runat=”server” Height=”150px” ImageAlign=”Middle” ImageUrl=”~graphicsRedRock-LogoSquare.png” Width=”150px”></asp:Image>
<br />
Content Goes Here.
</p>
</Center>
</div>
</form>
</body>
</html>
As you can see the P.Frame works great. But then how do I control the font formatting. Or a paragraph formatting inside the P.Frame Class?
Many thanks in advance for any help that can be provided. If you do provide some solution it would also be great if you provide some comments on how it works and why.
Thanks,
Mike