No replies
kimikookie
kimikookie's picture
Offline
newbie
Last seen: 7 years 43 weeks ago
Timezone: GMT+8
Joined: 2013-04-03
Posts: 1
Points: 2

heythere Smile
new to this site, haha
I'd like a little help with my blog please?

lifeofgirlnamedlene.blogspot.com

If you'd have the time to click on that, you'd see that the posts are overlapping,
and with each overlap, the width of the post becomes smaller and smaller, but the font size does not change.

It's mostly handcoded by me XD so I'm really sorry if there are obvious flaws a noob like me can't spot
as I'm not experienced with this CSS/HTML stuff
and I've googled most of the tags on how to make certain stuff work
But I can't seem to find a solution to this problem Shock

Please, help a newb like me X)

Here's my CSS/HTML :

<html>
<head><br><br><br>
<title> boosh  |  ploosh </title><link rel="shortcut icon" href="http://www.drikoti.net/Goodies/Favicons/Ico/fv-new11.ico"/> 
<style type="text/css">
#navbar-iframe { display: empty; }
 
#sidebar { right: 115px; top: 57px; position: fixed; width: 240px; padding: 10px; border: 1px solid #000000; text-align: center; background:white }
 
#posts { }
 
#post { 
margin-bottom: 30px;
border: 1px #000000 solid; 
padding: 15px;
background: white;
}
 
body {
background:#F3F3F3;
background-attachment: Fixed;
font-family:Cambria;
font-size: 35px
text-align: left;
cursor: url(<a href="http://cur.cursors-4u.net/nature/nat-10/nat983.cur" rel="nofollow">http://cur.cursors-4u.net/nature/nat-10/nat983.cur</a>), auto;
}
 
a:link, a:visited {
color: #FF5F5F;
text-decoration: none;
-webkit-transition:0.5s;
cursor: url(<a href="http://cur.cursors-4u.net/nature/nat-10/nat983.cur" rel="nofollow">http://cur.cursors-4u.net/nature/nat-10/nat983.cur</a>), auto;
}
 
a:hover{
text-decoration: none;
color: #FF5F5F;
-webkit-transition:0.5s;
cursor: url(<a href="http://cur.cursors-4u.net/nature/nat-10/nat983.cur" rel="nofollow">http://cur.cursors-4u.net/nature/nat-10/nat983.cur</a>), auto;
}
 
.title {
color:#FF6464;
font-family:Georgia;
font-size:22px;
padding-top:20px;
text-align: center;
}
 
.blogger-labels { 
padding: 0; 
padding-top: 7px; 
margin: 0; 
text-align: right; 
font: 0px consolas; 
font-style: normal;  
color: transparent; 
letter-spacing: 1px; 
}
 
.blogger-labels a { 
font-size: 15px; 
font-family: Cambria; 
padding: 0 5px; 
background: #F8F8F8; 
color: #666; 
border-bottom: 1px solid #F1F1F1; 
border-right: 1px solid #F1F1F1; 
margin: 1px; -webkit-transition: 0s; -o-transition: 0s; -moz-transition: 0s; transition: 0s; text-decoration: none; 
}
 
.blogger-labels a:hover {
 border-left: 1px solid #F1F1F1; border-top: 1px solid #F1F1F1; border-bottom: 0px solid #F1F1F1; border-right: 0px solid #F1F1F1; }
 
blockquote{
color:#424242;
padding: 5px; 
border-radius:20px; 
border: 1px dashed #424242;
-webkit-transition: 0.5s;
}
blockquote:hover{ 
color:#424242;
border-radius:20px; 
border: 1px dotted #424242;
-webkit-transition: 0.5s;
}
 
u {
text-decoration:none;
background: #FF91AB;
border-radius: 3px;
-webkit-transition-duration: 1s;
color: #424242;
}
 
u:hover {
background: #FFFFFF;
border-radius: 3px;
-webkit-transition-duration: 1s;
color: #424242;
}
 
b {
-webkit-transition:.1s; 
text-decoration: none;
color: #FF91AB;
}
 
strike {
text-decoration:none;
color: #999999;
}
 
a.navigate {
padding:4px;
color:#FF91AB;
font-size:20px;
background: #FFFFFF;
}
 
header {
padding-left: auto;
padding-top: auto;
}
 
header:hover {
padding-left: 60px;
padding-top: 0px;
}
::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 10px;width: 10px;display: block;background: #ffffff;border: 1px solid #efefef}
::-webkit-scrollbar-track-piece {background-color: #ffffff;}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color: #ffffff;border: 1px solid #efefef}
::-moz-selection {
 background:#ffffff;
 color:#CAFFD8;
 }
 ::selection {
 background:#ffffff;
 color:#CAFFD8;
 }
img{
border-radius:10px;
}
 
</style>
</head>
<body>
 
<table style="font-size: 14px; color: #343434; line-height: 17px; padding-left:10px; padding-right:10px; left: 100px; margin-left:240px;margin-right:auto; width="950" >
 
<tbody><tr>
<td valign="top" style="width:600px; padding-left:5px; padding-right:13px; ">
 
<div id="posts">
<Blogger><div id="post">
<div id="blog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<font size="1"><center><div class="com">posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> </div><hr></center></font>
<$BlogItemBody$></div></Blogger></div></br>
</blogger><br>
</td></tr></tbody>
 
 
<div id="sidebar">
<a class="link1" href="/">home</a> |<a class="link2" href="http://twitter.com/iWentMeow" target="_blank"> twitter</a> |<a class="link3" href="http://www.blogger.com/follow-blog.g?blogID=1281662560540392805" target="_blank"> follow</a>
 
<select name="archives" style="width:100%; text-align: center; letter-spacing: 1px; padding: 1px; border: 1px solid #f1f1f1; color: #999; margin-top: 5px; background:#f4f4f4; font-family: Cambria; font-size: 13px; text-transform: lowercase;" option style="text-align: center;" class="link" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">     archives </option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives></select>
 
<center><OlderPosts><a href=<$OlderPosts$>>« older</a> ∙</span></OlderPosts> <a href="/">home</a><NewerPosts> ∙ <a href=<$NewerPosts$>>newer »</a></NewerPosts>
</div></div>
</div>
 
</body>
</html>

Oh btw, please tell me what the mistake is, and what do I add in to fix it, thanks! Smile
I'd like to learn new stuff.
Thanks, and have a nice day! Laughing out loud