• There is an important update regarding account security and 2FA. Please click here for more information.
  • ❤️ It's that time of the year again - Happy Valentine's Day! Luvdisc is back to help spread the luv again. Interested in sending a message of appreciation to some special users on the site, and earning a brand-new badge in the process? Then click here for more information! ❤️
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.
  • Imgur has blocked certain regions from viewing any images uploaded to their site. If you use Imgur, please consider replacing any image links/embeds you may have on PokéCommunity so everyone can see your images. Click here to learn more.

I need help..

DarknessMonkey

Avatars are for squares..
  • 1,419
    Posts
    21
    Years
    • Age 33
    • ...
    • Seen Apr 27, 2009
    I need help setting up my layout..It seems it's not compatible even when the images have where they are located in the layout..What do I do??
     
    Maybe if I could see the layout I could help you... -_-
     
    RoboMechaWobbuffet said:
    Maybe if I could see the layout I could help you... -_-
    Ok..

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <HTML><HEAD><TITLE>Title Here</TITLE>
    <META content="Put text here" name=classification>
    <META content="Your name" name=Author>
    <META content="Layout is Copyright ? https://www.gnext.vze.com" name=copyright>
    <META content="Your Keywords here" name=keywords>
    <META content="Your Site Description here" name=description>
    <STYLE type=text/css>A:link {
    	COLOR: #8da2ba; TEXT-DECORATION: none
    }
    A:visited {
    	COLOR: #8da2ba; TEXT-DECORATION: none
    }
    A:active {
    	COLOR: #8da2ba
    }
    A:hover {
    	COLOR: #8FABD0; TEXT-DECORATION: overline underline
    }
    BODY {
    	SCROLLBAR-FACE-COLOR: #163061; SCROLLBAR-HIGHLIGHT-COLOR: #163061; SCROLLBAR-SHADOW-COLOR: #8da3ba; SCROLLBAR-3DLIGHT-COLOR: #8da3ba; SCROLLBAR-ARROW-COLOR: #8da3ba; SCROLLBAR-TRACK-COLOR: #163061; SCROLLBAR-DARKSHADOW-COLOR: #163061; BACKGROUND-COLOR: #163061
    }
    </STYLE>
    
    
    <BODY text=black background="images/layoutbg.jpg">
    <DIV id=Layer1 style="Z-INDEX: 1; LEFT: 0px; WIDTH: 775px; POSITION: absolute; TOP: 0px;">
    <IMG src="images/mainlay.jpg"></DIV></DIV>
    
    <Div align="left">
    <DIV id=Layer2 
    style="Z-INDEX: 5; LEFT: 55px; WIDTH: 120px; POSITION: absolute; TOP: 100px; HEIGHT: 115px">
    <font color=#8da3ba face=verdana size=1>
    
    <p><strong>. : MAIN : .</strong><BR>
    <a href="">Home</a><BR>
    <a href="">Contact Us</a><BR>
    <a href="">Affiliation</a><BR>
    <a href="">Link To Us</a><BR>
    <a href="">Advertise</a></p>
    
    <p><strong>. : WEBMASTER : .</strong><BR>
    <a href="">Tutorials</a><BR>
    <a href="">Downloads</a><BR>
    <a href="">Free Layouts</a><BR>
    <a href="">Free Graphics</a><BR>
    <a href="">Make Money</a><BR>
    <a href="">Services</a></p>
    
    <p><strong>. : TITLE HERE : .</strong><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a></p>
    
    <p><strong>. : TITLE HERE : .</strong><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a><BR>
    <a href="">Link Here</a></p>
    
    </FONT></DIV></DIV>
    
    <DIV id=Layer4 
    style="Z-INDEX: 4; LEFT: 660px; WIDTH: 138px; POSITION: absolute; TOP: 100px; HEIGHT: 115px">
    <font color=#8da3ba face=verdana size=1>
    
    <p><strong>. : AFFILIATES : .</strong><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A></p>
    
    <p><strong>. : TOPSITES : .</strong><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A><BR>
    <A href="">Link Here</A></p>
    </FONT></DIV>
    
    
    <DIV id=Layer5 
    style="Z-INDEX: 4; LEFT: 185px; WIDTH: 450px; POSITION: absolute; TOP: 95px; HEIGHT: 300px">
    <font color=#8da3ba face=verdana size=1>
    
    <TABLE width="100%" border=0 borderColor="#8da2ba">
    <TBODY>
    <TR>
    <TD><font color=#8da3ba face=verdana size=1>
    
    Insert the PHP code by KipKip.
    
    <TABLE width="100%" border=1 borderColor="#8da2ba">
    <TBODY>
    <TR><TD>
    <font color=#8da3ba face=verdana size=1>
    Copyright 2002 (Your Site). Site Designed by  <strong>
    <a href="https://www.quickness.uni.cc">https://www.quickness.uni.cc</a></strong>. All Rights Reserved.
    </TR></TD></TBODY></TABLE><BR><BR>
    </FONT></DIV>
    
    
    <DIV id=Layer6 
    style="Z-INDEX: 4; LEFT: 680px; WIDTH: 88px; POSITION: absolute; TOP: 35px; HEIGHT: 31px"><FONT 
    face=verdana color=black size=1>
    <a target="_blank" href="https://www.quickness.uni.cc">
    <img src="images/gnext.gif" alt="Site Designed By GeneratioNext" border=0></a>
    </DIV>
    
    
    </FONT></B></CENTER></FONT></B></CENTER></BODY></HTML>
     
    What do you mean by 'not compatible'? Could I see how it came out when you set it up?
     
    Trikip said:
    What do you mean by 'not compatible'? Could I see how it came out when you set it up?
    I..uhhh kinda got mad & don't want to redo that..besides you would probably see the directory..
     
    Punk Skater- We can't help you with this limited information. We don't have the image URLs, so there's no possible way for us to see how it's all supposed to fit together.

    Right now I have the code set up here. No images though >>;
     
    Ok here is a link I got everything previously needed fixed..I now new to figure out how to get that text on the right to get in the middle..
    I used <Div Align="Center"> & it didn't work..

    SITE IN PRODUCTION..(Pokemon Retreat)
     
    Make sure all your div tags are closed. That's happened to me before, and usually it's because I've missed closing a div tag.
     
    RoboMechaWobbuffet said:
    Make sure all your div tags are closed. That's happened to me before, and usually it's because I've missed closing a div tag.
    Ok, it wont change..I closed all..
     
    You might need to change the CSS. Can I see it? I may be able to help.
     
    ROFL! You haven't even closed off the page! You have ten million unclosed div tags, and the code is so messy I can't even work it out. Work out which tag matches which close tag, close EVERY div tag and maybe we can work it out then.
     
    Code:
    <DIV style="Z-INDEX: 1; LEFT: 135px; WIDTH: 455px; POSITION: absolute; TOP: 138px; HEIGHT: 195px" >

    Try that for your content DIV tag.
     
    It's already in the code, just he hasn't closed off his ten million other div tags that he needs to close first XD
     
    I know. I saw all that mess and figured that SOMEWHERE he had to have forgotten to close a tag. :P
    *actually looks at code* o.O'
    What's with all the font and div tags at the beginning? And you don't need to start a new div when you add a new menu item. Each menu should be one div, not each item.
    *calls for recode*
     
    And he put in ten million unclosed tags XD. Dreamweaver might be able to help clean it up.

    OK, your code is totally stuffed. You have closing tags that were never opened, opening tags that were never closed.... redundant tags... empty tags... just redo the whole thing~
     
    If I get time in the next couple of days, I might be able to take the code and try to sort it out and recode it. That could take a while though... XD
    Actually, the div tags aren't his fault. That was a big problem with saul's older layouts- he used a new div for each individual menu item. And he forgot to close half of them. :P
    I think his coding's improved now, though.
     
    Try this. I'm not sure if I got all the tags though. *winces*

    Code:
    <html>
    <head>
    <title>::Pok?mon Retreat - Where The Pok?mon Take A Break!!!::</title>
    <style type="text/css">
    A:link {
    	COLOR: #000000; TEXT-DECORATION: none
    }
    A:visited {
    	COLOR: #000000; TEXT-DECORATION: none
    }
    A:active {
    	COLOR: #000000
    }
    A:hover {
    	COLOR: #000000; TEXT-DECORATION: overline underline
    }
    BODY {
    	SCROLLBAR-FACE-COLOR: #728CAD; SCROLLBAR-HIGHLIGHT-COLOR: #728CAD; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #728CAD; SCROLLBAR-DARKSHADOW-COLOR: #728CAD; BACKGROUND-COLOR: #728CAD
    }
    </style>
    <!-- BEGIN Popup Blocker -->
    <script language="javascript">
    NS_ActualOpen=window.open;
    function NS_NullWindow(){this.window;}
    function NS_NewOpen(url,nam,atr){return(new NS_NullWindow());}
    window.open=NS_NewOpen;
    </script>
    <!-- END Popup Blocker -->
    <meta content="Pokemon" name="description">
    <meta content="Pokemon" name="keywords">
    <meta content="Pokemon" name="author" sky="">
    <meta content="10 days" name="revisit-after">
    <meta content="Pokemon" name="copyright" retreat="">
    <meta content="Global" name="distribution">
    <meta content="General" name="rating">
    <meta content="index, follow" name="robots">
    <meta content="index, follow" name="googlebot">
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <link media="screen" href="" type="text/css" rel="stylesheet">
    <meta content="MSHTML 6.00.2900.2523" name="GENERATOR">
    <style type="text/css">
    <!--
    .style1 {color: #000000}
    .style2 {
    	font-weight: bold;
    	color: #000000;
    }
    -->
    </style>
    </head>
    <body oncontextmenu="return false" ontextcommand="retun false" background="images/bg.png"> 
    <div id="layer1" style="left: 0px; position: absolute; top: 0px;"><font face="Arial"><img alt="" src="images/top.png"></font></div> 
    <div id="layer1" style="z-index: 1; left: 3px; width: 104px; position: absolute; top: 39px; height: 595px;" align="center"> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong>     . :: Main:: .</strong></font></div> 
                  <div align="left"><font face="Arial" size="1"><font face="Arial" size="1"><strong><font face="Arial" size="1"><strong><font color="#ffffff"><font face="Arial" size="1"><strong><font color="#000000"> <img src="images/2arrow4.gif"><a href="index.php?id=home"> Home</div> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="Link Here">Link</a> </strong></font></div> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="index.php?id=affiliation"> Link</a></strong></font></div> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="index.php?id=credits"> Link</a></strong></font></div> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="index.php?id=thewebby"> Link</a></strong></font></div> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                  <div align="left"><font color="#000000" size="1" face="Arial"><strong>     : : Gaming </strong></font> 
                    <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                    <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="index.php?id=pokemonrby"> Link</a></strong></font></div> 
                    <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="index.php?id=pokemongsc"> Link</a></strong></font></div> 
                    <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> <a href="index.php?id=pokemonrs"> Link</a></strong></font></div> 
                    <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                    <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong>     : : Subject</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                      <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
    
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong>     : : Subject</strong></font></div> 
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                        <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
    
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong>     : : Subject</strong></font></div> 
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
                          <div align="left"><font color="#000000" size="1" face="Arial"><strong> <img src="images/2arrow4.gif"> Link</strong></font></div> 
    
                  </div> 
    </div> 
    <div id="layer1" style="z-index: 1; left: 608px; width: 114px; position: absolute; top: 35px; height: 433px;">
    <div align="left" class="style2"><font size="1" face="Arial">     : : Subject</font></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    
    <span class="style1"><strong><font size="1" face="Arial">     : : Subject </font> </strong> </span> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    
    <div align="left" class="style1"><strong><font size="1" face="Arial">     : : Subject</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    
    <div align="left" class="style1"><strong><font size="1" face="Arial">     : : Subject</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    <div align="left" class="style1"><strong><font size="1" face="Arial"> <img src="images/2arrow4.gif"> Link</font></strong></div> 
    </div>
    
    <div id="layer1" style="z-index: 1; left: 135px; width: 457px; position: absolute; top: 138px; height: 64px;" align="center"> 
    <font face="Arial" size="1"><font face="Arial"><font color="#00ccff" face="Geneva, Arial, Sans-serif"> 
    <div align="center"> 
    <font color="#000000" size="1"><strong> 
    <!-- content begin --> 
    <div align="center"> <br /> 
      <b>Warning</b>: main(404.txt): failed to open stream: No such file or directory in <b>/home/etech/public_html/index.php</b> on line <b>151</b><br /> 
      <br /> 
      <b>Warning</b>: main(404.txt): failed to open stream: No such file or directory in <b>/home/etech/public_html/index.php</b> on line <b>151</b><br /> 
      <br /> 
      <b>Warning</b>: main(): Failed opening '404.txt' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in <b>/home/etech/public_html/index.php</b> on line <b>151</b><br /> 
    </div> 
    <!-- content end --> 
    </div>
    </div>
    </body>
    </html>
     
    I think you did it. *applause*
    It looks all right as far as I can see in HTML Kit, even though that's without any images. :P
     
    LOL, gotta <3 Dreamweaver's auto-indent features. Still had to go through and remove a heap of redundant tags though. >_>
     
    Saul still uses DIVs for each menu item >.<;; I had this exact same problem. Kipkip and I had to work on it for half an hour to solve the problem. *sigh*
     
    Back
    Top