Help - Search - Members - Calendar
Full Version: xanga coding
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
Ardivian
Sep 1 2005, 05:33 PM
I have the layout I created all nice and fixed and sliced, but the problem I'm having is trying to get the xanga entry to appear in the designated space. As well as when the area expands past a certain area it allows for more scrolling exposing the unskinned area. You'll see using IE... layout made for use with PSP browser.

Take a Look

I'd like to have the text area stop right above the skin border and have it scroll within that region.
What am I doing wrong?

Code:
CODE
<html>
<head>
<title>Ardivian's PSP Browser Friendly Xanga</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="303050" text="ffffff" link="c0c0c0" vlink="c0c0c0" alink="c0c0c0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (pspxangabckgrnd01slice.psd) -->
<div id="Layer1" style="position:absolute; left:8px; top:64px; width:297px; height:283px; z-index:1">Xanga entry will go here. Hopefully... </div>
<table id="Table_01" width="520" height="283" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="12">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_01.gif" width="520" height="11" alt=""></td>
</tr>
<tr>
<td colspan="3">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_02.gif" width="254" height="10" alt=""></td>

  <td colspan="2" rowspan="2"> <a href="http://us.playstation.com" target="_new"><img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_03.gif" alt="" width="93" height="22" border="0"></a></td>
<td colspan="7">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_04.gif" width="173" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_05.gif" width="92" height="25" alt=""></td>

  <td> <a href="http://www.xanga.com" target="_new"><img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_06.gif" alt="" width="27" height="12" border="0"></a></td>
<td rowspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_07.gif" width="135" height="25" alt=""></td>
<td rowspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_08.gif" width="52" height="25" alt=""></td>

  <td> <a href="http://www.xanga.com/CLAF/default.asp"><img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_09.gif" alt="" width="9" height="12" border="0"></a></td>
<td rowspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_10.gif" width="26" height="25" alt=""></td>

  <td> <a href="http://www.xanga.com/logout.aspx"><img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_11.gif" alt="" width="25" height="12" border="0"></a></td>
<td rowspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_12.gif" width="21" height="25" alt=""></td>

  <td> <a href="http://www.xanga.com/signin.aspx"><img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_13.gif" alt="" width="24" height="12" border="0"></a></td>
<td rowspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_14.gif" width="16" height="25" alt=""></td>
</tr>
<tr>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_15.gif" width="27" height="13" alt=""></td>
<td colspan="2">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_16.gif" width="93" height="13" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_17.gif" width="9" height="13" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_18.gif" width="25" height="13" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_19.gif" width="24" height="13" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="3">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_20.gif" width="286" height="236" alt=""></td>
<td colspan="8">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_21.gif" width="234" height="176" alt=""></td>
</tr>
<tr>
<td colspan="8">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_22.gif" width="234" height="24" alt=""></td>
</tr>
<tr>
<td colspan="8">
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_23.gif" width="234" height="36" alt=""></td>
</tr>
<tr>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="92" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="27" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="135" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="32" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="61" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="52" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="9" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="26" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="25" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="21" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif.gif" width="24" height="1" alt=""></td>
<td>
 <img src="http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/spacer.gif" width="16" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>


thnx in ardvance
talcumpowder
Sep 1 2005, 05:37 PM
In where your blog entries go.... Add overflow: auto;&make sure you have a height/width defined.
Ardivian
Sep 1 2005, 06:11 PM
what part does the overflow: auto; go in? I tired right before the area and in the area and it didn't post what i've already made posts on.

I also made 4 differnt layouts and i'm looking for code to alternate between different one's with each visit.
talcumpowder
Sep 1 2005, 06:13 PM
CODE
<div id="Layer1" style="position:absolute; left:8px; top:64px; width:297px; height:283px; z-index:1">Xanga entry will go here. Hopefully... </div>

^ That part. It goes at the end and you close it in webstats, by the by.
And... No can do unless they're really, really similar.
Ardivian
Sep 1 2005, 06:25 PM
QUOTE(nyah-nek0 @ Sep 1 2005, 6:13 PM)
CODE
<div id="Layer1" style="position:absolute; left:8px; top:64px; width:297px; height:283px; z-index:1">Xanga entry will go here. Hopefully... </div>

^ That part. It goes at the end and you close it in webstats, by the by.
And... No can do unless they're really, really similar.
*


I'm sorry. I'm an idiot and I don't quite undertand. I place the overflow statement right before the z-index...
CODE
<div id="Layer1" style="position:absolute; left:8px; top:64px; width:297px; height:283px; overflow: auto; z-index:1">Xanga entry will go here. Hopefully... </div>
is that right?

but u say to close it in webstats. If i do that in look and feel it changes the entire skin. I'm using Xanga Skins section in premium.

Also about the different layouts, they are similiar, the only thing that changes are the links: The image source.
CODE
http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images1/pspxangabckgrnd01_01.gif
http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images2/pspxangabckgrnd02_01.gif
http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images3/pspxangabckgrnd03_01.gif
http://i16.photobucket.com/albums/b2/ardpsp/pspxanga/images4/pspxangabckgrnd04_01.gif
talcumpowder
Sep 1 2005, 06:28 PM
Psh. You never said that. Then fine, keep it how it was...
Attempt it then. It requires a lot of thinking+coding tho. Just saying. Oh! And a host to host your external CSS stylesheet. mellow.gif
Ardivian
Sep 1 2005, 06:35 PM
so i can't get the entries into it?

and i suppose css stylesheet will control the switching of layouts?

orz >.<
talcumpowder
Sep 1 2005, 06:39 PM
Yeah. Script in script.
[ http://www.createblog.com/forums/index.php?showtopic=331 ]
[ http://www.createblog.com/forums/index.php...5051&#entry5051 ]
Pft. And you read tutorials, that's what they're for.
[ http://www.xanga.com/skin.asp?user=XangaSkins ]
Ardivian
Sep 1 2005, 06:43 PM
ok thnx for the help
*gets busy*
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.