WinWorld theming issue

edited November 2010 in Site Issues
http://wdl3.winworldpc.com/Beta%20Opera ... ad1st.html

This is the problem I've been getting Duff. What did I do wrong?

1110bjvq.jpg

Comments

  • A fewthings I noticed right off the bat:

    1.
    <script type="text/javascript" src="menu/jquery.min.js"></script>
    
    <script type="text/javascript" src="menu/jqueryslidemenu.js"></script>
    

    Are missing.

    2.
    <div id="menucontainer" style="postion:absolute;">  
    

    That style isn't supposed to be there.

    3. The Google Analytics code is supposed to be right before </head>. Not that it matters, you can just remove it all together.

    4. There are two sets of the </body></html> tags.

    Fix those and see what happens, I'll keep looking for anything else that seems out of place.

    Edit: Try this:
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 
     
    &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
     
    &lt;head&gt; 
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; 
    &lt;link rel="stylesheet" type="text/css" href="http://winworldpc.com/menu/jqueryslidemenu.css" /&gt; 
    &lt;script type="text/javascript" src="http://winworldpc.com/menu/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://winworldpc.com/menu/jqueryslidemenu.js"&gt;&lt;/script&gt;
    &lt;style type="text/css"&gt; 
    html, body &#123;
    	height: 100%;
    &#125;
     
    body &#123;
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	background-image: url&#40;http://winworldpc.com/img/stars_bg.png&#41;;
    	/* background-color: #414141; */
    &#125;
     
    body,td,th &#123;
    	font-family: Verdana, Geneva, sans-serif;
    	font-size: 13px;
    	color: #FF9;
    &#125;
     
    a:link &#123;
    	color: #F60;
    &#125;
    a:visited &#123;
    	color: #F90;
    &#125;
    a:hover &#123;
    	color: #FC0;
    &#125;
    img &#123;
    	border: none;
    &#125;
     
    h1,h2,h3,h4,h5,h6 &#123;
    	font-weight: bold;
    &#125;
     
    hr &#123;
    	color: #414141;
    	background-color: #414141;
    &#125;
     
    #header &#123;
    	padding-bottom: 0px;
    	background-image: url&#40;http://winworldpc.com/img/header_bg.png&#41;;
    	background-color: black;
    	text-align: center;
    &#125;
     
    #content &#123;
    	padding-left: 5px;
    	padding-right: 5px;
    	padding-bottom: 5px;
    	text-align: left;
    	position: relative;
    &#125;
     
    table#menu &#123;
    	background: #414141;
    	position: relative;
    	top: -3px;
    	border-top: 1px solid #778;
    	border-bottom: 1px solid #778;
    	width: 100%;
    &#125;
    &lt;/style&gt; 
    &lt;/head&gt; 
     
    &lt;body&gt; 
    
    &lt;!-- Start Header & Menu --&gt; 
     
    &lt;div id="header"&gt;&lt;span style="position: absolute; top: 0px; right: 2px; font-size: xx-small; color: white"&gt;&lt;em&gt;v5.0.0&lt;/em&gt;&lt;/span&gt; 
    &lt;img style="position: absolute; left: 0px;" src="http://winworldpc.com/img/header_p1.png" alt="" /&gt; 
    &lt;img style="position: absolute; right: 0px;" src="http://winworldpc.com/img/header_p3.png" alt="" /&gt; 
    &lt;img src="http://winworldpc.com/img/header_p2.png" alt="WinWorld" /&gt; 
    &lt;/div&gt; 
     
    &lt;div id="menucontainer"&gt;  
    
    &lt;table id="menu" cellspacing="0" cellpadding="0"&gt; 
      &lt;tr&gt; 
        &lt;td&gt; 
          &lt;div id="myslidemenu" class="jqueryslidemenu"&gt; 
          &lt;ul&gt; 
            &lt;li&gt;&lt;a href="#"&gt;Server Two&lt;/a&gt;&lt;/li&gt; 
            &lt;li&gt;&lt;a href="http://winworldpc.com"&gt;Home&lt;/a&gt;&lt;/li&gt; 
            &lt;li&gt;&lt;a href="http://winworldpc.com/downloads.shtml" &gt;Downloads&lt;/a&gt;&lt;/li&gt;  
            &lt;li&gt;&lt;a href="http://winboards.net"&gt;Forums&lt;/a&gt;&lt;/li&gt; 
            &lt;li&gt;&lt;a href="http://winworldpc.com/irc.shtml"&gt;IRC&lt;/a&gt;&lt;/li&gt;  
            &lt;li&gt;&lt;a href="http://winworldpc.com/links.shtml"&gt;Links&lt;/a&gt;&lt;/li&gt; 
            &lt;li&gt;&lt;a href="http://winworldpc.com/about.shtml"&gt;About Us&lt;/a&gt;&lt;/li&gt;  
            &lt;li&gt;&lt;a href="http://winworldpc.com/contact.shtml"&gt;Contact&lt;/a&gt;&lt;/li&gt; 
          &lt;/ul&gt; 
          &lt;/div&gt; 
        &lt;/td&gt; 
      &lt;/tr&gt;  
    
    &lt;/div&gt; 
    
    &lt;div id="content"&gt; 
    &lt;p&gt;The files in the Beta sections of WinWorld are still being reorganised. As a result some content is still to be uploaded. &lt;strong&gt;Be patient&lt;/strong&gt;. Server One currently holds our old library until the new library is ready. If the file you are after is not here, then have a look on Server One&lt;/p&gt; 
    &lt;p&gt;Files in this section are named &#40;'Company' 'Product Name' &#40;'Codename' 'Build Number' 'Extra Info'&#41;&#41;&lt;br /&gt;Extra Info includes wheter the archive is a Server or Workstation, x64 or x86, or if it's a Alpha or Official Release&lt;br /&gt;B stands for Beta, i.e. B1 = Beta 1 Release. A stands for Alpha&lt;/p&gt;
    &lt;/div&gt;
    
    &lt;div id="footer"&gt; 
    &lt;hr /&gt; 
    &lt;strong&gt;2003 - 2010 WinWorld&lt;/strong&gt;&lt;br /&gt; 
    &lt;span style="font-size: xx-small"&gt;&lt;a href="http://www.abandonwarering.com/"&gt;Abandonware Ring&lt;/a&gt;&lt;/span&gt; 
    &lt;/div&gt; 
    
    &lt;/body&gt; 
    &lt;/html&gt;
    
  • In an unrelated-ish issue, when using the posting a message the preview section at the bottom of the page is broken.
  • Well that was a success

    1110Csdb.jpg
  • You realize that according to the source code, you're not closing your table, right? Line 106. That could be causing a lot of your issues right there.
  • See? This is why you validate your code. To help catch errors like that.
  • Blame Duff, not me! I copied his code
  • I rushed through it. The question is, did that fix it?
Sign In or Register to comment.