Any help would be much appreciated, I work for a small business, and manage the website, don't have a great deal of experience so go easy on me... I set up the home page of our website to aggregate content from RSS feeds, (news, blog etc...) but found the only way I could get the style right was to use iframes for this content with a seperate CSS file to define the style of the title etc... This was working fine until about two months ago, suddenly the feed is being displayed as if no CSS is applied, I've tried searching for reasons, and remedies but have found nothing that helps. here is an example of a page I created, which is then displayed on the home page via an iframe <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> <link rel="stylesheet" href="../styles/blogbox.css" media="all"></link> </head> <body style="margin: 0; background-color: #FFCCCC; background-image: url('../Images/backgroundgrad.jpg');"> <div><script language="JavaScript" src="http://landmark-project.com/feed2js/feed2js.php?src=http%3A%2F%2Fspeakeasytheatre.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Falt%3Drss&num=1&desc=480>1&targ=y&css=0001" type="text/javascript"></script> <noscript> <a href="http://landmark-project.com/feed2js/feed2js.php?src=http%3A%2F%2Fspeakeasytheatre.blogspot.com%2Ffeeds%2Fposts%2Fdefault%3Falt%3Drss&num=1&desc=480>1&targ=y&css=0001&html=y">View RSS feed</a> </noscript> </div> </body> </html> Code (markup): And here is the content of file blogbox.css /* begin styles for RSS Feed */ .rss_title, rss_title a { color: red; font-size: 150%; font-family: FontName, Arial; font-weight: bold; text-decoration: underline; text-indent: 5em; letter-spacing: 1px; margin: 5px 0; padding: 0 } .rss_items { list-style-type : none; list-style-image: url("http://142.27.144.70/gerry/pointer.jpg") } .rss_item { color: black; font-size: 75%; font-family: Arial; font-weight: bold; margin: 8px 0 } .rss_item a:link, .rss_item a:visited { font-size: 120%; color: red; ; text-decoration: underline } .rss_item a:hover { color: red; text-decoration: underline } .rss_date { color: gray; font-size: 80%; font-weight: normal } Code (markup): Thanks in advance!
Hey, Why don't you add your site's link?? Ok, what is understood is, you are using a widget for your feeds! If I am right, my suggestion is, try using feedsburner's buzzboost service. You can add this widgets code to your blog and you can style it using CSS. It's so easy.
Just to mention: language="JavaScript" Code (markup): is obsolete in XHTML and makes it invalid I do not understand why you put all those CSS properties into your HTML but you are loading an external CSS file, too. Anyway: Take a look at this here: http://www.zazar.net/developers/zrssfeed/ You can style everything like you want The "feed" from your site is only a xml file called "feed.xml"... There is a "site" missing where this feed is included. By the way, your feed is not valid -> http://validator.w3.org/feed/check.cgi?url=http://www.speakeasytheatre.co.uk/feed.xml Your site is not valid, too -> http://validator.w3.org/check?uri=http://www.speakeasytheatre.co.uk/home/index.htm
Thanks for the pointers, as I say, I'm very much learning what I need as I go along. Just a quick question regarding the feed and site being invalid, I'm already aware of some of these issues, to be honest it seems that using Microsoft Expression as my editor causes a lot of these problems, but, and I appreciate this may be a stupid question so go easy on me... Is it worth my time and effort to make these things valid? The feed.xml file has tags which I have created to do a specific job of feeding my news page on my website, these won't be picked up by feed readers so why should I make the feed valid, if it won't do the job I want. Will this affect my search engine rankings for example, or will I just get laughed at by proper web designers? 'Cause if it's the latter I can live with that.
Just wanted to say thanks for the advice, tried the feedburner buzzboost option, and CSS is now working. If only I could get rid of the little feedburner logo, I'd be completely satisfied, but better than having ugly plain text feeds on the site.