Tatianasaphira Posted November 13, 2007 Share Posted November 13, 2007 Hey everyone, I have an issue with one of my new layouts I am making a Jhudora layout, and I am having an issue with setting up the Nav bar and content. I am trying to make it to the dimension of 475x475, making it lay up with where I have the command for the 'sidebar' thus making part of it run along that edge. What is happening though is that it is running along the entire edge of the page, and under the background pic. Any help would be appreciated. Right now, some of it still has zeros from my attempts to figure out what one would make it move, and none of the numbers would move. Here is the code: <style> body, font, td, p, i, a{font:8pt verdana;color:#00CED1;} #nst, .user, hr, #userneohome{display:none} a, a b{font:8pt century gothic;color:#166931;text-decoration:none;} a:hover, a:hover b{color:#40E0D0;} i{color:#20B2AA;} b{color:#40E0D0;font-weight:bold;text-transform:uppercase;} u{color:#20B2AA;} .contentModuleHeader, .contentModuleHeaderAlt{border:0px solid black; background:url('http://www.blessthefaerie.com/Images/Divider.gif'); color: #00CED1;text-align:center;text-transform:uppercase} .contentModuleTable, .contentModule, .contentModuleContent {border:none;} #pic{position:absolute;top:0;left:0;z-index:1;overflow:auto;} #content{width:800px;} #stats{position:absolute;z-index:2;top:475px;left:108px;width:300px;} #nav{left:900px;top:0px;height:0px;width:136px;overflow:auto;z-index:7;} #wish{left:900px;top:0px;height:0;width:136px;overflow:auto;z-index:7;} #status{left:900px;top:0px;height:0px;width:136px;overflow:auto;z-index:7;} #about{left:900px;top:0px;height:0px;width:136px;overflow:auto;z-index:7;} #usershop img{display:none;} #footer, #header, #contentcontent, .sf, hr{display:none;} #main{border:none;background:none;} #userneopets{width:660px} #usertrophies td{padding:0px;} .trophy_cell td{padding:0px;} </style> </div></i> <body background="http://www.blessthefaerie.com/Images/Jhudora_bg.jpg"> <div id="pic"><img src="//images.weserv.nl/?url=http://www.blessthefaerie.com/Images/Jhudora_Layout.jpg" width="780" height="500"></div> <div id="nav"> <a href="/myaccount.phtml">Control Panel</a><br> <a href="/petcentral.phtml">Pet Central</a><br> <a href="/explore.phtml">Explore</a><br> <a href="/gameroom.phtml">Games</a><br> <a href="/objects.phtml">Shops</a><br> <a href="/neoboards/index.phtml">Boards</a><br> <a href="/nf.phtml">News</a><br> <a href="/video/index.phtml">Video</a><br> <a href="/~alan_rogers2132">SunnyNeo</a></div> </div> <div id="about"> ABOUT YOU HERE. </div> <div id="status"> <b>Neofriends:</b> OPEN<br><br> <b>Neomail:</b> OPEN<br><br> <b>Guilds:</b> OPEN<br><br> <b>Battledome:</b> OPEN<br><br> <b>Games:</b> OPEN<br><br> </div> <div id="wish"> WISH LIST HERE!</div> <br><table> Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 14, 2007 Share Posted November 14, 2007 I'll look at it when I have time... and edit this post if I find the mistake ;) *likes coding lookups* Quote Link to comment Share on other sites More sharing options...
Tatianasaphira Posted November 14, 2007 Author Share Posted November 14, 2007 So do I normally, I had been using SunnyNeo's codes as a base, and then tweaking them to suit the layout, but this one is so different then their's that I think that is where the issue is. Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 14, 2007 Share Posted November 14, 2007 I found a few problems, already... I need to position your elements correctly and it will be okay. =) Quote Link to comment Share on other sites More sharing options...
Tatianasaphira Posted November 14, 2007 Author Share Posted November 14, 2007 I "think" I figured it out... When I was working on my merridel one, it started doing the same thing. So I did position absolute, and they started moving. Just now working on it This is the merridel one Merridel Layout Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 14, 2007 Share Posted November 14, 2007 Well, check on Rozanira... if it satisfy you like that. I unbugged most of it, like I said. The major error, you had height:0px put in all your div, so they weren't showing. Okay, I'll give you what I have. The picture is different from last time I checked it o.o. If you need more help, PM me. <style> body, font, td, p, i, a{font:8pt verdana;color:#FFFFFF;} #nst, .user, hr, #userneohome{display:none} a, a b{font:8pt century gothic;color:#166931;text-decoration:none;} a:hover, a:hover b{color:#40E0D0;} i{color:#20B2AA;} b{color:#40E0D0;font-weight:bold;text-transform:uppercase;} u{color:#20B2AA;} .contentModuleHeader, .contentModuleHeaderAlt{border:0px solid black; background:url('http://www.blessthefaerie.com/Images/Divider.gif'); color: #00CED1;text-align:center;text-transform:uppercase} .contentModuleTable, .contentModule, .contentModuleContent {border:none;} #pic{position:absolute;top:0;left:0;overflow:auto;} #content{width:800px;background-color: none;} #stats{position:absolute;top:475px;left:108px;width:300px;} #nav{position:absolute;left:900px;top:400px;height:200px;width:136px;overflow:au o;} #wish{position:absolute;left:900px;top:620px;height:200;width:136px;overflow:aut ;} #status{position:absolute;left:900px;top:840px;height:200px;width:136px;overflow auto;} #about{position:absolute;left:900px;top:1060px;height:200px;width:136px;overflow auto;} #usershop img{display:none;} #footer, #header, #contentcontent, .sf, hr{display:none;} #main{border:none;background:none;} #userneopets{width:660px} #usertrophies td{padding:0px;} .trophy_cell td{padding:0px;} body{background:url(http://www.blessthefaerie.com/Images/Jhudora_bg.jpg);} </style> </div></i> <div id="pic"><img src="//images.weserv.nl/?url=http://www.blessthefaerie.com/Images/Jhudora_Layout.jpg" width="780" height="500"></div> <div id="nav"> <a href="/myaccount.phtml">Control Panel</a><br> <a href="/petcentral.phtml">Pet Central</a><br> <a href="/explore.phtml">Explore</a><br> <a href="/gameroom.phtml">Games</a><br> <a href="/objects.phtml">Shops</a><br> <a href="/neoboards/index.phtml">Boards</a><br> <a href="/nf.phtml">News</a><br> <a href="/video/index.phtml">Video</a><br> <a href="/~alan_rogers2132">SunnyNeo</a></div> </div> <div id="about"> ABOUT YOU HERE. </div> <div id="status"> <b>Neofriends:</b> OPEN<br><br> <b>Neomail:</b> OPEN<br><br> <b>Guilds:</b> OPEN<br><br> <b>Battledome:</b> OPEN<br><br> <b>Games:</b> OPEN<br><br> </div> <div id="wish"> WISH LIST HERE!</div> <div id="stats"><table></div> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.