title: connecting xslt to external css
body: <p>i have xml file which i styled using xslt .. i have an external css file to style the table in xslt .. how do i connect this external css file to my xslt ?</p>
  
  <p>this is my InternetTv.xml code</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;?xml-stylesheet type="text/xsl" href="InternetTvXSL.xsl" ?&gt;
  
  &lt;InternetTelevision xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="InternetTvXSD.xsd"&gt;
  &lt;subscription subscriber_IP="1.2.3"  Server_IP="10.144.50.55"&gt;
      &lt;info&gt;
          &lt;name&gt;
              &lt;first&gt;lama&lt;/first&gt;
              &lt;last&gt;tatwany&lt;/last&gt;
          &lt;/name&gt;
          &lt;id&gt;1234567890&lt;/id&gt;
          &lt;dob&gt;1999-12-01&lt;/dob&gt;
          &lt;phone&gt;1111111&lt;/phone&gt;
      &lt;/info&gt;
      &lt;channel name="aaa" id="1" favorite="true"&gt;
          &lt;program broadcast_frequency="Daily" broadcast_time="11:50:00" &gt;
              &lt;name&gt;vvv&lt;/name&gt;
              &lt;id&gt;aaa&lt;/id&gt;
              &lt;description&gt;eeeeee&lt;/description&gt;
          &lt;/program&gt;
      &lt;/channel&gt;
      &lt;channel name="aaa" id="1" favorite="false"&gt;
          &lt;program broadcast_frequency="Daily" broadcast_time="11:50:00" &gt;
              &lt;name&gt;vvv&lt;/name&gt;
              &lt;id&gt;aaa&lt;/id&gt;
              &lt;description&gt;eeeeee&lt;/description&gt;
          &lt;/program&gt;
          &lt;program broadcast_frequency="Daily" broadcast_time="11:50:00" &gt;
              &lt;name&gt;vvv&lt;/name&gt;
              &lt;id&gt;aaa&lt;/id&gt;
              &lt;description&gt;eeeeee&lt;/description&gt;
          &lt;/program&gt;
      &lt;/channel&gt;
  &lt;/subscription&gt;
  &lt;/InternetTelevision&gt;
  </code></pre>
  
  <p>and my InternetTvXSLT.xsl file </p>
  
  <pre><code> &lt;?xml version="1.0" encoding="ISO-8859-1"?&gt;
   &lt;xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt;
  
   &lt;xsl:template match="/"&gt;
   &lt;html&gt;
   &lt;head&gt;
   &lt;style&gt;
  
   body {
  font-family: Georgia;
   }
   h1 {
  color: orange;
   } 
   h2 {
  color: gray;
   }
   h5 {
  background: #D5ECFD;
   } 
   &lt;/style&gt;
   &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;Subscriber Profile&lt;/h1&gt;
  &lt;h4&gt;This profile provides all the information you need to know about &lt;xsl:value-of select="InternetTelevision/subscription/info/name/last"/&gt;&amp;#160;&lt;xsl:value-of select="InternetTelevision/subscription/info/name/first"/&gt;&lt;/h4&gt;
  &lt;h2&gt;General Information&lt;/h2&gt;
  &lt;h5&gt;Server IP: &lt;xsl:value-of select="InternetTelevision/subscription/@Server_IP"/&gt; &amp;#160; User IP: &lt;xsl:value-of select="InternetTelevision/subscription/@subscriber_IP"/&gt;&lt;/h5&gt; 
  &lt;h5&gt;Name: &lt;xsl:value-of select="InternetTelevision/subscription/info/name/last"/&gt;&amp;#160;&lt;xsl:value-of select="InternetTelevision/subscription/info/name/first"/&gt; &amp;#160; ID: &lt;xsl:value-of select="InternetTelevision/subscription/info/id"/&gt; &amp;#160; Date of Birth: &lt;xsl:value-of select="InternetTelevision/subscription/info/dob"/&gt; &amp;#160; Phone: &lt;xsl:value-of select="InternetTelevision/subscription/info/phone"/&gt;&lt;/h5&gt;
  &lt;h2&gt;Channels Subscriptions:&lt;/h2&gt;
  &lt;xsl:for-each select="InternetTelevision/subscription/channel"&gt;
  &lt;xsl:choose&gt;
       &lt;xsl:when test="@favorite = 'true'"&gt;
  &lt;h3&gt;Channel Name: &lt;font color="green"&gt;&lt;xsl:value-of select="@name"/&gt;&lt;/font&gt;&lt;/h3&gt;
      &lt;/xsl:when&gt;
       &lt;xsl:otherwise&gt;
          &lt;h3&gt;Channel Name: &lt;xsl:value-of select="@name"/&gt;&lt;/h3&gt;
       &lt;/xsl:otherwise&gt;
     &lt;/xsl:choose&gt;
  &lt;h4&gt;Channel ID: &lt;xsl:value-of select="@id"/&gt;&lt;/h4&gt;
  
  &lt;h3&gt;Programs:&lt;/h3&gt;
      &lt;xsl:for-each select="program"&gt;
   &lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;Program Name:&lt;/th&gt;
      &lt;td&gt;&lt;xsl:value-of select="name"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Broadcast Time:&lt;/th&gt;
      &lt;td&gt;&lt;xsl:value-of select="@broadcast_frequency"/&gt; at &lt;xsl:value-of select="@broadcast_time"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;th&gt;Description:&lt;/th&gt;
      &lt;td&gt;&lt;xsl:value-of select="description"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/xsl:for-each&gt;
  &lt;/xsl:for-each&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
   &lt;/xsl:template&gt;
   &lt;/xsl:stylesheet&gt;
  </code></pre>
  
  <p>and here is table_style.css</p>
  
  <pre><code>  #gradient-style{
    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size:13px;
    width:90%;
    text-align:left;
    border-collapse:collapse;
    margin:10px;}
  
    #gradient-style th{
    font-size:18px;
    font-weight:normal;
    background:#b9c9fe url("http://media.smashingmagazine.com/images/express-css-table-                  design/table-images/gradhead.png") repeat-x;
    border-top:2px solid #d3ddff;
    border-bottom:1px solid #fff;
    color:#039;
    padding:2px;}
  
    #gradient-style td{
    border-bottom:1px solid #fff;
    color:#669;
    border-top:1px solid #fff;
    background:#e8edff url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/gradback.png") repeat-x;
    padding:2px;}
  
    #gradient-style tfoot tr td{
    background:#e8edff;
    font-size:12px;
    color:#99c;}
  
    #gradient-style tbody tr:hover td{
    background:#d0dafd url("http://media.smashingmagazine.com/images/express-css-table-design/table-images/gradhover.png") repeat-x;
    color:#339;}
  </code></pre>
  
  <p>where do i connect it ? in xml or xslt ? i tried different codes but none worked :(</p>
  
  <p>can someone help please ?</p>