Chapter 14 (Page 483) CSS Declaration

Imar · September 18th, 2009, 05:15 AM

Hi John,

I think I nailed it down.

The first problem, with the heading not aligning to the left is an Internet Explorer 8 issue. When you click the "Compatibility View" button at the end of the address bar, the heading jumps in place. IE 8 wasn't out when I wrote this book and IE 7 and FireFox (which I used to write and test the code in the book) nicely align the header to the left. The fix is easy though. Just add th (for a table heading) to the CSS selector:

Code:

 
.GridViewHeaderStyle th
{
  text-align: left;
}

Not sure if IE 8 has it wrong, or IE 7 and Firefox. Maybe the CSS rules dictate that aligning cannot bubble down from a tr to a th.

The second issue, with the links still being underlined, is just an issue with the screenshot on page 484. If you follow the code in the book, the links indeed end up underlined. Again, the fix is easy. Just add text-decoration: none; to the GridView a selector which is already present in Management.css:

Code:

 
.GridView, .GridView a
{
  color: #000;
  text-decoration: none;
}

This removes all underlining from all links in the GridView.

I'll see if I can have this added to the errata section for the book.

Hope this helps,

Imar

jsymons · September 18th, 2009, 07:14 AM

Imar,

This absolutely helped! Thanks for taking the time out of your day to look into this. Your also right about Figure 14-6 on page 484 being an issue with the screenshot as later in the book on page 492 Figure 14-7 the links are in fact underlined again. At the time of the original post, I wasn't that far into the book yet.

Thanks again,

John