Log In · Register

 
 
 Closed TopicStart new topic
a little help please
RussianRoulette
post Dec 3 2009, 05:50 AM
Post #1


Member
**

Group: Member
Posts: 10
Joined: Nov 2009
Member No: 752,525
hello I recently made a layout but I dont know what I'm doing wrong
its a Christmas layout for my blogger I designed ornaments on the borders
but it looks crazy at the bottom here's what I'm talking about

I want it to look like this when they scroll down



but when i scroll down its showing like this



Help please wacko.gif

 
louiohjkjhlhklkh...
post Dec 3 2009, 07:24 PM
Post #2


Member
**

Group: Member
Posts: 22
Joined: Dec 2008
Member No: 702,109
Could you please provide your code or a link to a live preview.
 
RussianRoulette
post Dec 3 2009, 08:00 PM
Post #3


Member
**

Group: Member
Posts: 10
Joined: Nov 2009
Member No: 752,525
CODE
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Unique.* G0rgeOuz.* DivaLicious.*</title>

<style type="text/css">


body {
font-family: tahoma;
font-weight: normal;
color: #f33acb;
font-size: 9px;
margin: 0;
top: 700px;
padding: 0;
background: #FFFFFF

url(http://i46.tinypic.com/29ve2r6.png);repeat
scrollbar-face-color: #F8EBD8;
scrollbar-arrow-color: #605632;
scrollbar-track-color: #F8EBD8;
scrollbar-shadow-color: #F8EBD8;
scrollbar-highlight-color: #F8EBD8;
scrollbar-3dlight-color: #F8EBD8;
scrollbar-darkshadow-Color: #F8EBD8;
}

#main {
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
height: 700px;
width: 1500px;
background: url(http://i49.tinypic.com/2eebp0p.png)
no-repeat;
}

#blog {
z-index: 1;
position: absolute;
}

#content {
position: absolute;
margin: 0;
padding: 0;
top: 575px;
left: 100px;
width: 500px;
z-index: 1;
padding: 5px;

}

#side {
position: absolute;
text-align: left;
top: 635px;
left: 650px;
width: 226px;
margin: 0px;
padding-bottom: 0px;
z-index: 0;

}

.written {
font-family: Century Gothic;
font-size: 12px;
color: #f33acb;
text-align: justify;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-right: 15px;
margin-top: -1px;
border: 1px dashed #a07ba0;
}

.written a:link, a:active, a:visited {
color: #f33acb;
text-decoration: none;
}

.written a:hover {
color: #ffffff;
text-decoration: none;
}

#postscript {
color: #f33acb;
text-align: center;
font-size: 9px;
font-weight: none;
text-transform: lowercase;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 25px;
}

#postscript span a:link, a:active, a:visited {
color: #f33acb;
text-decoration: none;
}

#postscript span a:hover{
color: #f33acb;
text-decoration: none;
}

h1 {
font-family: century;
font-weight: normal;
font-size: 16pt;
text-transform: lowercase;
color: #f33acb;
letter-spacing: -1px;
text-align: right;
margin-bottom: -2px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
}

h2 {font-family: Sylfaen;
font-weight: normal;
font-size: 19px;
letter-spacing: -2px;
color: #f33acb;
text-align: right;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 20px;
padding-bottom: 0px;
}


h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
color: f33acb;
text-decoration: none;
}

h3 {
font-family: Century Gothic;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
color: #f33acb;
text-align: left;
margin: 0;
padding-top: 0px;
padding-left: 0px;
padding-right: 35px;
padding-bottom: 12px;
line-height: 120%;
}

ul {
font-family: tahoma;
font-weight: normal;
color: #f33acb;
font-size: 12px;
list-style-type: none;
text-transform: lowercase;
margin-top: -10px;
margin-left: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 15px;
text-align: left;
line-height: 100%;
}

ul a:link {
color: #f33acb;
text-decoration: none;
}

ul a:active {
color: #f33acb;
text-decoration: none;
}

ul a:visited {
color: #f33acb;
text-decoration: none;
}

ul a:hover {
color: #f33acb;
letter-spacing: 2px;
cursor: help;
}
}
/*CALENDAR*/

