0 members and 12,456 guests
No Members online
» Site Navigation
» Stats
Members: 35,442
Threads: 103,075
Posts: 826,688
Top Poster: cc.RadillacVIII (7,429)
|
-
I'm trying really hard to get the hang of coding, but while I learn, can you please help me out with this problem?
I'm trying to get this header to align properly with the rest, I can't seem to figure it out.
First look at teh blog
Then look at this code (I've bolded what I think is the trouble spot):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
* <title><$BlogPageTitle$></title>
* <$BlogMetaData$>
* <style type="text/css">
#b-navbar{
height:0px;
visibility:hidden;
}
body {
* background:#000;
* margin:0;
* padding:40px 20px;
* font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
* text-align:center;
* color:#ccc;
* font-size/* */:/**/small;
* font-size: /**/small;
* }
a:link {
* color:#666;
* text-decoration:none;
* }
a:visited {
* color:#333;
* text-decoration:none;
* }
a:hover {
* color:#888;
* text-decoration:underline;
* }
a img {
* border-width:0;
* }
/* Header
----------------------------------------------- */
#header {
* width:660px;
* margin:0 auto 10px;
* border:1px solid #333;
* }
#blog-title {
* margin:5px 5px 0;
* padding:20px 20px .25em;
* border:1px solid #222;
* border-width:1px 1px 0;
* font-size:200%;
* line-height:1.2em;
* color:#ccc;
* text-transform:uppercase;
* letter-spacing:.2em;
* }
#blog-title a {
* color:#ccc;
* text-decoration:none;
* }
#blog-title a:hover {
* color:#ad9;
* }
#description {
* margin:0 5px 5px;
* padding:0 20px 20px;
* border:1px solid #222;
* border-width:0 1px 1px;
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.2em;
* color:#777;
* }
/* Content
----------------------------------------------- */
#content {
* width:660px;
* margin:0 auto;
* padding:0;
* text-align:left;
* }
#main {
* width:410px;
* float:left;
* }
#sidebar {
* width:220px;
* float:right;
* }
/* Headings
----------------------------------------------- */
h2 {
* margin:1.5em 0 .75em;
* font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.2em;
* color:#777;
* }
/* Posts
----------------------------------------------- */
.date-header {
* margin:1.5em 0 .5em;
* }
.post {
* margin:.5em 0 1.5em;
* border-bottom:1px dotted #444;
* padding-bottom:1.5em;
* }
.post-title {
* margin:.25em 0 0;
* padding:0 0 4px;
* font-size:140%;
* line-height:1.4em;
* color:#b2b2b2;
* }
.post-title a {
* text-decoration:none;
* color:#b2b2b2;
* }
.post-title a:hover {
* color:#fff;
* }
.post div {
* margin:0 0 .75em;
* line-height:1.6em;
* }
p.post-footer {
* margin:-.25em 0 0;
* color:#333;
* }
.post-footer em, .comment-link {
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
.post-footer em {
* font-style:normal;
* color:#777;
* margin-right:.6em;
* }
.comment-link {
* margin-left:.6em;
* }
.post img {
* padding:4px;
* border:1px solid #222;
* }
.post blockquote {
* margin:1em 20px;
* }
.post blockquote p {
* margin:.75em 0;
* }
/* Comments
----------------------------------------------- */
#comments h4 {
* margin:1em 0;
* font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.2em;
* color:#999;
* }
#comments h4 strong {
* font-size:130%;
* }
#comments-block {
* margin:1em 0 1.5em;
* line-height:1.6em;
* }
#comments-block dt {
* margin:.5em 0;
* }
#comments-block dd {
* margin:.25em 0 0;
* }
#comments-block dd.comment-timestamp {
* margin:-.25em 0 2em;
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
#comments-block dd p {
* margin:0 0 .75em;
* }
.deleted-comment {
* font-style:italic;
* color:gray;
* }
/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
* margin:0 0 1.5em;
* padding:0 0 1.5em;
* border-bottom:1px dotted #444;
* list-style:none;
* }
#sidebar li {
* margin:0;
* padding:0 0 .25em 15px;
* text-indent:-15px;
* line-height:1.5em;
* }
#sidebar p {
* color:#999;
* line-height:1.5em;
* }
/* Profile
----------------------------------------------- */
#profile-container {
* margin:0 0 1.5em;
* border-bottom:1px dotted #444;
* padding-bottom:1.5em;
* }
.profile-datablock {
* margin:.5em 0 .5em;
* }
.profile-img {
* display:inline;
* }
.profile-img img {
* float:left;
* padding:4px;
* border:1px solid #222;
* margin:0 8px 3px 0;
* }
.profile-data {
* margin:0;
* font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
.profile-data strong {
* display:none;
* }
.profile-textblock {
* margin:0 0 .5em;
* }
.profile-link {
* margin:0;
* font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
/* Footer
----------------------------------------------- */
#footer {
* width:660px;
* clear:both;
* margin:0 auto;
* }
#footer hr {
* display:none;
* }
#footer p {
* margin:0;
* padding-top:15px;
* font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
* text-transform:uppercase;
* letter-spacing:.1em;
* }
* </style>
</head>
<body>
<div id="header">
* <h1 id="blog-title">
* * <align center.
* * <ItemPage><a href="<$BlogURL$>"></ItemPage>
* * * * <ItemPage></a></ItemPage>
* * </align>
* </h1>
* <p id="description"><$BlogDescription$></p>
<!-- Begin #content -->
<div id="content">
<!-- Begin #main -->
<div id="main"><div id="main2">
<Blogger>
* * <BlogDateHeader>
* <h2 class="date-header"><$BlogDateHeaderDate$></h2>
* </BlogDateHeader>
*
* *
* <!-- Begin .post -->
* <div class="post"><a name="<$BlogItemNumber$>"></a>
* * * * <BlogItemTitle>
* * <h3 class="post-title">
* <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
* <$BlogItemTitle$>
* <BlogItemUrl></a></BlogItemUrl>
* * </h3>
* * </BlogItemTitle>
* * * * * <div class="post-body">
<div>
* * * <$BlogItemBody$>
* * </div>
* * </div>
* *
* * <p class="post-footer">
* * * posted by <$BlogItemAuthorNickname$> at <$BlogItemDateTime$>
* * * <MainOrArchivePage><BlogItemCommentsEnabled>
* * * * ><$BlogItemCommentCount$> comments
* * * </BlogItemCommentsEnabled></MainOrArchivePage>* <$BlogItemControl$>
* * </p>
*
* </div>
* <!-- End .post -->
*
*
*
* <!-- Begin #comments -->
<ItemPage>
* <div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
* * * * <h4><$BlogItemCommentCount$> Comments:</h4>
* * * * <dl id="comments-block">
* * * <BlogItemComments>
* * * <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
* * * * <$BlogCommentAuthor$> said...
* * * </dt>
* * * <dd class="comment-body">
* * * *
<$BlogCommentBody$></p>
* * * </dd>
* * * <dd class="comment-timestamp"><$BlogCommentDateTime$>
* <$BlogCommentDeleteIcon$>
* </dd>
* * * </BlogItemComments>
* * </dl>
* <p class="comment-timestamp">
* * <$BlogItemCreate$>
* * </p>
* * </BlogItemCommentsEnabled>
* <p class="comment-timestamp">
<< Home
* * </p>
* * </div>
</ItemPage>
* <!-- End #comments -->
</Blogger>
</div></div>
<!-- End #main -->
<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
*
*
* <!-- Begin #profile-container -->
* <$BlogMemberProfile$>
*
* <!-- End #profile -->
* *
* * * * <MainOrArchivePage>
* <h2 class="sidebar-title">Links</h2>
* *
* </MainOrArchivePage>
*
* <h2 class="sidebar-title">Previous Posts</h2>
* * <ul id="recently">
* * <BloggerPreviousItems>
* * * *[*]<$BlogPreviousItemTitle$>
* * </BloggerPreviousItems>
*[/list]
* * <MainOrArchivePage>
* <h2 class="sidebar-title">Archives</h2>
* * <ul class="archive-list">
* * * <BloggerArchives>
* * [*]<$BlogArchiveName$>
* </BloggerArchives>
*[/list]
* </MainOrArchivePage>
* * * <p id="powered-by"> </p>
*
* <!--
*
This is a paragraph of text that could go in the sidebar.</p>
* -->
*
</div></div>
<!-- End #sidebar -->
</div>
<!-- End #content -->
<!-- Begin #footer -->
<div id="footer"><hr />
*
<Religion is the opiate of the masses.></p>
</div>
<!-- End #footer -->
</body>
</html>
[/quote]
-
i'm very confused. take a screenshot of what it looks like for you, and what you want it to look like...because everything looks like it's laid out fine to me.
Resident father figure.
-
NEVER mind.... I just changed the banner to normall text title, I used to have a graphic banner and it was all wierd and off-center.
Similar Threads
-
By Ben in forum Other Tutorials
Replies: 24
Last Post: 04-13-2007, 12:54 PM
-
By Dr D-Mento in forum The Void
Replies: 4
Last Post: 07-06-2005, 05:36 PM
-
By MinorThreat in forum The Void
Replies: 6
Last Post: 06-09-2005, 09:17 PM
-
By rchocobo in forum Support
Replies: 0
Last Post: 06-06-2005, 12:35 AM
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Reply With Quote
