CSS - I Am Spending Some Money On Learning Material, What Books To Get

Hey I am trying to learn css but I need to know 2 things. Dont laugh . I want to know how I can make a text box with a background I made (tiled). Also if I could get that with a scroll bar? I know people can do it, I just have no idea. (I am 12 years old xD). If you were wondering its for a lookup on neopets .

This is the bg for the text box that I would like: http://img3.imgspot.com/u/04/254/20/bgs.gif

I would really appreciate it if you could help me with this. Thanks!

It would be a great idea to have some html type viewer, or FF plugin that would show you the slectors of an html document. Does anyone know of something like this ? I'm trying to learn css and if I could just highlite some text in the html document and it would display the possible selectors for that selection I think it would be a great learning aid.

Any ideas ?

anyone know of a good resource site/s for creating css/html div/layers/template ?

hey everyone, for years i have been making sites with tables for layouts. i have heard how this is old and a bad method as opposed to css. i do know the basic of css, like changing fonts, properties of buttons, changing link styles, hovering, etc. i was wondering if anyone could reccomend a site that does a good job explaining how to make a layout with css, basically that can replace tables.
i have googled and found some ok stuff, but i was wondering if anyone already knows of a helpful resource. i am not in a dire need of an answer here, just curious to expand my knowledge of css. thanks for your help, --c0ldshadow

I am a college student and new to web design. I was wondering if anyone was a aware of any interactive software to help learn CSS or critiques of software or textbooks out there. Any help would be appreciated....

Hello! I am learning CSS on my own which is an authentic crusade
So i decided to start with blogs since i have one of my own and i want to give it a personal look. I decided to download some blog templates available in the web to open and see how they work, somehow i managed to understand what i wanted but there are somethings that i don't understand.
I decided to stick with this blog template but i came to realize that it doesn't show correctly in IE, the side bar color doesn't show and the font size is bigger. I wonder why that happens...can someone tell me?
Quote:
http:// nicetobehere-btemplates.blogspot.com/

And since the code is too big to post here you can download it from here
Quote:
http:// btemplates.com/2009/01/16/nice-to-be-here/


I will apreciate very much if you can help me with this!!

http://www.lockheed-martin.co.uk/css/full_layout_test.html

ok if you go there, you will see a text resize functionality, if you decrease the browser size, this text will fall out of the border.. any way to fix that?

also I was trying to align the menu to middle but margin:auto isnt working like it did for the body?

finally I want to style forms without using floats or br

but they are not playing ball.. (well the code I have, I think is poor but it works for them but not for submit button which I would like to be on its own)

Code:

form {
        width:30%;
    }
    
    fieldset, input {
        color:green;
        border:1px solid green;
    }
    legend {
        margin-left:0.5em;
    }
    label{
        white-space:pre;
        margin:0 1em 0em 1em;
    }
    input {
        width:50%;
        margin-bottom:1em;
    }
    input[type="submit"] {
        padding:2px;
        margin-left:1em;
        width:auto;
        
    }

form:

Code:

<form action="" method="post">
            <fieldset>
                <legend>Example of a form</legend>
                <label>First Name</label>
                <input type="text" name="firstName" size="10"/>
                
                <label>Last Name</label>
                <input type="text" name="lastName" size="10"/>
                
                <label>Some options</label>
                <input type="checkbox" name=""/> Some
                <input type="checkbox" name=""/> other
                
                
                <input type="submit" name="submit" value="submit"/>
        </form>

PS> if you go to the link and view source, you will see that I have used very few ids and instead used CSS selectors.. any comment on code would also be appreciated.. The reason for this is mainly for me to learn these selectors & work with them.. and this is the reason I have not used float property.. which I am amazed that you could replicate using overflow:hidden and top & left to align elements..