Go Back   WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design
Register Blogs FAQ Social Groups CalendarHelp Desk

Reply
 
LinkBack Thread Tools
Old 12-15-2009, 10:23 PM   #1
Active Warrior
War Room Member
 
Join Date: Aug 2009
Posts: 56
Thanks: 21
Thanked 4 Times in 3 Posts
Default Noob Question - Center Tags

I am trying to center headlines midway down a sales letter - I removed all <H> tags because they kept on automatically bold-ing the font and the font I was using - Impact - is god awful when in bold.

So I removed the <H> tags and just centered the font and changed it manually. Everything comes up good (Color change, font change) but it won't center in the browser.

So I opened it in dreamweaver - and tried to center it that way. It showed up as being centered - but once again, when I uploaded it to the webpage it was left aligned.

I am slightly confused with the use of <p style> and <span style>

But the code I am using to center the sub-headlines is:

<span style="font-family: Impact; font-size: 36px; text-align: center; color: #C00;"></span>

I am missing something obvious here?
Thanks
JR
JRecard is offline   Reply With Quote
Old 12-15-2009, 10:29 PM   #2
Active Warrior
War Room Member
 
Join Date: Aug 2009
Posts: 56
Thanks: 21
Thanked 4 Times in 3 Posts
Default Re: Noob Question - Center Tags

Nevermind... I am such a retard.

It occured to me once I had typed out this thread that it might be a good idea to actually try out <p style> tags.. which worked fine.

I guess typing it out made me think through it clearly. Blame it on late night... :P

Can anyone care to explain to me why it worked with <p style> tags instead of <span style>

Like I said - I am pretty new so it is slowly clicking

Thanks
JRecard is offline   Reply With Quote
Old 12-15-2009, 10:34 PM   #3
HyperActive Warrior
War Room Member
 
Join Date: Dec 2009
Posts: 162
Thanks: 8
Thanked 50 Times in 14 Posts
Default Re: Noob Question - Center Tags

by default, <p> has a a display set to 'block' - so it takes up the entire row follow by forced new lines.

when you use <span> it is by default displayed as flushed left, to have the span behave like the <p> tag, add to the style "display:block;"

ebook Cover Creator - Create ebook and ecovers ONLINE. Instantly! No softwares to install!


Justhost Banner Design Domain Flipping File Hosting
tuanng is offline   Reply With Quote
Old 12-15-2009, 10:48 PM   #4
Active Warrior
War Room Member
 
Join Date: Aug 2009
Posts: 56
Thanks: 21
Thanked 4 Times in 3 Posts
Default Re: Noob Question - Center Tags

Legend - Thank You
JRecard is offline   Reply With Quote
Old 12-16-2009, 11:10 AM   #5
HyperActive Warrior
War Room Member
 
Technista's Avatar
 
Join Date: Nov 2009
Posts: 352
Thanks: 4
Thanked 72 Times in 68 Posts
Default Re: Noob Question - Center Tags

Quote:
Originally Posted by JRecard View Post
I am trying to center headlines midway down a sales letter - I removed all <H> tags because they kept on automatically bold-ing the font and the font I was using - Impact - is god awful when in bold.
I know you have found a workaround, but here is a suggestion for keeping your <H> tags in your document without bolding your font. Using CSS: style="font-weight: normal;" within the tag works like a charm.

T

Technista is offline   Reply With Quote
Old 12-16-2009, 11:15 AM   #6
Innovator, having fun!
War Room Member
 
eibhlin's Avatar
 
Join Date: Sep 2008
Location: Postcard-perfect New England
Posts: 385
Blog Entries: 1
Thanks: 377
Thanked 345 Times in 193 Posts
Social Networking View Member's Twitter Profile 
Default Re: Noob Question - Center Tags

I'd like to add that you did exactly the right thing: Trial and error is a great way to learn HTML and webpage design!

Though it can be a tedious process, you're on the right track. Good for you!

Programs like Dreamweaver (and the free program, Nvu) are handy, but it's best if you can also visually check the code when something doesn't look right.

When I'm working with someone who's new and having code problems, I usually recommend Nvu. Though Dreamweaver is a more complete program, it can (sometimes) add "helpful" code that you didn't want.

If you can visually scan the HTML (etc.) yourself and find the problems, that's a real plus.

You're doing great... continue!
eibhlin is offline   Reply With Quote
Old 12-19-2009, 01:08 AM   #7
Active Warrior
War Room Member
 
Join Date: Aug 2009
Posts: 56
Thanks: 21
Thanked 4 Times in 3 Posts
Default Re: Noob Question - Center Tags

Thanks guys All the help is awesome - and this forum is amazing.

Yeah I am pretty much just learning the code now by myself. Time consuming - but way better and things work more often AND I understand what is going on

Nvu was the problem to start with - too many bugs.

Dreamweaver is great for trying code and seeing if it worked or not, without having to upload the new changes to the hosting every time (not hard, but still) So it's great for learning -- and it color codes everything, which Nvu doesn't.

Although I am just using typepad now

And Technista... I didn't eventually work that out Haha. Thank you though, very helpful.

Learning HTML isn't as bad as I thought it would be - I was daunted at first, but I just got stuck in a its all coming together now.

Thanks for the help and support guys -- This forum is insane
JRecard is offline   Reply With Quote
Reply

  WarriorForum - Internet Marketing Forums > Warrior Support Forums > Website Design

Tags
center, noob, question, tags

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off



All times are GMT -6. The time now is 03:47 PM.