CSS von HTML trennen?

[PeterAssmann]

Hallo, ich habe hier auf: Free RnB Radio für die Hiphop-Community: Best of R&B ein Widget eingefügt. Es handelt sich dabei um das Radio Widget von Last.fm. Nun möchte ich den css code von dem html code trennen, habe aber keine ahnung, wie das geht. hoffentlich kann mir jmd. helfen. hier ist der code:

<table class="lfmWidgetradio_b7d2008e2bd280a9af639a9a9f5510ab" cellpadding="0" cellspacing="0" border="0" 

style="width:184px;"><tr class="lfmHead"><td><a title="Musik getaggt als rnb " 

href="http://www.lastfm.de/listen/globaltags/rnb" target="_blank" 

style="display:block;overflow:hidden;height:20px;width:184px;background:url

(http://cdn.last.fm/widgets/images/de/header/radio/regular_blue.png) no-repeat 0 -20px;text-

decoration:none;border:0;"></a></td></tr><tr class="lfmEmbed"><td><object type="application/x-shockwave-flash" 

data="http://cdn.last.fm/widgets/radio/26.swf" 

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="184" height="140" > 

<param name="movie" value="http://cdn.last.fm/widgets/radio/26.swf" /> <param name="flashvars" 

value="lfmMode=radio&amp;radioURL=globaltags%

2Frnb&amp;title=Musik+getaggt+als+rnb+&amp;theme=blue&amp;lang=de&amp;widget_id=radio_b7d2008e2bd280a9af639a9a9f5510ab" /> 

<param name="bgcolor" value="6598cd" /> <param name="quality" value="high" /> <param name="allowScriptAccess" value="always" 

/> <param name="allowNetworking" value="all" /> </object></td></tr><tr class="lfmFoot"><td style="background:url

(http://cdn.last.fm/widgets/images/footer_bg/blue.png) repeat-x 0 0;text-align:right;"><table cellspacing="0" cellpadding="0" 

border="0" style="width:184px;"><tr><td class="lfmConfig"><a href="http://www.lastfm.de/widgets/?url=globaltags%

2Frnb&amp;colour=blue&amp;size=regular&amp;autostart=0&amp;from=code&amp;widget=radio" title="Hol dir dein eigenes Widget" 

target="_blank" style="display:block;overflow:hidden;width:85px;height:20px;float:right;background:url

(http://cdn.last.fm/widgets/images/de/footer/blue_np.png) no-repeat 0px -20px;text-decoration:none;border:0;"></a></td><td 

class="lfmView" style="width:74px;">

<a href="http://www.lastfm.de/" title="zu Last.fm" target="_blank" 

style="display:block;overflow:hidden;width:74px;height:20px;background:url

(http://cdn.last.fm/widgets/images/de/footer/blue_np.png) no-repeat -85px -20px;text-decoration:none;border:0;"></a></td><td 

class="lfmPopup"style="width:25px;"><a href="http://www.lastfm.de/widgets/popup/?url=globaltags%

2Frnb&amp;colour=blue&amp;size=regular&amp;autostart=0&amp;from=code&amp;widget=radio&amp;resize=1" title="Lade dieses Widget 

in einem Popup" target="_blank" style="display:block;overflow:hidden;width:25px;height:20px;background:url

(http://cdn.last.fm/widgets/images/de/footer/blue_np.png) no-repeat -159px -20px;text-decoration:none;border:0;" 

onclick="window.open(this.href + '&amp;resize=0','lfm_popup','height=240,width=234,resizable=yes,scrollbars=yes'); return 

false;"></a></td></tr></table></td></tr></table>

und wie exportiere ich den css teil in die css datei? dankeschön...

PS: Natürlich könnt ihr mir auch einfach sagen, wie ich den CSS teil erkenne, dann kann ich ihn selbst vom html und js trennen! :)

 

[threadi]

Alles was in style-Attributen innerhalb von HTML-Tags steht ist CSS-Code. Diesen musst du so in die CSS-Datei einfügen, dass sie immernoch den HTML-Tags zugeordnet werden.

Beispiel:
In:

<table class="lfmWidgetradio_b7d2008e2bd280a9af639a9a9f5510ab" cellpadding="0" cellspacing="0" border="0" style="width:184px;">

ist der CSS-Code

width: 184px;

Dieser muss auf den Selektor table geschrieben werden:

table { width: 184px; }

Automatisch kann man das nicht trennen. Der Quellcode enthält zudem bereits CSS-Klassen wie "fmWidgetradio_b7d2008e2bd280a9af639a9a9f5510ab" die vielleicht schon an anderen Stellen mit CSS-Eigenschaften belegt sind.

 

[PeterAssmann]

Alles was in style-Attributen innerhalb von HTML-Tags steht ist CSS-Code. Diesen musst du so in die CSS-Datei einfügen, dass sie immernoch den HTML-Tags zugeordnet werden.

Beispiel:
In:

<table class="lfmWidgetradio_b7d2008e2bd280a9af639a9a9f5510ab" cellpadding="0" cellspacing="0" border="0" style="width:184px;">

ist der CSS-Code

width: 184px;

Dieser muss auf den Selektor table geschrieben werden:

table { width: 184px; }

Automatisch kann man das nicht trennen. Der Quellcode enthält zudem bereits CSS-Klassen wie "fmWidgetradio_b7d2008e2bd280a9af639a9a9f5510ab" die vielleicht schon an anderen Stellen mit CSS-Eigenschaften belegt sind.

mhm ahso. ich dachte mein bruder (ist grade im urlaub) hätte mir das mal gemacht und hätte dabei einfach die eine hälfte komplett genommen und ins cssheet exportiert. wenn das natürlich eine kleinst-arbeit ist, dann ist es die Mühe kaum wird.