Gigantic Gap., o.O What's wrong?? Options

[C.Lime.Jello.]

Okay... I did an image map.
And then I went and did a stylesheet.
And now, after its all in the header, there's this HUGE white gap between the navi and the blog. Erm... No div layers either. (and the image map is before everything)
Problem Page
Help, please?

[NatiMarie]

I think you do need div layers so that your entries can be up there.
=P

[C.Lime.Jello.]

Okay, then how do I do that?

[xolilkatie]

there was a tutorial somewhere on createblog for that.. search for it

or try searching google for tutorials

[C.Lime.Jello.]

Erm... I tried using

CODE

<!-- begin code provided by createblog.com -->

<div style="
overflow: auto;
width: ###px;
height: ###px;
margin-top: ###px;
margin-left: ###px;">

<!-- end code provided by createblog.com -->

And that didn't work. And then I tried using the script for a boxed xanga, and that didn't work. But I thought it was the first code that made your blog thing go where you want it.
I'm confused.

[TrannieL]

You dont need any code. Did you see ur banner?

http://img.photobucket.com/albums/v394/Kan..._background.jpg

It's too big. You should cut offf the white part. I cut it for you. Upload it.

Problem solved.

- Tran -

Attached File(s)

 untitled.JPG ( 51.39K ) Number of downloads: 0

 

[C.Lime.Jello.]

o.O
Thank you.
-prances away happily with the newly fixed banner-

~* Edit *~
It's still not working.

[TrannieL]

o.O
Thank you.
-prances away happily with the newly fixed banner-

~* Edit *~
It's still not working.

It's not? O___O can i see ur xanga again?

- Tran -

[C.Lime.Jello.]

Yah, sure.
My Xanga

[avalon*]

can you post your code? maybe we can figure it out that way. just a suggestion.

[C.Lime.Jello.]

-.-u

CODE

<!-- begin code provided by createblog.com -->

<MAP NAME='ryou_map'>
<AREA SHAPE='rect' COORDS='288,40,392,58' HREF='http://www.xanga.com/private/home.aspx' ALT='Your Xanga'>
<AREA SHAPE='rect' COORDS='423,44,535,57' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Your Subbies'>
<AREA SHAPE='rect' COORDS='569,45,623,56' HREF='http://www.xanga.com/profile.aspx?user=x_SukixChan_x' ALT='Read My Profile'>
<AREA SHAPE='rect' COORDS='647,44,742,57' HREF='http://www.xanga.com/guestbook.aspx?user=x_SukixChan_x' ALT='Sing My Guestbook'>
<AREA SHAPE='rect' COORDS='319,69,429,78' HREF='http://xanga.com' ALT='Xanga Home'>
<AREA SHAPE='rect' COORDS='469,70,502,80' HREF='http://www.xanga.com/CLAF/default.asp' ALT='CLAF / Edit'>
<AREA SHAPE='rect' COORDS='537,69,598,79' HREF='http://www.xanga.com/x_KurayamixnixAkaixBara_x' ALT='Visit the Creator'>
<AREA SHAPE='rect' COORDS='631,69,705,80' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=x_SukixChan_x' ALT='Subscribe To Me'>
<AREA SHAPE='rect' COORDS='421,94,484,103' HREF='http://www.xanga.com/signin.aspx?' ALT='Sign In'>
<AREA SHAPE='rect' COORDS='520,91,599,101' HREF='http://www.xanga.com/logout.aspx?' ALT='Sign Out'>
</MAP>

<IMG SRC=
'http://img.photobucket.com/albums/v394/Kanita-chan/Random%20Pictures/ryou_background.jpg'
border=0 width=1024 height=304 USEMAP='#ryou_map'>

<style type="text/css">
/* Ryou is Cute */
/*By - Smothered Rose */
body {
 cursor: crosshair;
 background-color: #FFFFFF;
 scrollbar-arrow-color: #8B4513;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color: #8B4513;
 scrollbar-face-color: #FFFFFF;
 scrollbar-highlight-color: #8B4513;
 scrollbar-darkshadow-color: #8B4513;
 scrollbar-3dlight-color: #8B4513;
 }

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 10px gill sans mt;
 line-height:10px;
 color:#8B4513;
 letter-spacing:0px;
 text-align:justify;
 }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }

