Help - Search - Members - Calendar
Full Version: cB Comments Page
Forums > Resource Center > Support Center > Createblog Support > Createblog Resolved Topics
Mikeplyts
I recently made a new cB layout and I'm trying to get the "Add Comment" section (where the textarea and button are) to get moved to the very bottom of my "View All" Comments Page. Please help. Thanks. _smile.gif

Here are my codes-

Header HTML:
CODE
<style type="text/css">
#nav {display: none !important;}
#stats{display:none !important;}
#splash{display:none !important;}
#logo{display: none !important;}
#bestfriends {display:none!important;}
#aboutme {display:none !important;}
#contactme {display:none!important;}
#links{display:none!important;}
#recententries {display:none!important;}
#favorites {display:none !important;}
#submissions {display:none !important;}
#skills {display:none !important;}
#recentphotos{display:none !important;}
#footer{display:none !important;}
#login {visibility: visible; position: absolute; margin-top:0px; right:0px;}
#comments{visibility: visible; position: absolute; left: 50%; margin-left: -325px; margin-top: 690px; font-color:#333333; border-color:#cccccc; width: 650px; height: 600px;}
#mikeplyts{position: absolute; left: 50%; margin-left:-350px; margin-top: 10px; width: 700px; height: 512px;}
#commentheader {position: absolute; left: 50%; margin-left:-350px; margin-top: 610px; width: 700px; height: 81px;}
.aboutme {position:absolute; left: 50%; margin-left: -245px; margin-top: 130px; width: 490px; height: 285px; font-family: arial; font-size: 12px; font-color:#000000;}

body {
background-color:#000000;
background-image: url("http://www.mikeplyts.net/images/mpl_cb_lyt-bg_color.png");
}

.comment_body {
font-family: arial;
font-size: 14px;
font-color:#333333;
padding:7px;
}

.innerbox img.image {
filter: alpha(opacity=40);
opacity: .4;
padding:0px;
}

.innerbox img.image:hover {
filter: none;
opacity: 1;
padding:0px;
}

.comment_img {
padding:7px;
}

.col4 {display: none !important;}

.col3 {visibility: visible; position: absolute; left: 50%; margin-left: -325px; margin-top: 690px; font-color:#333333; border-color:#cccccc; width: 650px; height: 600px;}

.linkbox {font-color:#333333; border-color:#cccccc; background-color:#202020;}

textarea {
width: 640px;
}

input {
width: 650px;
}

.innerbox {
background-color:#202020;
}

.innerbox img.image {
border:0px;
}

a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: arial; font-size: 12px; color:#333333; text-transform: none; text-decoration: none; }
a:hover { font-family: arial; font-size: 12px; color:#cccccc; text-transform: none; text-decoration: none; cursor: pointer; }
</style>
<style>
a.home {display:block; width:125px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_home.png"); background-repeat:no-repeat;}
a.home:hover {display:block; width: 125px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_home_hov.png"); background-repeat:no-repeat;}

a.layouts {display:block; width:169px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_layouts.png"); background-repeat:no-repeat;}
a.layouts:hover {display:block; width:169px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_layouts_hov.png"); background-repeat:no-repeat;}

a.graphics {display:block; width:203px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_graphics.png"); background-repeat:no-repeat;}
a.graphics:hover {display:block; width:203px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_graphics_hov.png"); background-repeat:no-repeat;}

a.scripts{display:block; width:154px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_scripts.png"); background-repeat:no-repeat;}
a.scripts:hover {display:block; width:154px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_scripts_hov.png"); background-repeat:no-repeat;}

a.tutorials {display:block; width:201px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_tutorials.png"); background-repeat:no-repeat;}
a.tutorials:hover {display:block;width:201px;height:42px; background-image: url("http://www.mikeplyts.net/images/cb_tutorials_hov.png"); background-repeat:no-repeat;}

a.forums {display:block; width:164px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_forums.png"); background-repeat:no-repeat;}
a.forums:hover {display:block; width:164px; height:42px; background-image: url("http://www.mikeplyts.net/images/cb_forums_hov.png"); background-repeat:no-repeat;}
</style>
<style>
a image {border: none; filter: alpha(opacity=50);}
a:hover image {border: none; filter: none;}
.innerbox img.image {
border: none;
}
.image {
border: none;
}
</style>


Footer HTML:
CODE
<div id="mikeplyts">
<img src="http://www.mikeplyts.net/images/mpl_cb_lyt-main.png" border="0" usemap="#mikeplytsmyspace">
<map name="mikeplytsmyspace">
<area shape="rect" alt="Mikeplyts:Layouts,HTML/CSS Codes&Help,and Photo Editing/Graphic Design." coords="151,14,682,119" href="http://www.mikeplyts.net/" target="_self">
</map>
</div>

<div id="commentheader">
<img src="http://www.mikeplyts.net/images/mpl_cb_lyt-cmnts_header.png" border="0">
</div>

<div class="aboutme">
<img src="http://i299.photobucket.com/albums/mm304/Mikesk8r/cb_aboutme_pic.png" border="0" style="padding: 3px; float:left;"> Hello There. My name is Michael. I hope to someday achieve great goals as well as to learn all the proper skills to become a professional web designer/web master. It may take a while but I'll have a go at it. Besides coding and designing, I also enjoy to play sports especially skateboarding and aggressive inline skating. Also, I'm 13, straight, and living in some of my own, along with several more, creative times. I base my work on creativity and abstraction. I personally think my creativity is very unique and can soon be harnessed into very unique, special, and creative designs. I don't want to keep on ranting about creativity and all so I'll finish up by saying, if you need any help with codes, designs, etc. or just want to request something, feel free to contact me and don't forget to visit my site. (Link Below.) Stay unique. -Michael.<br/><br/>

<center><a href="http://www.myspace.com/mikeplytscaulm4u" target="_blank">Myspace</a> <a href="http://www.mikeplyts.net/" target="_blank">Mikeplyts.net</a> <a href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=676291" target="_self">Message Me</a> <a href="http://mikeplyts.createblog.com/friends/add.php?height=100&width=300&nocache=1228524817" target="_self">Add Me</a> <a href="http://mikeplyts.createblog.com/wink.php?height=100&width=300&nocache=1228524817" target="_self">Wink Me</a></center>
</div>

<div style="position: absolute; left:10%; top: 602px; width:125px; height:42px;">
<a class="home" href="http://www.createblog.com"></a>
</div>

<div style="position: absolute; left:21%; top: 600px; width:169px; height:42px;">
<a class="layouts" href="http://mikeplyts.createblog.com/layouts/"></a>
</div>

<div style="position: absolute; left:35%; top:600px; width:203px; height:42px;">
<a class="graphics" href="http://mikeplyts.createblog.com/graphics/"></a>
</div>

<div style="position: absolute; left:52%; top:600px; width:154px; height:42px;">
<a class="scripts" href="http://mikeplyts.createblog.com/scripts/"></a>
</div>

<div style="position: absolute; left:65%; top:601px; width:201px; height:42px;">
<a class="tutorials" href="http://mikeplyts.createblog.com/tutorials/"></a>
</div>

<div style="position: absolute; left:82%; top:601px; width:164px; height:42px;">
<a class="forums" href="http://www.createblog.com/forums/"></a>
</div>

<div style="position: absolute; left:0px; top:0px;">
<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/mff-circle.swf" height="110" width="110" style="width:110px;height:110px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-circle.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=18074309&path=2009/02/05&mycolor=F00707&mycolor2=000000&mycolor3=3D3838&autoplay=true&rand=0&f=4&vol=100&pat=1&grad=true&ow=110&oh=110"/></object><br></p></center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzM4NzQ2MjUxMTAmcHQ9MTIzMzg3NDYyNzEzMiZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPWQw
zM1MTlhNDVjYTRlNGNhZDIyNmYxOGM4NWQ5NzAw.gif" />
</div>
Janette
Have you tested your layout in all browsers?

In ff, I get this.

click to enlarge
none345678
^I'm in ff too, but didnt get that.
Janette
Oh, I see what it was. (It looks fine on the regular profile page).

But in the comments page, I still get misalignment, your comments are not hidden, and the textarea/button are in the correct spot, so to speak.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.