Chapter 14 (Page 483) CSS Declaration

jsymons · September 15th, 2009, 11:33 PM

Hello again,

I've just completed the Try It Out that started on page 482 and noticed that the Declaration within the following CSS Class Selector found on page 483 dosen't seem to be working as expected.

.GridViewHeaderStyle
{
text-align: left;
}

The reason why I say this is that when the Genres.aspx page is opened in the browser, the text displayed in the header for Name and Sort Order is not left justified as in Figure 14-2 on page 476. The text appears to be centered instead. I triple checked the steps within the Try It Out and have no spelling errors for the CSS Class selectors. Everything else is working as expected. Any idea on what could be happening here?

On another note, I also noticed that the data for the Title field within the Reviews.aspx page which is a link is still underlined when I open the page in the browser yet Figure 14-6 on page 484 shows this data not underlined. Is there more CSS needed to remove the underline from the links within the GridView here?

Any help would be greatly appreciated.

Thanks,

John

Imar · September 16th, 2009, 04:24 AM

Hi there,

A few things to check:

1. Is the Management.css skin file correctly included in the page? When you look in the final HTML do you see the file linked there?

2. Did you add the declaration to the correct file?

3. Is the file cached by the browser? Try reloading the page in the browser using Ctrl+F5 or Ctrl+R and see if that helps. If not, try clearing your browser's cache.

4.CSS selectors are case sensitive. Make sure you applied the GridViewHeaderStyle with the exact same spelling in GridView.skin and in Management.css.

Hope this helps,

Imar

jsymons · September 16th, 2009, 08:42 AM

Imar,

To answer your questions:

1. The final HTML contains the following link:

<link href="../App_Themes/Management/Management.css" type="text/css" rel="stylesheet" />

2. Yes, the declaration was added within the Management.css file.

3. I cleared out the browsers cache and refreshed the page via Ctrl+F5 multiple times yet the Header text remains centered.

4. I checked both the GridView.skin and the Management.css files and the GridViewHeaderStyle was applied with the exact same spelling within both.

I must admit this is perplexing as the declarations within the other CSS Class Selectors within the Management.css file are working fine. I even intentionally misspelled the .GridViewAlternatingRowStyle selector in the Management.css file and reopened the Genres.aspx page in the browser. As expected there wasn't a different color for the alternating rows, so I can safely assume that the stylesheet is linked to correctly. Once the text was corrected, the alternating rows had a different background color.

Additionally, I even tried utilizing a HorizontalAlign="Left" attribute within the <HeaderStyle /> tag in the GridView.skin file which didn't work either.

Any other ideas?

Thanks,

John

Imar · September 16th, 2009, 08:51 AM

Which browser are you using?

I've tested this in IE and Firefox when I wrote the book and it used to work fine.

Can you send me a zipped copy of the full source so I can take a look? Send me a message through my profile page. I'll reply so you know my address so you can send me the file.

Cheers,

Imar

jsymons · September 16th, 2009, 01:42 PM

I'm using IE 8. I'll be glad to zip up my source code and email it your way. On your public profile page there is no link to send you a message? How can I contact you via your public profile page? Thanks again.

John

Imar · September 16th, 2009, 05:59 PM

Hi John,

I think this feature is blocked for new members. Try my own web site instead: http://imar.spaanjaars.com/Contact.aspx

Cheers,

Imar

jsymons · September 16th, 2009, 09:35 PM

Imar,

Sorry to say, but no luck submitting you an email message on your website. There was an error message. Couldn't you just email me through my profile here and then I can reply with the zip file attachment? So sorry for being a pain. Thank god I will be unwinding next month at a Tiesto rave! I'll have to use the PlanetWrox website to put in a review and upload some photos, lol.

John

Imar · September 17th, 2009, 03:19 AM

Thanks for mentioning that error on my web site. Need to look into that....

I tried to send you a message but I got a message saying that's not allowed.

You can also try to e-mail me with my first name at my last name dot com.

Cheers,

Imar

Imar · September 17th, 2009, 03:24 AM

BTW: the problem on my site is fixed....

Cheers,

Imar

jsymons · September 17th, 2009, 07:21 AM

Imar,

I sent you the zip file.

Thanks,

John