Welcome to WebmasterWorld Guest from 50.19.53.104

Forum Moderators: bill & werty

Message Too Old, No Replies

Styling with two stylesheets

XSL and CSS together?

     

R1chard

9:53 pm on Mar 14, 2007 (gmt 0)

10+ Year Member



OK, I have recently set up an RSS feed, and the xml has the following line:

<?xml version="1.0"?><?xml-stylesheet type="text/xsl" href="newstyle.xsl"?>

So far, so good, I'm able to style it myself in terms of item sorting, link layout and bg colors when somebody browses the page directly. However, I would also like to link our CSS stylesheet to style the appearance of H1 and link hovers. But when I add a <link> in the XML to the CSS, nothing seems to happen (both normally and using the xml stylesheet format above). I then tried putting the <link> in the XSL <head>, but this didn't work either. No errors, just no styling.

I presume this must be possible, so am I doing something wrong?

Thanks for any help.

bill

1:42 am on Mar 16, 2007 (gmt 0)

WebmasterWorld Administrator bill is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Something like this should work:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.example.com/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.example.com/itemcontent.css" type="text/css" media="screen"?>

R1chard

10:14 am on Mar 16, 2007 (gmt 0)

10+ Year Member



Thanks for your input Bill.

In the end, I solved it myself - I was keen to link the stylesheet from the xsl rather than the xml, if possible, since I guess that should save bandwidth for me and the users because it will be called less often (ie in a dedicated newsreader it displays the feed in a different way).

Anyway, as far as I can tell, the problem was to do with case sensitivity differences between xml and css. When I changed my css to make it all lower case, it all worked. I had been using "A:hover" before, which was ok for html but not for this.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month