Site not working in Firefox

  • larry488
  • Born
  • Born
  • larry488
  • Posts: 1

Post 3+ Months Ago

Hey Guys,

Im currently working on a clan website, but it doesnt load in firefox for some reason. It works fine in Google Chrome and Internet Explorer.

URL Link: http://www.impossibleisnothing.co.nr


CSS Code:

Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
 
 
  <head>
 
    <title>Dark Shine</title>
 
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
    <link href="css.css" rel="stylesheet" type="text/css" />
 
  </head>
  <body>
 
 
    <!--                  navigation                  -->
 
 
    <ul id="nav">
      <li id="current"><a href="#">Home</a></li>
      <li><a href="#">Forums</a></li>
      <li><a href="#">Chat</a></li>
      <li><a href="#">Sign Up</a></li>
      <li><a href="#">Contest</a></li>
      <li><a href="#">FAQ</a></li>
    </ul>
 
 
    <p>
      <!--                  main title                  -->
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
<p align="center">
      <!--                  beginning of actual page                  -->
      <img src="images/siteheader.jpg" width="660" height="200" />            </p>
<div id="wrapper">
 
 
      <!--                  this is the small black bar                  -->
 
 
      <div id="top">
        <ul>
          <li id="search"><a href="#">search</a></li>
          <li id="login"><a href="#">login</a></li>
          <li id="join"><a href="#">Join!</a></li>
          <li id="chat"><a href="#">Chat!</a></li>
        </ul>
        <span>total users: <strong>1,000,000</strong> currently online:
        <strong>100</strong> using IM: <strong>50</strong> new photos:
        <strong>99</strong></span>
      </div>
 
 
      <!--                  space for ads                  -->
 
 
      <div id="adspace">
        ad space
      </div>
 
 
      <!--                  image links                  -->
 
 
      <div id="main">
        <h1>New Members</h1>
        <ul>
 
          <li>
            <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
            <h2>profile name</h2>
          </li>
 
          <li>
            <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
            <h2>profile name</h2>
          </li>
 
          <li>
            <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
            <h2>profile name</h2>
          </li>
 
          <li>
            <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
            <h2>profile name</h2>
          </li>
 
          <li>
            <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
            <h2>profile name</h2>
          </li>
 
        </ul>
 
      </div>
 
 
      <!--                  rest of content                  -->
 
 
      <div class="content">
 
        <h1>Latest News</h1>
 
        <h2>Hello Again</h2>
        This is Jack. I haven't been around for a while and I thought I'd contribute another template. I've been busy with school and work, but summer is almost here and it looks like I'll be back on the horse with some new designs. This one was originally a concept I developed for a client of mine. They liked it a lot, but it wasn't quite what they were looking for. I didn't want to waste the design, so I coded it up for openwebdesign. I've tested the layout in Firefox and IE, and I suspect it's fine for most other browsers. If you catch a glitch, give me a shout and I'll see what I can do.</a>
 
      </div>
 
 
 
      <div class="content">
 
        <h1>Latest Posts</h1>
 
        <!--                  this is a list of links                  -->
 
        <ul class="hover_list">
          <li><a href="#">Hey guys what's up?</a></li>
          <li><a href="#">New template uploaded!</a></li>
          <li><a href="#">Math sucks, lets all ban math</a></li>
          <li><a href="#">Students' strike against raising tuition!</a></li>
          <li><a href="#">Diagonal stripes are so cheesy</a></li>
        </ul>
      </div>
 
 
      <div class="content">
 
        <h1>Second Header</h1>
 
        <h2>Welcome</h2>
 
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
        Ipsum has been the industry's standard dummy text ever since the 1500s, <a
        href="#">when an unknown printer took a galley</a> of type and scrambled it to
        make a type specimen book. It has survived not only five centuries, but also the
        leap into electronic typesetting, remaining essentially unchanged. It was
        popularised in the 1960s with the release of Letraset sheets containing Lorem
        Ipsum passages, and more recently with desktop publishing software like Aldus
        PageMaker including versions of Lorem Ipsum.
 
      </div>
 
 
     <div class="content">
 
        <h1>More stolen content from lipsum.org</h1>
 
        It is a long established fact that a reader will be distracted by the readable content of a page when looking at its          layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to            using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web            page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web            sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on               purpose (injected humour and the like).
 
      </div>
 
 
      <!--                  footer                  -->
 
 
      <div id="footer">Copyleft 2006. Feel free to do with as you wish | <a href="http://www.pureweb.ca">My Portfolio</a> |         <a href="http://www.pureweb.ca/blog/">My Blog</a> | <a href="http://www.flickr.com/photos/jack000/">My             Artwork</a></div>
 
 
    </div>
  </body>
