More CSS questions

deadfingers · February 2005

Alright well ive been looking on HTML goodies and i know u need to have like H1-like H6 and stuff but are each one specific to certain codes? like is H1 just for font codes, and H3 for like color coding and stuff? would i be able to do this

H3{font-family:arial;font-color:red;margin-right:auto;margin-left:auto;}

or

H4{font-family:arial;font-color:red;margin-right:auto;margin-left:auto;}

or

H1{font-family:arial;font-color:red;margin-right:auto;margin-left:auto;}

so if i use any of these in the like <h1> or <h3> or <h4> they would all work equally? Im not sure if they are specific to each thing but im guessing they arent, also can u use spacing codes in those? like how i have the margin ones? or do i do it for each thing i want spaced out. thanx

tony · February 2005

no H1 is like a really important header, H2 is a slightly less important header and so on down to 6 decreasing in importance everytime.

So for instance say you were writing an essay H1 would be the main header, H2 would be the title or each of the sections such as introduction conclussion etc I dont really think there is much use for anything below H1 and 2

deadfingers · February 2005

ok so but you can use either one and it would still work then right? i tried it last night and i used the same codes with H1-H6 and it worked so thats good, so its just for importance? what does the "importance" matter if you can use any of them? im not being stupid i really want to know lol Also something i noticed when i had <link rel=stylesheet href=style.css type=text/css> is that when i put in the code margin-left:auto; margin-right:auto; in the page style.css it doesnt do anything to my main page. Why? i put in actual px and it works, margin-auto only seems to work at different times for me, where exactly do you use it then?

CannonBallGuy · February 2005

If you use the default H1-H6 then they get smaller...
So you could do the same thing in your Style Sheet.
As for the Margin, I pass.

tony · February 2005

as cbg said if you use the default they get smaller from 1 being the biggest
but also theres strong belief that if you put your headers in H1 tags or any of the other H tags it counts those words more important so they can be used for optimising your site to a small degree,
as for the rest i dont undrstand the question but im fairly new to css anyway so that might be why

deadfingers · February 2005

well alright, i made a style.css page so that i can use that one page for all the others, u know using the <link rel=stylesheet href=style.css type=text/css> which is used to "link to that page so you can use all the settings in that page your linking to. I hope that makes sense, anyways in that one page that has all my CSS coding to use on the other pages i put in margin-left(or right):auto; which is supposed to automatically center it in the middle, but i put this and it doesnt do anything. I use margin-left:300px; and it works.

TheDonkey · May 2005

CSS is just a style definition file/code....so its not moddifying the html code H1-H6 all css is doing is changing the way a browser will render the other wise normal html code.....so that H1 is still H1 wether or not CSS is involved....

what Im trying to say is CSS just tells the browser how to make things appear on the end users screen....

Am I making sense?

strangedar · May 2005

If you want to center an element like a heading you just use

text-align: center;

if you want to center the page you need to do:
#wrapper {
position: relative;
margin-left: auto;
margin-right: auto;
padding-left: auto;
padding-right: auto;
}
body {
text-align: center;
}
#content {
text-align: left;
}

TheDonkey · May 2005

or you could just wrap your whole page in a div

example

<body>
<div align="center">
<table>

</table>
</div>
</body>

this is obviously simplified but I think you get the idea

Python · May 2005

Yes but then that wouldnt be using CSS would it

But yes that method would also work.

TheDonkey · May 2005

ok so then give the div an id and in the CSS file just make it align center....hehehehe

deadfingers · May 2005

TheDonkey wrote:

ok so then give the div an id and in the CSS file just make it align center....hehehehe

Lol yeah you could do that as well but more work just to say "its CSS" lol

CannonBallGuy · May 2005

IIRC, the align attribute is depreciated.

deadfingers · May 2005

whats IIRC? Kinda sucks some of the HTML I know is getting depreciated little by little oh well at least Im learning CSS as well.

TheDonkey · May 2005

I belive he means "If I Recall Correctly" and yes the are depreciated...its to bad they are getting rid of the simple parts of HTML...I mean really what is wrong with "align"

I mean seriously take a look at this http://www.w3.org/TR/html401/present/graphics.html#adef-align
they are taking away something that is simple and easy and making it time consuming and complex........

strangedar · May 2005

Its for accessibility. HTML was never meant for presentation so now its been fixed.

TheDonkey · May 2005

what are you talking about?

accesibility your trying to tell me a few words versus a few lines of code makes it more accesible, that align (used in every other profession, think about it you get your car aligned) is an accesibility issue........

Im not against CSS or anything Im just saying removing something simple and replacing it with something more complex when the simple worked fine is just retarded.....

I mean people know align, float yeah thats something you do in WATER....hehehe im mostly just kidding here people, so take this with a grain of salt. however I hope you see what I'm saying.....

pfgannon · May 2005

But align is a "hack of html" and was never meant to be used. Using CSS instead is more accessible because all browsers render it properly and all future browsers will render it properly..

TheDonkey · May 2005

Sure they will

hehehe

Howdy, Stranger!

Categories

In this Discussion

More CSS questions

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion

More CSS questions

Comments