[MrIce]

Hey , everyone.

I'd like to start programing html and css. I searched w3c , but I'm not satisfied with such kind of learning. I would really like to know the basics of html and css. How do they interact? And what do I programm in html , and what in css? I'm really confused about this stuff...

About 10 years ago it was only html , just a few lines of code and voila, the page was done. Now I even don't know where to start or what to read.

Is there any good book about this? Because I become a headache if I watch into the monitor for to long.

For the info, I'd like to make a page about myself... just for fun.

The page I'd like to make should look like this: a background, in the center of the monitor a table, on the left of the table some "buttons"/links to contest, which would apear in the center/right table. Above the table an animation in gif. Nothing more.

And because I know just a bit of coding, I get stucked when making the table.

[Nova Dragoon]

Have you also looked at w3schools?
http://www.w3schools.com/



Now, there is a seperation about the content (described in HTML) and the look of the page described in CSS.

You attach a CSS style sheet to your HTML to define its look.

[the_hangman]

well the good thing about CSS is that nyou no longer need tables..


HTML is still (basically) the same. CSS is simply an attached code to change the way the HTML looks.

CSS can style, color, and position any element in your HTML. This is nice when you have more than one similar object and you want to change them all. Instead of going back one by one through each tag and styling the elements with long bulky tags, you can simply change one line of code, and Tada! they are all changed

[MrIce]

So, there nothing changes when writting html code, just that I write color, width, etc. in the css file?

Quote

well the good thing about CSS is that nyou no longer need tables

What? How do I make my page now without the table?
Can you explain this a bit more to me?

This post has been edited by MrIce: 01 May 2006 - 12:54 PM

[the_hangman]

Yea pretty much. The only difference in the basic CSS stuff is that you can use "id="someIDhere" in any tag.. and then when you write the css, anything with that ID will change..

as for the no tables thing, you can use positioning commands in CSS
w3c CSS Positioning

for instance you could write into your css

input {position:absolute; left:200px;}

then any <input> tag in your page will be 200 pixels from the left hand side of the screen

also you could do

img {position:absolute; top:200px}

this will make any <img> (images) 200 pixels from the top of the page

you can use % as well

This post has been edited by the_hangman: 01 May 2006 - 01:06 PM

[MrIce]

If you'd like to help me with this page, here is a sketch of how would I make it.

But afterwards I'd like to learn things by myself, so a good book about such things would be great. If there is one...

I'll be back later and then I will start really learning this stuff... Cya

[the_hangman]

I would be more than glad to help, but DIC standard is that you have to give it an honest try first...

some simple sytax for css to help you get started:
/* <-- Comments are marked by these --> */

first label which element you want to style, then place the styles inside of { }.
example:
body { background-color:#0066cc; }

the variable and value are separated by :
example
body { color:#fff }

and more than one variable is separated by ;
body { color:#fff; background-color:#0066cc; }

there is a whole list of commands for styling here

[Jhin]

I agree with the_hangman...w3schools has been a great resource for myself and my students.

There are several good websites out there that teach about CSS Layout Techniques. For some great examples I'd recommend checking out CSS Zen Garden http://www.csszengarden.com

Other good websites with examples of CSS in action:
http://www.thenoodle...sson/boxes.html
http://bluerobot.com...uts/default.asp
http://css.maxdesign.com.au/
http://glish.com/css/home.asp
http://www.meyerweb.com/eric/css/edge/ << Eric Meyer rocks!

[MrIce]

Thanks for the links, but is there any book about css?

The thing is I'm better when something is good explained to me and my english about web development or programming is a bit poor.( I mean that I don't understand everything what is written)

Learning by example is also good, but for my opinion it's not so good as when someone (or a book, etc) explains it first teoreticaly and then practical.

((damn, why wasn't i born in usa or england =))

p.s.:What means DIC?

This post has been edited by MrIce: 01 May 2006 - 03:50 PM

[skyhawk133]

MrIce, on 1 May, 2006 - 02:41 PM, said:

p.s.:What means DIC?

Dream.In.Code

[MrIce]

Heh... I figured it myself, before I went off this page =)

So, there is no book about this kind of stuff? Strange...

btw, my so called table... you know, people have different resolutions and monitors. I was thinking it would be great , if my page would somehow got info about the resolution and then my table would allign centered on his monitor and depending on it's resolution would be bigger or smaller... is that even possible to make?

have a nice day

[Jhin]

There are several great books out there Most of these I own, some I want to own

Beginners & Intermediate:
Eric Meyer on CSS: Mastering the Language of Web Design
Web Standards Solutions: The Markup and Style Handbook
CSS Pocket Reference
Zen of CSS Design, The: Visual Enlightenment for the Web

More advanced:
CSS Mastery: Advanced Web Standards Solutions

Now I ran accross this book when I was at the bookstore the other day, I don't know much about the author Richard York, but it's published by Wrox and I've always found their books to be great...full of code examples rather than blathering on about theory: Beginning CSS: Cascading Style Sheets for Web Design.

A great place to look for online articles about css and semantic code would be http://www.alistapart.com and even http://www.digital-web.com/

[Jhin]

As for keeping your page centered in the browser window, that is possible with and without tables. For approaching this problem without tables, check out the QuirksMode example here:

http://www.quirksmod.../centering.html

[MrIce]

Damn, I searched my library (here the link for searching ... for autor you search Avtor , for title search Naslov if you would like search the library yourself) and it doesn't have any of this book.

And thanks for the two links, I'll check them later, now I have to go...

bye
have a nice day;)

[Jhin]

I found one of Eric Meyer's books there:

http://cobiss3.izum....17&rec=2&sid=13