</html>
 
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  5.  
  6.  
  7.   <head>
  8.  
  9.     <title>Dark Shine</title>
  10.  
  11.     <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  12.     <link href="css.css" rel="stylesheet" type="text/css" />
  13.  
  14.   </head>
  15.   <body>
  16.  
  17.  
  18.     <!--                  navigation                  -->
  19.  
  20.  
  21.     <ul id="nav">
  22.       <li id="current"><a href="#">Home</a></li>
  23.       <li><a href="#">Forums</a></li>
  24.       <li><a href="#">Chat</a></li>
  25.       <li><a href="#">Sign Up</a></li>
  26.       <li><a href="#">Contest</a></li>
  27.       <li><a href="#">FAQ</a></li>
  28.     </ul>
  29.  
  30.  
  31.     <p>
  32.       <!--                  main title                  -->
  33.   </p>
  34.   <p>&nbsp;</p>
  35.   <p>&nbsp;</p>
  36. <p align="center">
  37.       <!--                  beginning of actual page                  -->
  38.       <img src="images/siteheader.jpg" width="660" height="200" />            </p>
  39. <div id="wrapper">
  40.  
  41.  
  42.       <!--                  this is the small black bar                  -->
  43.  
  44.  
  45.       <div id="top">
  46.         <ul>
  47.           <li id="search"><a href="#">search</a></li>
  48.           <li id="login"><a href="#">login</a></li>
  49.           <li id="join"><a href="#">Join!</a></li>
  50.           <li id="chat"><a href="#">Chat!</a></li>
  51.         </ul>
  52.         <span>total users: <strong>1,000,000</strong> currently online:
  53.         <strong>100</strong> using IM: <strong>50</strong> new photos:
  54.         <strong>99</strong></span>
  55.       </div>
  56.  
  57.  
  58.       <!--                  space for ads                  -->
  59.  
  60.  
  61.       <div id="adspace">
  62.         ad space
  63.       </div>
  64.  
  65.  
  66.       <!--                  image links                  -->
  67.  
  68.  
  69.       <div id="main">
  70.         <h1>New Members</h1>
  71.         <ul>
  72.  
  73.           <li>
  74.             <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
  75.             <h2>profile name</h2>
  76.           </li>
  77.  
  78.           <li>
  79.             <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
  80.             <h2>profile name</h2>
  81.           </li>
  82.  
  83.           <li>
  84.             <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
  85.             <h2>profile name</h2>
  86.           </li>
  87.  
  88.           <li>
  89.             <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
  90.             <h2>profile name</h2>
  91.           </li>
  92.  
  93.           <li>
  94.             <a href="#"><img src="images/box.jpg" width="105px" height="105px" alt="profile image" /></a>
  95.             <h2>profile name</h2>
  96.           </li>
  97.  
  98.         </ul>
  99.  
  100.       </div>
  101.  
  102.  
  103.       <!--                  rest of content                  -->
  104.  
  105.  
  106.       <div class="content">
  107.  
  108.         <h1>Latest News</h1>
  109.  
  110.         <h2>Hello Again</h2>
  111.         This is Jack. I haven't been around for a while and I thought I'd contribute another template. I've been busy with school and work, but summer is almost here and it looks like I'll be back on the horse with some new designs. This one was originally a concept I developed for a client of mine. They liked it a lot, but it wasn't quite what they were looking for. I didn't want to waste the design, so I coded it up for openwebdesign. I've tested the layout in Firefox and IE, and I suspect it's fine for most other browsers. If you catch a glitch, give me a shout and I'll see what I can do.</a>
  112.  
  113.       </div>
  114.  
  115.  
  116.  
  117.       <div class="content">
  118.  
  119.         <h1>Latest Posts</h1>
  120.  
  121.         <!--                  this is a list of links                  -->
  122.  
  123.         <ul class="hover_list">
  124.           <li><a href="#">Hey guys what's up?</a></li>
  125.           <li><a href="#">New template uploaded!</a></li>
  126.           <li><a href="#">Math sucks, lets all ban math</a></li>
  127.           <li><a href="#">Students' strike against raising tuition!</a></li>
  128.           <li><a href="#">Diagonal stripes are so cheesy</a></li>
  129.         </ul>
  130.       </div>
  131.  
  132.  
  133.       <div class="content">
  134.  
  135.         <h1>Second Header</h1>
  136.  
  137.         <h2>Welcome</h2>
  138.  
  139.         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
  140.         Ipsum has been the industry's standard dummy text ever since the 1500s, <a
  141.         href="#">when an unknown printer took a galley</a> of type and scrambled it to
  142.         make a type specimen book. It has survived not only five centuries, but also the
  143.         leap into electronic typesetting, remaining essentially unchanged. It was
  144.         popularised in the 1960s with the release of Letraset sheets containing Lorem
  145.         Ipsum passages, and more recently with desktop publishing software like Aldus
  146.         PageMaker including versions of Lorem Ipsum.
  147.  
  148.       </div>
  149.  
  150.  
  151.      <div class="content">
  152.  
  153.         <h1>More stolen content from lipsum.org</h1>
  154.  
  155.         It is a long established fact that a reader will be distracted by the readable content of a page when looking at its          layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to            using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web            page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web            sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on               purpose (injected humour and the like).
  156.  
  157.       </div>
  158.  
  159.  
  160.       <!--                  footer                  -->
  161.  
  162.  
  163.       <div id="footer">Copyleft 2006. Feel free to do with as you wish | <a href="http://www.pureweb.ca">My Portfolio</a> |         <a href="http://www.pureweb.ca/blog/">My Blog</a> | <a href="http://www.flickr.com/photos/jack000/">My             Artwork</a></div>
  164.  
  165.  
  166.     </div>
  167.   </body>
  168. </html>
  169.  
  170.  


