I was able to create the following formatting in my .css file for my master page header tag:
Code:
header
{
background-color: black;
color: greenyellow;
font-family: 'Monotype Corsiva';
font-size:xx-large;
etc...
}
And it works fine with the text in the <header> tag of my master page.
But now I've added a table with 1 row; 2 columns, within the <header> tag, where the 1 column is the text, and the second column is an image.
The formatting is now lost. I'm assuming I need to apply formatting in my css to the <td> elements. How should I do that? Do I place an id on the header? On the table? And refer to it that way? Or is it something similar to header.td which doesn't seem to work? Below is my master page code:
Code:
<div id="PageWrapper">
<header>
<table class="auto-style1">
<tr>
<td>Good News Productions</td>
<td>Image will go here...</td>
</tr>
</table>
</header>
<nav>Menu Goes Here</nav>
<section id="MainContent">
<asp:ContentPlaceHolder ID="cpMainContent" runat="server">
</asp:ContentPlaceHolder>
</section>
<aside id="Sidebar">Sidebar Goes Here</aside>
<footer>Footer Goes Here</footer>
</div>