A newbie- centering, font size, color dont STAY!! Help! (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

2thdoc -> A newbie- centering, font size, color dont STAY!! Help! (4/25/2007 22:47:51)

Hello.
I have a website I personally designed with FP2000 years ago. I'm happy with it, but since then, I wanted to learn about CSS, and purchased EW last month. My question is: With EW, everytime I try to center a headline or title, its always being shifted to the left.

Also, when I select a certain font or even color, the header/title automatically defaults back to a smaller font size, and to the color black. Of course, it never remains centered, even though it looks absolutely PERFECT when viewed in EW!

Say, for example, I want the title: Notify Me Via E-Mail when Someone Replies , and centered, and 14pt font. (Incidentally, middle column of my site is where ALL text/image additions/changes/deletions are made, and its about 550 px wide!)

How do I use the <div id> tag, <mid col> tag, or whether they are even necessary? Must I first place a table everytime I make a title? Whenever I start typing, there is a long, long row with a <p> that encompasses my entire page width. I wish I could make it only up to the 550 px, the width of my center column, but don't know how to do that, or MUST I do that??

Gosh, it seemed sooooo much easier in FP2000! Sigh![:(]

Thanks,
Ed
www.encinosmiledr.com



jurgen -> RE: A newbie- centering, font size, color dont STAY!! Help! (4/26/2007 0:13:11)

Not much to help without seeing the HTML and CSS code you are working with.

How about starting here:

http://www.w3schools.com/css/css_intro.asp



Tailslide -> RE: A newbie- centering, font size, color dont STAY!! Help! (4/26/2007 2:32:48)

If you want a title centred then you centre it via the stylesheet - you add the rule: 

h1 {text-align:center;}
into your stylesheet - that's assuming that the title you want to centre is in an H1 tag - obviously if it's in an H2 or an H3 etc etc then you swap the h1 for the tag you're actually using.

There's no such tag in HTML as "mid col".

Think of divs as a way of sectioning off your site so you could have a div around the header, main text area, footer for instance. Personally I wouldn't use a table for laying out a website - I only use divs and then I position them as necessary in the stylesheet. You can assign a width or height (the latter is not advisable though) to a div as well as any other rule such as font-family, font size (don't use PT for fonts - it's a print thing), colour etc etc.

FP might have been easier but it built technically poor websites.

As Jurgen has said you really need to have a basic grasp of HTML and CSS. I'd recommend this site: http://www.cssbasics.com/ as a really user-friendly way of learning CSS.



jaybee -> RE: A newbie- centering, font size, color dont STAY!! Help! (4/26/2007 5:35:41)

Try and think of it like getting a cup of coffee.

Option 1:
You get up from your desk and go to the drinks machine. You press a few buttons and out comes what is supposedly a cup of coffee. Heck, if you're lucky it's even in a cup. You have absolutely no idea what's in it but it looks sort of coffeeish, it smells a bit odd and it tastes suspiciously like it might contain some tea but it's hot and wet. That's Frontpage.

Option 2:
You put your coat on and walk down the road to Starbucks. You are handed a cup of coffee. It's hot, wet, smells like coffee, even tastes like coffee. It was a little more effort to get it, you still have no idea what's in it or how it was made but it has a much more coffee like feel to it. Thats Expression Web.

Option 3:
You go to the supermarket and buy coffee beans, a grinder and a percolator. You take it all home, read all the instructions, grind the beans, put it all in a percolator. A while later you pour yourself a genuine cup of coffee. You know exactly what's in it. The key here is "you read the instructions". This end result can be done with Frontpage or Expression Web but you have to understand the ingredients, in this case HTML and CSS.

You need to learn them first in order to get a decent site out of either program. It's easier with EW as it doesn't automatically stick all the garbage code in that FP does but if you still insist on pressing buttons, using tables, and not understanding why or what, then what comes out will still be option 1.

You can use the references above to help you out. You can spend some time experimenting by doing a few things in design view and then hitting the code tab and trying to work out what the code means and how it relates to what you're seeing on the page.

Easier for most people is to follow a step-by-step and there's a book I recommend called Build your own web site the right way with HTML and CSS.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625