Sorry about the massive long code.

I dont know much about css coding.

All response is welcome.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • tejaskid
  • Born
  • Born
  • tejaskid
  • Posts: 1

Post 3+ Months Ago

Works in my FireFox?
  • Pro PHP
  • Newbie
  • Newbie
  • Pro PHP
  • Posts: 8

Post 3+ Months Ago

That is very weird indeed! Try moving <link href="css.css" rel="stylesheet" type="text/css" /> to just under the <head> tag. I don't think that will make a difference, but it gives us a place to start.
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

it works in my FF too, just looks really rough and unstyled.

sadly at the moment I can't check in any other browser.

are you sure there isn't something wrong with your FF?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

there's something else going on there ... you have a browser detect script running there somewhere ... because the source for IE and FF look completely different ... here are the differences:
FireFox
Code: [ Select ]
<html><head><!-- http://www.freedomain.co.nr -->
<title>Clan Impossible Is Nothing</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="resource-type" content="document">
<META name="audience" content="all">
<META name="distribution" content="global">
<META name="robots" content="INDEX, FOLLOW">
<META name="revisit-after" content="1">
<META name="description" content="Impossible Is Nothing Clan Website. Created by Easy Company">
<META name="keywords" content="Impossible Clan Is Website Nothing Team Valve Fortress Steam 2">
<script language="JavaScript">
if(top.frames.length > 0)
top.location.href=self.location;
</script>
</head>
<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
<frame name="conr_main_frame" src="http://home.iprimus.com.au/mrprice/ImpossibleIs%20NothingSite/">
</frameset>

