Wrox Programmer Forums
|
BOOK: Beginning ASP.NET 4.5.1 : in C# and VB
This is the forum to discuss the Wrox book Beginning ASP.NET 4.5.1: in C# and VB by Imar Spaanjaars; ISBN: 978-1-118-84677-3
Welcome to the p2p.wrox.com Forums.

You are currently viewing the BOOK: Beginning ASP.NET 4.5.1 : in C# and VB section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old March 29th, 2017, 10:08 PM
Authorized User
 
Join Date: Mar 2017
Posts: 55
Thanks: 12
Thanked 0 Times in 0 Posts
Default CSS Question

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>
 
Old April 2nd, 2017, 03:24 PM
Imar's Avatar
Wrox Author
 
Join Date: Jun 2003
Posts: 17,089
Thanks: 80
Thanked 1,576 Times in 1,552 Posts
Default

>> Or is it something similar to header.td which doesn't seem to work?

Almost. It's

header td

Since td is an element, you can't use the dot in front of it; that's reserved for class names.

Imar
__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!
The Following User Says Thank You to Imar For This Useful Post:
papadan (April 2nd, 2017)





Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS question, need to center a header. wbport BOOK: Beginning HTML and CSS (published March 2013) 5 July 26th, 2013 10:31 AM
Easy Html CSS question bekim All Other Wrox Books 3 August 24th, 2009 02:41 AM
3-Column CSS Question kwilliams CSS Cascading Style Sheets 2 April 8th, 2008 02:33 PM
Question on First CSS savoym CSS Cascading Style Sheets 2 February 1st, 2007 10:02 AM
CSS question Edward King CSS Cascading Style Sheets 1 September 16th, 2005 01:02 PM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.