div.blogheader, .caption {
/* edits the dates */
 font-family:rockwell;
 text-transform:lowercaps;
 font-size:16px;
 line-height:10px;
 font-weight:bold;
 color:#8B4513;
 letter-spacing:0px;
 background-color: #Transparent;
 text-align: right;
 }

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

//blogring.document.write
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#8B4513;
 font:normal 10px comic sans ms;
 line-height:10px;
 text-decoration: none;
 }

a:hover {
/* edits when user mouseovers the links */
 color:#8B4513;
 font:normal 10px tahoma;
 line-height:10px;
 cursor: crosshair;
 text-decoration: none;
 }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px dashed #8B4513;
 font:normal 11px arial;
 background-color: #Transparent;
 letter-spacing:0px;
 }

table.left {
/* this edits the menu module */
 border: 1px dashed #8B4513;
 width:160px;
 background-color: #Transparent;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 border: 1px dashed #8B4513;
 background-color: #Transparent;
 width:400px;
 }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-image: url
(http://img.photobucket.com/albums/v281/I_lOvE_mY_nObOdY/Random%20Pictures/ryoutree.jpg);
 background-color: #FFFFFF;
 font: bold 10px harrington;
 text-transform: lowercaps;
 color: #000000;
 border: none;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-image: url(None);
 background-color: #Transparent;
 border: none;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: #8B4513;
 border: 1px dashed #8B4513;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
 border: 0px dashed #8B4513;
 }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
 width: 560px;
 }
hr {
/* horizontal divider */
 border: 1px dashed #8B4513;
 }
/* width of the comment page */
{width:200px;}
table.navigation, table.footer
{display: none;}
a:hover
/* edits the hover */
{
border: 1px dashed #8B4513;
}
</style>

<body oncontextmenu="location=self.location;return false";
ondragdrop="returnfalse";
onselectstart="return false">
<body scroll="auto">
<script type='text/javascript'>

shuffle = 1; //Replace 1 with 0 if you want to temporarily turn off this script

     //you can keep adding more titles by copying over, as long as you change the number
title=new Array();
title[0] = "Ryou Rocks!!!";
title[1] = "Ryou Is Cute Beyond All Reason";
title[2] = "Suki Loves Ryou.";
title[3] = "Ryou Rocks My Socks.";


if (shuffle == 1) {
var randsg = Math.floor(Math.random()*title.length);
document.title = title[randsg];
}
</script>

<!-- end code provided by createblog.com -->

^ Header.

CODE

<!-- begin code provided by createblog.com -->