<noframes>
<body>
<div align=center>
<h1>Clan Impossible Is Nothing</h1>
<p><b>Impossible Is Nothing Clan Website. Created by Easy Company</b></p>
<p>Please <a href="http://home.iprimus.com.au/mrprice/ImpossibleIs%20NothingSite/">Click here</a> to visit <a href="http://home.iprimus.com.au/mrprice/ImpossibleIs%20NothingSite/"><b>Clan Impossible Is Nothing</b></a></p><br><br>
<p>Powered by <a href="http://www.freedomain.co.nr/"><b>Free Domain Name</b></a> - <a href="http://www.freedomain.co.nr/"><b>Free URL Redirection</b></a> and <a href="http://www.freedomain.co.nr/"><b>Free Subdomain</b></a> @ .CO.NR</p>
</div>
</body>
</noframes>
</html>
  1. <html><head><!-- http://www.freedomain.co.nr -->
  2. <title>Clan Impossible Is Nothing</title>
  3. <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <META name="resource-type" content="document">
  5. <META name="audience" content="all">
  6. <META name="distribution" content="global">
  7. <META name="robots" content="INDEX, FOLLOW">
  8. <META name="revisit-after" content="1">
  9. <META name="description" content="Impossible Is Nothing Clan Website. Created by Easy Company">
  10. <META name="keywords" content="Impossible Clan Is Website Nothing Team Valve Fortress Steam 2">
  11. <script language="JavaScript">
  12. if(top.frames.length > 0)
  13. top.location.href=self.location;
  14. </script>
  15. </head>
  16. <frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
  17. <frame name="conr_main_frame" src="http://home.iprimus.com.au/mrprice/ImpossibleIs%20NothingSite/">
  18. </frameset>
  19. <noframes>
  20. <body>
  21. <div align=center>
  22. <h1>Clan Impossible Is Nothing</h1>
  23. <p><b>Impossible Is Nothing Clan Website. Created by Easy Company</b></p>
  24. <p>Please <a href="http://home.iprimus.com.au/mrprice/ImpossibleIs%20NothingSite/">Click here</a> to visit <a href="http://home.iprimus.com.au/mrprice/ImpossibleIs%20NothingSite/"><b>Clan Impossible Is Nothing</b></a></p><br><br>
  25. <p>Powered by <a href="http://www.freedomain.co.nr/"><b>Free Domain Name</b></a> - <a href="http://www.freedomain.co.nr/"><b>Free URL Redirection</b></a> and <a href="http://www.freedomain.co.nr/"><b>Free Subdomain</b></a> @ .CO.NR</p>
  26. </div>
  27. </body>
  28. </noframes>
  29. </html>

Internet Explorer
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<!--

    ===================================================================
    |                                                             |
    | Template Info:                                                 |
        |                                                          |
    | This template is released into the public domain. Attribution |
    | to me is appreciated, but not required. You are free to      |
    | modify and redistribute this page as you see fit. This notice |
    | does not need to be retained if it is used or redistributed. |
    |                                                                 |
    | Jack Qiao                                                     |
    | www.pureweb.ca                                                 |
    |                                                                 |
    |=================================================================|

-->

<head>

    <title>Impossible Is Nothing Homepage</title>

    <meta http-equiv="Content-Type" content="text/html; charset=" />
    <link href="css.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
a:link {
    color: #000000;
}
a:hover {
    color: #0066CC;
}
-->
</style></head>
<body>


    <!--                 navigation                 -->


    <ul id="nav">
     <li><a href="index.html">Home</a></li>
     <li id="current2"></li>
     <li><a href="#">News</a></li>
     <li><a href="#">Members</a></li>
     <li><a href="#">Join Us</a></li>
     <li><a href="#">Forum</a></li>
     <li><a href="#">Downloads</a></li>
     <li><a href="contactus.html">Contact Us</a></li>
<li id="current"></li></ul>


<p>
     <!--                 main title                 -->
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">
     <!--                 beginning of actual page                 -->
     <img src="images/siteheader.jpg" width="660" height="200" />          </p>
<div id="wrapper">


     <!--                 this is the small black bar                 -->
     <div id="top">
        <ul>
         <li id="search"><a href="Terms.html">Terms</a></li>
         <li id="join"><a href="Privacy.html">Privacy</a></li>
         <li id="chat"><a href="#">Join!</a></li>
        </ul>
     </div>
     <!--                 space for ads                 -->


     <div id="adspace">
        ad space
     </div>


     <!--                 image links                 -->


     <div id="main">
        <h1>New Members</h1>
        <ul>

         <li>
            <a href="http://steamcommunity.com/profiles/76561197993280241"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="Grim Raper Profile Image" /></a>
            <h2><a href="http://steamcommunity.com/profiles/76561197993280241">Grim Raper</a></h2>
         </li>

         <li>
            <a href="http://steamcommunity.com/profiles/76561197969365729"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="LiQuiD Profile Image" /></a>
            <h2><a href="http://steamcommunity.com/profiles/76561197969365729">LiQuiD</a></h2>
         </li>

         <li>
            <a href="http://steamcommunity.com/profiles/76561197981107491"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="Furby Profile Image" /></a>
            <h2><a href="http://steamcommunity.com/profiles/76561197981107491">Furby BestGN's</a></h2>
         </li>

         <li>
            <a href="http://steamcommunity.com/profiles/76561197993962133"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="DeATHWING Profile Image" /></a>
            <h2><a href="http://steamcommunity.com/profiles/76561197993962133">DeATHWING</a></h2>
         </li>

         <li>
            <a href="http://steamcommunity.com/profiles/76561197969365729"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="Crypti[c] Profile Image" /></a>
            <h2><a href="http://steamcommunity.com/profiles/76561197969365729">crypti[c]</a></h2>
         </li>
        </ul>

