howq to transfer css coding from html to css file

Help with html/xhtml, css, javascript and other related topics.

Moderator: Moderators

howq to transfer css coding from html to css file

Postby Subz on Sun May 14, 2006 4:03 pm

here is the coding for the html

Code: Select all
<html>
<head>
<title>SUBZONLINE.COM - WEBSITE COMING SOON! CHECK BACK!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFFFFF;
   scrollbar-face-color: #999999;
    scrollbar-shadow-color: black;
    scrollbar-highlight-color: black;
    scrollbar-3dlight-color: black;
    scrollbar-darkshadow-color: black;
    scrollbar-track-color: black;
    scrollbar-arrow-color: #000000;
}
body {
   background-color: #333333;
   margin-bottom: 0px;
   background-image:  url(../images/bg_image.jpg);
}
a:link {
   color: #CC0000;
   font-weight: bold;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #CC0000;
}
a:hover {
   text-decoration: none;
   color: #FFFFFF;
}
a:active {
   text-decoration: none;
   color: #CC0000;
}
a {
   font-weight: bold;
}
h1 {
   font-size: 10px;
   color: #FF0000;
}
.style1 {
   color: #FFFFFF;
   font-weight: bold;
}
.style2 {color: #CC0000}
.style3 {color: #999999}
.unnamed1 {
   border: thin solid #FFFFFF;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (subzonline2.psd) -->
<div align="center">
  <table id="Table_01" width="678" height="760" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
     <tr>
        <td width="192" rowspan="3">
           <a href="http://www.ukflavas.com"><img src="images/ukflavas_01.jpg" alt="Designed By Dj Lickal E aka UkF Designs" width="192" height="16" border="0"></a></td>
        <td width="109" rowspan="3">
           <img src="images/ukflavas_02.jpg" width="109" height="16" alt=""></td>
        <td height="4" colspan="7">
           <img src="images/ukflavas_03.jpg" width="376" height="4" alt=""></td>
        <td width="1">
           <img src="images/spacer.gif" width="1" height="4" alt=""></td>
     </tr>
     <tr>
        <td width="94" height="8">
           <a href="phpservices.htm"><img src="images/ukflavas_04.jpg" alt="PHPBB Services" width="94" height="8" border="0"></a></td>
        <td colspan="2">
           <a href="hosting.htm"><img src="images/ukflavas_05.jpg" alt="Hosting Services" width="109" height="8" border="0"></a></td>
        <td width="62">
           <a href="contact.htm"><img src="images/ukflavas_06.jpg" alt="Contact" width="62" height="8" border="0"></a></td>
        <td colspan="2">
           <a href="advertise.htm"><img src="images/ukflavas_07.jpg" alt="Advertise" width="67" height="8" border="0"></a></td>
        <td width="44">
           <a href="links.htm"><img src="images/ukflavas_08.jpg" alt="Links" width="44" height="8" border="0"></a></td>
        <td>
           <img src="images/spacer.gif" width="1" height="8" alt=""></td>
     </tr>
     <tr>
        <td colspan="7" rowspan="2">
           <img src="images/ukflavas_09.jpg" width="376" height="60" alt=""></td>
        <td height="4">
           <img src="images/spacer.gif" width="1" height="4" alt=""></td>
     </tr>
     <tr>
        <td height="56" colspan="2">
           <a href="http://www.subzonline.com"><img src="images/ukflavas_10.jpg" alt="SubzOnline.Com" width="301" height="56" border="0"></a></td>
        <td>
           <img src="images/spacer.gif" width="1" height="56" alt=""></td>
     </tr>
     <tr>
        <td colspan="4" rowspan="8">
           <img src="images/ukflavas_11.jpg" width="497" height="259" alt=""></td>
        <td height="8" colspan="5">
           <img src="images/ukflavas_12.jpg" width="180" height="8" alt=""></td>
        <td>
           <img src="images/spacer.gif" width="1" height="8" alt=""></td>
     </tr>
     <tr>
        <td height="27" colspan="3">
           <a href="index.htm"><img src="images/ukflavas_13.jpg" alt="Home" width="133" height="27" border="0"></a></td>
        <td colspan="2" rowspan="4">
           <img src="images/ukflavas_14.jpg" width="47" height="106" alt=""></td>
        <td>
           <img src="images/spacer.gif" width="1" height="27" alt=""></td>
     </tr>
     <tr>
        <td height="27" colspan="3">
           <a href="media.htm"><img src="images/ukflavas_15.jpg" alt="Media" width="133" height="27" border="0"></a></td>
        <td>
           <img src="images/spacer.gif" width="1" height="27" alt=""></td>
     </tr>
     <tr>
        <td height="26" colspan="3">
           <a href="gallery.htm"><img src="images/ukflavas_16.jpg" alt="Gallery" width="133" height="26" border="0"></a></td>
        <td>
           <img src="images/spacer.gif" width="1" height="26" alt=""></td>
     </tr>
     <tr>
        <td height="26" colspan="3">
           <a href="interviews.htm"><img src="images/ukflavas_17.jpg" alt="Interviews" width="133" height="26" border="0"></a></td>
        <td>
           <img src="images/spacer.gif" width="1" height="26" alt=""></td>
     </tr>
     <tr>
        <td height="28" colspan="5">
           <a href="radio.htm"><img src="images/ukflavas_18.jpg" alt="Internet Radio" width="180" height="28" border="0"></a></td>
        <td>
           <img src="images/spacer.gif" width="1" height="28" alt=""></td>
     </tr>
     <tr>
        <td height="15" colspan="3">
           <a href="/forums/"><img src="images/ukflavas_19.jpg" alt="Launch Forums" width="133" height="15" border="0"></a></td>
        <td colspan="2">
           <img src="images/ukflavas_20.jpg" width="47" height="15" alt=""></td>
        <td>
           <img src="images/spacer.gif" width="1" height="15" alt=""></td>
     </tr>
     <tr>
        <td height="102" colspan="5">
           <img src="images/ukflavas_21.jpg" width="180" height="102" alt=""></td>
        <td>
           <img src="images/spacer.gif" width="1" height="102" alt=""></td>
     </tr>
     <tr>
        <td colspan="9" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
          <!--DWLayoutTable-->
          <tr>
            <td width="461" height="40" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="461" height="40" valign="top"><img src="images/page_title/home.jpg" alt="Home" width="345" height="40"></td>
               </tr>
                           </table></td>
             <td width="17">&nbsp;</td>
             <td width="200" valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
               <!--DWLayoutTable-->
               <tr>
                 <td width="180" height="40">&nbsp;</td>
                </tr>
              </table></td>
           </tr>
          <tr>
            <td height="669" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="8" height="91">&nbsp;</td>
                <td width="439" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <!--DWLayoutTable-->
                    <tr>
                      <td width="110" height="91" align="center" valign="middle"><a href="#"><img src="images/blank_pic.jpg" alt="Gallery" width="100" height="75" border="0" class="unnamed1"></a></td>
                    <td width="110" align="center" valign="middle"><a href="#"><img src="images/blank_pic.jpg" alt="Gallery" width="100" height="75" border="0" class="unnamed1"></a></td>
                  <td width="110" align="center" valign="middle"><a href="#"><img src="images/blank_pic.jpg" alt="Gallery" width="100" height="75" border="0" class="unnamed1"></a></td>
                  <td width="110" align="center" valign="middle"><a href="#"><img src="images/blank_pic.jpg" alt="Gallery" width="100" height="75" border="0" class="unnamed1"></a></td>
                  </tr>
                  </table></td>
                  <td width="14">&nbsp;</td>
               </tr>
              <tr>
                <td height="568" colspan="3" valign="top"><table width="100%" border="0" cellpadding="10" cellspacing="0">
                    <!--DWLayoutTable-->
                    <tr>
                      <td width="441" height="140" valign="top"><b>Site Under Construction<b><br></td>
                 </tr>
                    <tr>
                      <td height="40" valign="top"><div align="left"><img src="images/custom_spacer.jpg" width="392" height="20"></div></td>
                     </tr>
                    <tr>
                      <td height="140" valign="top"></td>
                 </tr>
                    <tr>
                      <td height="40" valign="top"><div align="left"><img src="images/custom_spacer.jpg" width="392" height="20"></div></td>
                 </tr>
                    <tr>
                      <td height="140" valign="top"></td>
                 </tr>
                    <tr>
                      <td height="40" valign="top"><div align="left"><img src="images/custom_spacer.jpg" width="392" height="20"></div></td>
                     </tr>
                    <tr>
                      <td height="38">&nbsp;</td>
                     </tr>
                                                      </table></td>
                </tr>
                                                                                                 </table></td>
             <td>&nbsp;</td>
              <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="200" height="563" valign="top"><iframe src="rightframe.htm" width="214" height="563" scrolling="yes" frameborder="0" ></iframe></td>
                </tr>
              <tr>
                <td height="28">&nbsp;</td>
               </tr>
              <tr>
                <td height="78" valign="top"><span class="style2"><span class="style3">Any problems/questions about<br>
this website please email our <br>
designer for help etc. </span><br>
                                                                                                                                                                                    </span><br>
                  <span class="style1">Email:</span> <a href="mailto:webmaster@ukflavas.com">webmaster@ukflavas.com</a></td>
                </tr>
                            </table></td>
            </tr>
          <tr>
            <td height="33" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
              <!--DWLayoutTable-->
              <tr>
                <td width="678" height="18" valign="top"><div align="center"><SPAN class=copyright><SPAN class=gensmall>Copyright &copy; SubzOnline </SPAN></SPAN>2006 <a href="http://www.ukflavas.com">Designed By Dj Lickal E aKa UkF</a>. </div></td>
               </tr>
              <!--DWLayoutTable-->
              <tr>
                <td height="15" align="center" valign="middle"><div align="center"><a href="contact.htm">Contact</a> - <a href="sitedesigner.htm">Site Designer</a> - <a href="advertise.htm">Advertise</a> - <a href="links.htm">Links</a> - <a href="phpservices.htm">phpbb Services</a> - <a href="hosting.htm">Hosting Services</a> </div></td>
               </tr>
             </table></td>
            </tr>
         </table></td>
        <td height="428">
           <img src="images/spacer.gif" width="1" height="428" alt=""></td>
     </tr>
     <tr>
        <td height="210"></td>
     </tr>
     <tr>
       <td height="1"></td>
       <td></td>
       <td></td>
       <td width="102"></td>
       <td width="7"></td>
       <td></td>
       <td width="64"></td>
       <td width="4"></td>
       <td></td>
       <td></td>
    </tr>
  </table>
  <!-- End ImageReady Slices -->
</div>
</body>
</html>


the link to the css file is

http://www.subzonline.com/website.css

all the coding is already in the css file but i don't know what link or bit of ode i should put in the html file so it reads all the cs from website.css instead of index.html


thanks in advance for any help on this
User avatar
Subz
Registered User
Registered User
 
Posts: 924
Joined: Sat Aug 21, 2004 12:54 am
Location: North London

Postby DooBDee on Sun May 14, 2006 5:12 pm

Remove the css stuff from that HTML file, then somewhere in <head> section (I usually put it after <title>) add

Code: Select all
<link rel="stylesheet" href="website.css" type="text/css" />
DooBDee
Website Ninja
DooBDee.net
User avatar
DooBDee
Moderator
Moderator
 
Posts: 3530
Joined: Tue Mar 01, 2005 6:28 pm
Location: DooBDee.net

Postby Subz on Sun May 14, 2006 7:51 pm

thanks man

that helped so much
User avatar
Subz
Registered User
Registered User
 
Posts: 924
Joined: Sat Aug 21, 2004 12:54 am
Location: North London


Return to (X)HTML Coding

Who is online

Users browsing this forum: No registered users and 1 guest

cron