Hjælt til at ændre font
jeg har hentet koden fra :http://www.dynamicdrive.com/dynamicindex18/gajaxrssticker.htm
jeg vil gerne bruge eksempel 3 og det virker også næsten.
Jeg vil gerne ændre font så det kan bruges på en stor info skærm, men det er kun lykkes mig at ændre fonten på overskriften, hvad går galt ?
min kode er (uden js-filer, kan hentes på siden):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="gfeedfetcher.js"></script>
<script type="text/javascript" src="gajaxscroller.js">
/***********************************************
* gAjax RSS Pausing Scroller- (c) Dynamic Drive (www.dynamicdrive.com)
* Requires "gfeedfetcher.js" class
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<style type="text/css">
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
font-size: 35px;
}
.labelfield{ /*CSS for label field in general*/
color:gray;
font-size: 35px;;
}
.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 20px;;
}
#example1{ /*Demo 1 main container*/
width: 450px;
height: 30px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}
#example2{ /*Demo 2 main container*/
width: 600px;
height: 180px;
border: 1px dashed black;
padding: 4px;
background-color: #EEEEEE;
}
#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}
#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}
#example3{ /*Demo 3 main container*/
width: 800;
height: 75px;
border: 0px solid navy;
padding: 4px;
}
#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}
code{ /*CSS for insructions*/
color: red;
}
</style>
</head>
<body>
<script type="text/javascript">
var newsfeed=new gfeedpausescroller("example3", "example3class", 5000, "_new")
newsfeed.addFeed("DR Nyhederne", "http://www.dr.dk/nyheder/service/feeds/allenyheder") //Specify "label" plus URL to RSS feed
newsfeed.addFeed("TV 2 Nyhederne ", "http://rss.tv2.dk/rss/show/site/nyhederne.tv2.dk/feed/TV+2+Nyhederne/index.xml") //Specify "label" plus URL to RSS feed
newsfeed.addFeed("Jyllandsposten Seneste nyt", "http://jp.dk/index.jsp?service=rssfeed&submode=seneste ") //Specify "label" plus URL to RSS feed
newsfeed.displayoptions("datetime snippet") //show the specified additional fields
newsfeed.setentrycontainer("p") //Display each entry as a paragraph
newsfeed.filterfeed(8, "date") //Show 8 entries, sort by date
newsfeed.entries_per_page(1)
newsfeed.init() //Always call this last
</script>
</body>
</html>