</div>


     <!--                 rest of content                 -->


     <div class="content">

        <h1>Latest News</h1>

        <h2>Hello Again</h2>
        This is Jack. I haven't been around for a while and I thought I'd contribute another template. I've been busy with school and work, but summer is almost here and it looks like I'll be back on the horse with some new designs. This one was originally a concept I developed for a client of mine. They liked it a lot, but it wasn't quite what they were looking for. I didn't want to waste the design, so I coded it up for openwebdesign. I've tested the layout in Firefox and IE, and I suspect it's fine for most other browsers. If you catch a glitch, give me a shout and I'll see what I can do.</a>

     </div>



     <div class="content">

        <h1>Latest Posts</h1>

        <!--                 this is a list of links                 -->

        <ul class="hover_list">
         <li><a href="#">Hey guys what's up?</a></li>
         <li><a href="#">New template uploaded!</a></li>
         <li><a href="#">Math sucks, lets all ban math</a></li>
         <li><a href="#">Students' strike against raising tuition!</a></li>
         <li><a href="#">Diagonal stripes are so cheesy</a></li>
        </ul>
     </div>


     <div class="content">

        <h1>Second Header</h1>

        <h2>Welcome</h2>

        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
        Ipsum has been the industry's standard dummy text ever since the 1500s, <a
        href="#">when an unknown printer took a galley</a> of type and scrambled it to
        make a type specimen book. It has survived not only five centuries, but also the
        leap into electronic typesetting, remaining essentially unchanged. It was
        popularised in the 1960s with the release of Letraset sheets containing Lorem
        Ipsum passages, and more recently with desktop publishing software like Aldus
        PageMaker including versions of Lorem Ipsum.

     </div>


    <div class="content">

        <h1>More stolen content from lipsum.org</h1>

        It is a long established fact that a reader will be distracted by the readable content of a page when looking at its         layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to          using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web          page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web          sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on              purpose (injected humour and the like).

     </div>


     <!--                 footer                 -->


     <div id="footer">Copyright &copy; 2008. Some Rights Reserved. Valve, Source, Team Fortress 2 are registered trademarks of VALVe Corporation, USA</div>