<script language=javascript>
// swaps sidebar position on default xanga site layout
// by sean http://www.xanga.com/seanmeister
function swapSidebar(){
var tds = document.getElementsByTagName("td")
for (var i = 0; i < tds.length; i++){
if (tds[i] == "mainleft" || tds[i].width == "200"){
var sidebar = tds[i].cloneNode(true);
//document.write.blogring
tds[i].parentNode.appendChild(sidebar);
tds[i].parentNode.removeChild(tds[i]);
break;
}}
}
swapSidebar();
</script>
<script language="javascript">
<!--
var links = document.getElementsByTagName ("a");
for (var l = 0; l < links.length; l++) {
str = links[l].innerHTML;
if (str.match (/d+:d+ (am|pm)/i)) links[l]
else if (str.match (/eprops/i)) links[l].innerHTML = str.replace (/eprops/i, "darkness");
else if (str.match (/eprop/i)) links[l].innerHTML = str.replace (/eprop/i, "dark spell");
else if (str.match (/comments/i)) links[l].innerHTML = str.replace (/comments/i, "lightness");
else if (str.match (/comment/i)) links[l].innerHTML = str.replace (/comment/i, "light spell");
else if (str.match (/subscribe/i)) links[l].innerHTML = str.replace (/subscribe/i, "Sell Your Soul...");
else if (str.match (/subscription/i)) links[l].innerHTML = str.replace (/subscription/i, "of life without your soul...");
else if (str.match (/subscriptions/i)) links[l].innerHTML = str.replace (/subscriptions/i, "Whateverz");
else if (str.match (/sign out/i)) links[l].innerHTML = str.replace (/sign out/i, "Remember nothing...");
else if (str.match (/GuestBook/i)) links[l].innerHTML = str.replace (/GuestBook/i, "Black Book of Death");
else if (str.match (/Allybabaa206/i)) links[l].innerHTML = str.replace (/Allybaba206/i, "Ally!");
else if (str.match (/Chinchilla_Gurl/i)) links[l].innerHTML = str.replace (/Chinchilla_Gurl/i, "Chili");
else if (str.match (/Forever_Lost_And_Lonley/i)) links[l].innerHTML = str.replace (/Forever_Lost_And_Lonley/i, "Burrito");
else if (str.match (/gAmE_pHrEaK_c/i)) links[l].innerHTML = str.replace (/gAmE_pHrEaK_c/i, "Curtis");
else if (str.match (/MissPerkiness/i)) links[l].innerHTML = str.replace (/MissPerkiness/i, "Alicia");
else if (str.match (/Purple_Rain_Alwayz_Fallz/i)) links[l].innerHTML = str.replace (/Purple_Rain_Alwayz_Fallz/i, "Destiny");
else if (str.match (/Starry_Skies_Theme/i)) links[l].innerHTML = str.replace (/Starry_Skies_Theme/i, "SR's Theme");
else if (str.match (/x_KurayamixnixAkaixBara_x/i)) links[l].innerHTML = str.replace (/x_KurayamixnixAkaixBara_x/i, "It's SR!");
else if (str.match (/x_LovelyxRammie_x/i)) links[l].innerHTML = str.replace (/x_LovelyxRammie_x/i, "Rammie");
else if (str.match (/x_TsumujixKazexdexFlyxAway_x/i)) links[l].innerHTML = str.replace (/x_TsumujixKazexdexFlyxAway_x/i, "Whirlwind");
else if (str.match (/x0_PnAyBayBeEguRRL_0x/i)) links[l].innerHTML = str.replace (/x0_PnAyBayBeEguRRL_0x/i, "Valerie");
else if (str.match (/xv_Cest_La_Vie_vx/i)) links[l].innerHTML = str.replace (/xv_Cest_La_Vie_vx/i, "Destiny");
else if (str.match (/xX_Kurama_And_Nobody_Lover_Xx/i)) links[l].innerHTML = str.replace (/xX_Kurama_And_Nobody_Lover_Xx/i, "Burrito");
else if (str.match (/xX_RaMeRa_Xx/i)) links[l].innerHTML = str.replace (/xX_RaMeRa_Xx/i, "Ramera");
}//-->
</script>
<style type="text/css">
<!-- a:hover {background:url(http://members.asianavenue.com/risa-cute-image/starglow.gif);
text-decoration: none;} //--></style>

<!-- end code provided by createblog.com -->

^ WS

[TrannieL]

Yah, sure.
My Xanga

You mean you want to put the bloe between the "two guys"? omg. Your banner has a big white part there and your xanga is normal table, you cant move it, change the banner.

It's ok If you remove the modules and use DIV to put ur blog up, but im sure that it wont look pretty

- Tran -

[C.Lime.Jello.]

Originally it was a background. And then I cropped it.
So... I'd remove the modules, and then....
I'd have to use the other code to move the blog up?
o.O

[whomps]

CODE

<!-- begin code provided by createblog.com -->


<div style="
overflow: none;
margin-top: -200px;">

<!-- end code provided by createblog.com -->

^ Try putting that at the top of your Header HTML.

[C.Lime.Jello.]

YAY!
It works.
Thankyouthankyouthankyou!!!!!!