Uitlijnen in script lukt niet

Hallo,

Ik heb het volgende stukje code in een site opgenomen. Dit werkt goed, echter wil ik de tekst in het midden uitgelijnd hebben.
Van alles geprobeerd maar ik krijg het niet voor elkaar.
Wie weet raad?
Ik gebruik dit voor een halscherm van ons dorpshuis. die kijkt met een Android-box naar de site: www.brandvisie.nl/brinkscherm


<div style='position:absolute;margin-left:-1000px;margin-top:30px;width:1600px;text-align:center;
height:45px;z-index:8'>


<!-- start sw-rss-feed code -->
<script type="text/javascript">
<!--
rssfeed_url = new Array();
rssfeed_url[0]="http://www.nu.nl/rss/Algemeen";
rssfeed_frame_width="1600";
rssfeed_frame_height="45";
rssfeed_scroll="on";
rssfeed_scroll_step="6";
rssfeed_scroll_bar="off";
rssfeed_target="_blanc";
rssfeed_font_size="32";
rssfeed_font_face="Verdana";
rssfeed_font_color="#faa";
rssfeed_border="off";
rssfeed_css_url="";
rssfeed_title="off";
rssfeed_title_name="";
rssfeed_title_bgcolor="#3366ff";
rssfeed_title_color="#fff";
rssfeed_title_bgimage="http://";
rssfeed_footer="off";
rssfeed_footer_name="rss feed";
rssfeed_footer_bgcolor="#fff";
rssfeed_footer_color="#ff6699";
rssfeed_footer_bgimage="http://";
rssfeed_item_title_length="600";
rssfeed_item_title_color="#fff";
rssfeed_item_bgcolor="#000080";
rssfeed_item_bgimage="http://";
rssfeed_item_border_bottom="off";
rssfeed_item_source_icon="off";
rssfeed_item_date="off";
rssfeed_item_description="off";
rssfeed_item_description_length="600";
rssfeed_item_description_color="#fff";
rssfeed_item_description_link_color="#333";
rssfeed_item_description_tag="off";
rssfeed_no_items="0";
rssfeed_cache = "a4b20f64e9104913c239eb10eb665937";
//-->
</script>
<script type="text/javascript" src="http://feed.surfing-waves.com/js/rss-feed.js"></script>

Er wordt door het script een iframe gemaakt, daarom kan je in de style geen opmaak aan de inhoud geven.

Er is wel een parameter "css_url" zodat je zelf css kan maken
rssfeed_css_url="http://feed.surfing-waves.com/js/rssfeed.css";

Ik heb getest met * {text-align: center} en dat werkt maar de rest van de opmaak is dan weg en zal je zelf handmatig moeten toevoegen.

Suc6.

bron zei:

Er wordt door het script een iframe gemaakt, daarom kan je in de style geen opmaak aan de inhoud geven.

Er is wel een parameter "css_url" zodat je zelf css kan maken
rssfeed_css_url="http://feed.surfing-waves.com/js/rssfeed.css";

Ik heb getest met * {text-align: center} en dat werkt maar de rest van de opmaak is dan weg en zal je zelf handmatig moeten toevoegen.

Suc6.

Klik om te vergroten...

Hallo Mega Senior,

Ik snap wat je bedoel maar de koppeling van een stukje javascript naar CSS is mij niet duidelijk.
Als ik het goed begrijp kan ik de regel
rssfeed_css_url="" laten verwijzen naar een eigen plek op mijn site waar ik de CSS code in plaats. Dus bv rss_css_url="http://......../css/rssfeed.css

In rssfeed stop ik dan in ieder geval * {txt align: center}
Maar wat zet ik dan op de plaats van het sterretje?
Is dat de naam van het script? (.sw-rss-feed{txt align: center} werkt niet)

Dit is allemaal nieuw voor mij, misschien kan je nog een tip/voorbeeld geven?

Grt Vincent

RE: koppeling van een stukje javascript naar CSS
De javascript is voor het maken van- , en voor de vormgeving van een iframe (het kozijn), niet voor de inhoud.

RE: de regel rssfeed_css_url="" laten verwijzen naar een eigen plek op mijn site.
Klopt helemaal.

RE: In rssfeed stop ik dan in ieder geval * {txt align: center}
De * heb ik alleen gebruikt om te testen. Een * betekent "selecteer alles" en die kan je niet gebruiken. Het vervelende is dat je niet weet welke css er wordt toegevoegd door "rss-feed" want die css moet je ook toevoegen in je eigen css bestand... Al met al lastig.

bron zei:

RE: koppeling van een stukje javascript naar CSS
De javascript is voor het maken van- , en voor de vormgeving van een iframe (het kozijn), niet voor de inhoud.

RE: de regel rssfeed_css_url="" laten verwijzen naar een eigen plek op mijn site.
Klopt helemaal.

RE: In rssfeed stop ik dan in ieder geval * {txt align: center}
De * heb ik alleen gebruikt om te testen. Een * betekent "selecteer alles" en die kan je niet gebruiken. Het vervelende is dat je niet weet welke css er wordt toegevoegd door "rss-feed" want die css moet je ook toevoegen in je eigen css bestand... Al met al lastig.

Klik om te vergroten...

Hallo Mega Senior,

Het is inmiddels gelukt.
In heb de 1 van de voorkeuze styles binnen gehaald en verbouwd. Even knutselen maar werkt nu prima met alle instellingen naar eigen wens, inhoud CSS:

body{margin:0;padding:0;}
img {border:0px;}
.feed-container{font-size:36px;border:0px solid #fff;font-family:Ariel,helvetica,verdana;background-color:#00008B}
.feed-container a{color:#fff;text-decoration:none;}
.feed-container a:hover{color:#3d3daa;text-decoration:none;}
.feed-container .header .title{margin:0;padding:0;}
.feed-container .content{margin:0px;padding:0 0px;}
.feed-container .content .item{margin:0 0 0px 0;padding:0 0 0px 0;}
.feed-container .content .item .title{margin:1px 0 0px 0px;text-align:center;padding:2px 2px 2px 2px;color:#333;font-weight:bold;}


Bedank nog voor de hulp! Je hebt me op het goede spoor gezet TOP.

Grt Vincent

Top :thumb: je css heb ik iets aangepast zoals a:active en font-family.
Suc6 met je website!