</div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  4. <!--
  5.     ===================================================================
  6.     |                                                             |
  7.     | Template Info:                                                 |
  8.         |                                                          |
  9.     | This template is released into the public domain. Attribution |
  10.     | to me is appreciated, but not required. You are free to      |
  11.     | modify and redistribute this page as you see fit. This notice |
  12.     | does not need to be retained if it is used or redistributed. |
  13.     |                                                                 |
  14.     | Jack Qiao                                                     |
  15.     | www.pureweb.ca                                                 |
  16.     |                                                                 |
  17.     |=================================================================|
  18. -->
  19. <head>
  20.     <title>Impossible Is Nothing Homepage</title>
  21.     <meta http-equiv="Content-Type" content="text/html; charset=" />
  22.     <link href="css.css" rel="stylesheet" type="text/css" />
  23. <style type="text/css">
  24. <!--
  25. a:link {
  26.     color: #000000;
  27. }
  28. a:hover {
  29.     color: #0066CC;
  30. }
  31. -->
  32. </style></head>
  33. <body>
  34.     <!--                 navigation                 -->
  35.     <ul id="nav">
  36.      <li><a href="index.html">Home</a></li>
  37.      <li id="current2"></li>
  38.      <li><a href="#">News</a></li>
  39.      <li><a href="#">Members</a></li>
  40.      <li><a href="#">Join Us</a></li>
  41.      <li><a href="#">Forum</a></li>
  42.      <li><a href="#">Downloads</a></li>
  43.      <li><a href="contactus.html">Contact Us</a></li>
  44. <li id="current"></li></ul>
  45. <p>
  46.      <!--                 main title                 -->
  47. </p>
  48. <p>&nbsp;</p>
  49. <p>&nbsp;</p>
  50. <p align="center">
  51.      <!--                 beginning of actual page                 -->
  52.      <img src="images/siteheader.jpg" width="660" height="200" />          </p>
  53. <div id="wrapper">
  54.      <!--                 this is the small black bar                 -->
  55.      <div id="top">
  56.         <ul>
  57.          <li id="search"><a href="Terms.html">Terms</a></li>
  58.          <li id="join"><a href="Privacy.html">Privacy</a></li>
  59.          <li id="chat"><a href="#">Join!</a></li>
  60.         </ul>
  61.      </div>
  62.      <!--                 space for ads                 -->
  63.      <div id="adspace">
  64.         ad space
  65.      </div>
  66.      <!--                 image links                 -->
  67.      <div id="main">
  68.         <h1>New Members</h1>
  69.         <ul>
  70.          <li>
  71.             <a href="http://steamcommunity.com/profiles/76561197993280241"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="Grim Raper Profile Image" /></a>
  72.             <h2><a href="http://steamcommunity.com/profiles/76561197993280241">Grim Raper</a></h2>
  73.          </li>
  74.          <li>
  75.             <a href="http://steamcommunity.com/profiles/76561197969365729"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="LiQuiD Profile Image" /></a>
  76.             <h2><a href="http://steamcommunity.com/profiles/76561197969365729">LiQuiD</a></h2>
  77.          </li>
  78.          <li>
  79.             <a href="http://steamcommunity.com/profiles/76561197981107491"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="Furby Profile Image" /></a>
  80.             <h2><a href="http://steamcommunity.com/profiles/76561197981107491">Furby BestGN's</a></h2>
  81.          </li>
  82.          <li>
  83.             <a href="http://steamcommunity.com/profiles/76561197993962133"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="DeATHWING Profile Image" /></a>
  84.             <h2><a href="http://steamcommunity.com/profiles/76561197993962133">DeATHWING</a></h2>
  85.          </li>
  86.          <li>
  87.             <a href="http://steamcommunity.com/profiles/76561197969365729"><img src="images/iiN Avatar.jpg" width="105" height="105" alt="Crypti[c] Profile Image" /></a>
  88.             <h2><a href="http://steamcommunity.com/profiles/76561197969365729">crypti[c]</a></h2>
  89.          </li>
  90.         </ul>
  91. </div>
  92.      <!--                 rest of content                 -->
  93.      <div class="content">
  94.         <h1>Latest News</h1>
  95.         <h2>Hello Again</h2>
  96.         This is Jack. I haven't been around for a while and I thought I'd contribute another template. I've been busy with school and work, but summer is almost here and it looks like I'll be back on the horse with some new designs. This one was originally a concept I developed for a client of mine. They liked it a lot, but it wasn't quite what they were looking for. I didn't want to waste the design, so I coded it up for openwebdesign. I've tested the layout in Firefox and IE, and I suspect it's fine for most other browsers. If you catch a glitch, give me a shout and I'll see what I can do.</a>
  97.      </div>
  98.      <div class="content">
  99.         <h1>Latest Posts</h1>
  100.         <!--                 this is a list of links                 -->
  101.         <ul class="hover_list">
  102.          <li><a href="#">Hey guys what's up?</a></li>
  103.          <li><a href="#">New template uploaded!</a></li>
  104.          <li><a href="#">Math sucks, lets all ban math</a></li>
  105.          <li><a href="#">Students' strike against raising tuition!</a></li>
  106.          <li><a href="#">Diagonal stripes are so cheesy</a></li>
  107.         </ul>
  108.      </div>
  109.      <div class="content">
  110.         <h1>Second Header</h1>
  111.         <h2>Welcome</h2>
  112.         Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
  113.         Ipsum has been the industry's standard dummy text ever since the 1500s, <a
  114.         href="#">when an unknown printer took a galley</a> of type and scrambled it to
  115.         make a type specimen book. It has survived not only five centuries, but also the
  116.         leap into electronic typesetting, remaining essentially unchanged. It was
  117.         popularised in the 1960s with the release of Letraset sheets containing Lorem
  118.         Ipsum passages, and more recently with desktop publishing software like Aldus
  119.         PageMaker including versions of Lorem Ipsum.
  120.      </div>
  121.     <div class="content">
  122.         <h1>More stolen content from lipsum.org</h1>
  123.         It is a long established fact that a reader will be distracted by the readable content of a page when looking at its         layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to          using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web          page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web          sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on              purpose (injected humour and the like).
  124.      </div>
  125.      <!--                 footer                 -->
  126.      <div id="footer">Copyright &copy; 2008. Some Rights Reserved. Valve, Source, Team Fortress 2 are registered trademarks of VALVe Corporation, USA</div>
  127. </div>
  128. </body>
  129. </html>

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 70 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.