View Full Version : Layout question having to do with the html of the skin...


mudpiephi03
08-02-2004, 05:59 AM
I have this skin on my xanga right now and there's something wrong with the the coding and I can't figure it out. The problem is that there is a huge space btwn the blog entries and the top of the blog box. It's hard to explain, but if you go to my site you'll see what I mean.

http://www.xanga.com/home.aspx?user=mudpiephi03



This is the code for the skin:

<META http-equiv=imagetoolbar content=no>
<div align="left"><div style="position:static; margin-left:-10px;margin-top: -120px;border: 0px solid #ffffff;">
<IMG SRC='http://img.photobucket.com/albums/v322/P4P4Y4/background/paradise.jpg' border=0 width=975 height=1000 USEMAP='#imgmap'>
<div style="position:static; margin-left:431px;margin-top: -455px;border: 0px solid #ffffff; width: 100px; height: auto;background: transparent;">
<table border="0" width=100%>
<tr>
<td colspan=2><center>
<p class=nav>.:mAi iNFo:.</p>
</center><tr>
<td colspan=2><center>
Write whatever you want about yerself here.<br><br>
Name:<br>
DOB:<br>
Interests: <br>
</center><tr>
<td colspan=2>
<br><center>
<p class="nav">.:NaViGaTE:.</p>
</center><tr>
<td><A href="http://www.xanga.com/signin.asp">sign-in</A><br>
<A
href="http://www.xanga.com/profile.asp?user=YOURNAME">my profile</A><br>
<A
href="http://www.xanga.com/guestbook.asp?user=YOURNAME">my guestbook</A><br>
<A href="http://www.xanga.com/private/home.aspx">yours</A><br>
<a href="http://www.xanga.com/CLAF/default.asp">claf</A><br>
<A href="http://www.xanga.com/private/subscriptions.aspx">your subscriptions</A><br>
<A href="http://www.xanga.com/private/feedback.asp">feedback</A><br>
<A href="http://www.xanga.com/logout.asp">sign-out</A>
<tr>
<td colspan=2>
<br><center>
<p class="nav">.:sUbS:.</p>
</center><tr>
<td>
<A
href="http://www.xanga.com/private/SubscribeTo.aspx?user=YOURUSERNAME">subscribe 2 me</A><br><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<tr>
<td colspan=2>
<center><br>
<p class="nav">.:RiNGs:.</p>
</center><tr>
<td><A href="http://www.blogringurlhere.com">blogring</A><br>
<A href="http://www.blogringurlhere.com">blogring</A><br>
<A href="http://www.blogringurlhere.com">blogring</A><br>
<A href="http://www.blogringurlhere.com">blogring</A><br>
<A href="http://www.blogringurlhere.com">blogring</A>

<tr>
<td colspan=2>
<br><center>
<p class="nav">.:thAnkS:.</p>
</center><tr>
<td><br>
<A href="http://www.xanga.com/xxprawphitxx" target=new><img src="http://img.photobucket.com/albums/v322/P4P4Y4/avatar/udparadiseavatar.gif" border=1></a><br><br>
<a href="http://www.xanga.com/p4p4y4" target=new>P4P4Y4</a>
<tr>
</table>
</div>

<div style="position:static; margin-left: 50px;margin-top: -670px;border: 0px solid #ffffff; width: 320px; height: auto;background: none;">

<style type="text/css">
/* Paradise */
/* by P4P4Y4*/

table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

body {
background: 4A8EEA url("http://img.photobucket.com/albums/v322/P4P4Y4/background/paradisestrip.jpg");
background-attachment: fixed;
background-position: left;
background-repeat:repeat-y;
scrollbar-arrow-color: #4A8EEA;
scrollbar-track-color: #4A8EEA;
scrollbar-shadow-color: #4A8EEA;
scrollbar-face-color: #65F5D7;
scrollbar-highlight-color: #4A8EEA;
scrollbar-darkshadow-color: #FB51FE;
scrollbar-3dlight-color: #FB51FE;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px comic sans ms;
line-height:11px;
color: #4D7CEB;
letter-spacing:0px;
text-align:justify;
}

p.nav {
/* edits the menu modules */
width:100px;
background:#D993FB;
font-family:comic sans ms;
text-transform:none;
font-size:15px;
line-height:10px;
font-weight:bold;
border:none;
color:#ffffff;
letter-spacing:0px;
text-align: center;
}
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page I suggest making it the same width as the blogbody*/
{width: 200px;
background-color: transparent;
}
div.blogheader, .caption {
/* edits the dates */
background: #D993FB;
font-family:comic sans ms;
text-transform:lowercase;
font-size:20px;
line-height:10px;
font-weight:bold;
border: none;
color:#ffffff;
letter-spacing:0px;
text-align: center;
}
table.navigation, table.footer {display: none;}
table.blogbody {
/* this edits the other the place where the blog is */
background: transparent;
width:300px;
border: none;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#C70CCE;
font: 11px comic sans ms;
line-height:10px;
text-decoration: none;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#C70CCE;
font: 11px comic sans ms;
line-height:10px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#C70CCE;
font:bold 11px comic sans ms;
line-height:10px;
text-decoration: overline underline;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 0px solid #FB51FE;
font:normal 10px comic sans ms;
background-color: 4A8EEA;
color:#FB51FE;
letter-spacing:0px;
}

hr {
/* horizontal divider */
border: 0px solid #ffffff;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none;
border: 0px solid #ffffff;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #F8748C;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: center;
padding-bottom: 0px;
}

b, strong {color: #FB51FE; font-weight:bold;}
</style>

<body bgcolor="#17F5E3" ondragstart="return false" onselectstart="return false" oncontextmenu="return false">

JiNgLeBeLLz77
08-02-2004, 06:32 AM
<div align="left"><div style="position:static; margin-left:-10px;margin-top: -120px;border: 0px solid #ffffff;">

fix where it says margin-top... make it less =]

Sami2319
08-03-2004, 03:23 AM
Ok, well this is kinda dumb but, I suggest you try other hosts like Geocities, or Freeservers! Yea, I know this doesnt answer your question AT all! lol!
Sowwie!
!*!Sami!*! :buckt: