Blogger Talk blogging forums Blogging Fusion Blog Directory 
Blogger Talk
Blogger Talk
View topic - Customizing template



 Forum FAQ  •  Search  •   Statistics   •   Memberlist   •   Usergroups   •  Register  •  Profile  •  Log in to check your private messages   

BloggerTalk.net Forum Index » Blogger Help » Customizing template

Post new topic  Reply to topic
 Customizing template « View previous topic :: View next topic » 
Author Message
Beamin2
PostPosted: Wed Feb 28, 2007 12:48 pm    Post subject: Customizing template Reply with quote

New Member
New Member

Joined: Feb 28, 2007
Posts: 8

I hope someone can help me ....

I have added an image to my blog http://notmuchsoutherrncomfort.blogspot.com/
which replaced the original classic template header. Can anyone tell me how I can center this image on the page? I am at an impasse!

Thanks for any suggestions!
Back to top
View user's profile Send private message Visit poster's website
Sponsored Ads
Shawn
PostPosted: Wed Feb 28, 2007 2:49 pm    Post subject: Reply with quote

Site Developer
Site Developer

Joined: Sep 06, 2006
Posts: 327
Location: Canada

Hello Beamin2

Welcome to bloggertalk.net icon_exclaim.gif

Well for starters, I don't see an image in the header of your blog?

But there are a few ways of doing this. One with CSS two using a DIV style attribute ...

Now in your CSS you have this near the top

Code:
#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid #333333;
  }

#header {
  margin: 5px;
  border: 1px solid #333333;
  text-align: center;
  color:#cccccc;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
}

#header a {
  color:#cccccc;
  text-decoration:none;
  }

#header a:hover {
  color:#cccccc;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
  color: #777777;
}


You could add this after the last one to keep the code clean and easier to manage by adding some CSS attribute like this...

Code:
#header img {
float:center;
}


Just add it after the last #header CSS atribute and you should be good to go!

So all you need to do now is include the <img src= tag in your header section and the CSS will control the rest!

Let me know if it works out for you; and good luck with your blog!

Shawn icon_biggrin.gif
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play
Back to top
View user's profile Send private message Visit poster's website
Beamin2
PostPosted: Wed Feb 28, 2007 10:55 pm    Post subject: Reply with quote

New Member
New Member

Joined: Feb 28, 2007
Posts: 8

Thanks for the quick response!

I have made a new header (sorry it wasn't up when you looked, my bad).

It's a start, I will continue tweaking as I learn.

Thanks again for you help icon_biggrin.gif
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
Post new topic  Reply to topic Page 1 of 1

BloggerTalk.net Forum Index » Blogger Help » Customizing template
Jump to:  



You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Design by Invision-Graphics | Powered by phpBB © 2006 phpBB Group
MPAA | Payday Loan | Mobile Phone deals | Loans | Plane Tickets
BloggerTalk.net Statistics
 Today: 8,732  Yesterday: 8,813  Unique Hits: 19870  Total Hits: 7,260,726
Page Rendered in: 0.55s - Total Queries: 0 - MySQL DB: 118.8 mb's - Pages served in past 5 minutes: 23

BloggerTalk.net All rights reserved.
Unauthorized distribution, transmission or republication strictly prohibited.
Design by Invision-Graphics.com Proudly hosted by VisionThisHosting.com