td.month {
font-family: tahoma ;
font-size: 15px;
text-decoration: none;
background-image:url(http://cbimg6.com/layouts/09/10/35849ae.png);
text-transform: uppercase;
text-align: left;
color:#ffffff;
border: 1px dotted #71D6BE;}

td.week {
color: #f36356 ;
font-family: tahoma;
font-size: 10px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
background-color: #ffffff ;
border: 1px solid #f5a6be ;
}

td.day {
color: #ffb1cf;
font-family: tahoma;
font-size: 10px;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align: center;
background-color: #747474 ;
border-left: 1px solid #343434;
border-right: 1px solid #a49768;
}


</style>
</head>

<noembed><body></noembed>

<div id="main"><span></span></div>



<div id="blog">

<div id="content">
<blogger>


<h1><span><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></span></h1>
<BlogItemTitle><h2><span><a href="<$BlogItemPermalinkURL$>"

title="Permanent Link">♥ <$BlogItemTitle$></a></span></h2></BlogItemTitle>
<p><div class="written"><span><$BlogItemBody$></span></div></p><p></p>
<div id="postscript">
<span class="comments"><BlogItemCommentsEnabled>


<span style="font-family: times new roman; color: #f33acb;

font-size: 9pt; text-transform: uppercase; font-weight: bold;">♥ When you think of happiness, I hope you think of me.</span></font><br><$BlogItemDateTime$><br />




</div>
<p>
</blogger>
</div>

<div id="side">
<div id="myself">
<h3 class="info"><span>♥ Diva</span> </h3>
<img src="http://i44.tinypic.com/2wqxyyx.png" align="left">Well,Hi Im Dalayiah 20 years old
I'm in ♥ with the greatest person
in this world. This Blog is about
my daily life and extra. So I talk about what ever I please if it bothers you
its easy to X out my blog and never visit it again I will
not tolerate bullshit or racism
I'm a very unique person if u get to know me. I am middle eastern. Recently finished college from medical Esthetics.
I'm also majoring in computer info tech and might take design drafting.
I love my puppy Tina. I love traveling, along with shopping. I'm trying to get into Fashion or Make up someday when
I get myself together. <br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height= src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNTgzMTcyOTY3MDQmcHQ9MTI1ODMxNzI5OTE3OCZwPTE4MDMxJmQ9Jmc9MSZvPTRiY2Rm
DY1MzQ3YTQzYzBhM2YxMDhjMzBmNGI1NGUz.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/myflashfetish-mp3-player.swf" height="155" width="150 style="width:155px;height:120px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/myflashfetish-mp3-player.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=35112704&path=2009/11/15&mycolor=26251C&mycolor2=ff9175&mycolor3=f23d76&autoplay=true&rand=0&f=4&vol=100&pat=6&grad=false&ow=218&oh=155"/></object>

<Br>
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '300';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#white';
skin['ENDCAP_TEXT_COLOR'] = '#cccccc';
skin['ENDCAP_LINK_COLOR'] = '#c0c0c0';
skin['ALTERNATE_BG_COLOR'] = '#f1c3e2';
skin['CONTENT_BG_COLOR'] = '#cccccc';
skin['CONTENT_LINK_COLOR'] = '#cccccc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#c0c0c0';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#f1c3e2';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-1236580887620',
site: '09198578679116973148' },
skin);
</script>
<br>
<div id="shoutbox">
<h3 class="links"><span>♥ShoutBox.*</span></h3>
<ul>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="dalayiah" src="http://www5.shoutmix.com/?dalayiah" width="160" height="300" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?dalayiah">View shoutbox</a>

<!-- End ShoutMix --></iframe>

<h3 class="links"><span>♥Followers.*</span></h3>
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-5569265013116956214" style="width:200px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['FONT_FAMILY'] = 'comic sans ms,sans-serif';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#ffcc99';
skin['ENDCAP_TEXT_COLOR'] = '#666666';
skin['ENDCAP_LINK_COLOR'] = '#ff6666';
skin['ALTERNATE_BG_COLOR'] = '#666666';
skin['CONTENT_BG_COLOR'] = '#ffcc99';
skin['CONTENT_LINK_COLOR'] = '#ff6666';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#ff6666';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#666666';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-5569265013116956214',
site: '09198578679116973148' },
skin);
</script>


<h3 class="links"><span>♥Members Links.*</span></h3>
<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-5073030511972268024" style="width:200px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['FONT_FAMILY'] = 'arial narrow,sans-serif';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#999999';
skin['ENDCAP_TEXT_COLOR'] = '#ffcc99';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#c0c0c0';
skin['CONTENT_BG_COLOR'] = '#ffcc99';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-5073030511972268024',
url:'http://xmlgadgets.com/ig/member-link.xml',
site: '09081229901049168644' },
skin);
</script>


<br>
<h3 class="links"><span>♥Affiliates.*</span></h3>
<a href='http://www.createblog.com/affiliates/in.php?id=400' title='Free myspace layouts'><img src='http://www.createblog.com/images/affiliate.gif' alt='Free myspace layouts' border='0' /></a>


</ul>
</div>




<div id="archive">
<h3 class="history">♥ Past </h3>
<ul>
<!--Do not edit this part unless you're familiar with

Javascript-->
<script type="text/javascript">
var archives = new Array();

<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>',

'<$BlogArchiveName$>');
</BloggerArchives>

for (var i=archives.length-1;i>=0;i--)
{
document.write('<li><a href="' + archives[i][0] + '">' +

archives[i][1] + '</a></li>');
}
</script>
<!--End of DO NOT EDIT-->
</ul>
</div>



</div>

</body>
</html>
 
Mikeplyts
post Dec 3 2009, 10:33 PM
Post #4


Mel Blanc was allergic to carrots.
*******

Group: Official Designer
Posts: 6,371
Joined: Aug 2008
Member No: 676,291
Look at this:
CODE
body {
font-family: tahoma;
font-weight: normal;
color: #f33acb;
font-size: 9px;
margin: 0;
top: 700px;
padding: 0;
background: #FFFFFF
 
RussianRoulette
post Dec 5 2009, 12:24 AM
Post #5


Member
**

Group: Member
Posts: 10
Joined: Nov 2009
Member No: 752,525
QUOTE(Mikeplyts @ Dec 3 2009, 11:33 PM) *
Look at this:
CODE
body {
font-family: tahoma;
font-weight: normal;
color: #f33acb;
font-size: 9px;
margin: 0;
top: 700px;
padding: 0;
background: #FFFFFF



so what am I supposed to correct? I'm confused
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic