Thanks! Once you decide to get started, it's pretty easy to do the basic stuff I've done with my site(I'm no CS major). Here are a couple of the tutorials I found useful - especially the CSS Desk once you have the basics:
That code would make the attributes apply to class2 elements inside of class1 elements. Delete the space between the two classes in the CSS:
.class1.class2 { attributes... }
Play around with CSSDesk; I find it helps a lot.
I'm going to be truthful.
It does not look good.
Here are some tips:
I made you a little demo.
Yes. Wrap it in a div with the overflow hidden, position your sliding box absolutely minus it's width left. On hover set the position to 0 or whatever is appropriate.
edit - Basically this with transition effects and more than 10s of work: http://cssdesk.com/m5zvj
You can put them on sides using float
or you can position them absolutely. Or if they are content of the page just keep them in the middle with large enough spacing. From my point of view it seems like they are the content of this page.
Here is your page with some fixes and images floated on their respective sides http://cssdesk.com/RnXmy but beware of too many floats. They are dangerous when used in places they are not intended for.
Well... Just insert a non-breaking space between the two letters. Like this:
<a href="#">rel ated products</a>
If it's too big I guess you could make it smaller like this:
<a href="#">rel<span> </span>ated products</a>
and then styling the span to have a much lower font-size. Neither one of these solutions is considered to be too "clean" but they work, so that's how I would solve the problem.
Both of these in action: Link
We use a language called WebSmart to do the server side scripting to update the database records.
Sorry about the confusion. Here is an example of the page. There will also be a change button at the bottom. The choices are pre-populated, but if I change one of them, I need to know if jQuery, or AJAX would recognize something along the lines of:
$("input[@name='Employee 2010']").change(function(){ write sql update statement append to temp file });
Then once the change button is clicked, the script language would be able to read that temp file, and execute the SQL update statements.
Hope that clarifies a bit.
Tried it out, got some coins and it all worked well. I like the idea, it makes it easy for anyone to set up a faucet. Seems like a neat website.
Even though my webdesign and CSS days a loooong behind me and i'm a bit rusty, I decided to have a go at sprucing the page up a bit. check it out here: http://cssdesk.com/g3ET8
note, my css was always not the best, and with all my rust it's probably awful now, but i thought that might be a start in the right direction there (i'm pretty sure there is an infinitely better way to organize the divs for the form, for example, i used a hacky as hell method to get it that way... oops). Let me know what you think.
Agree with points already posted. On your portfolio your <p class="grid_12 footer" id="footer"> has a left margin of 35% which is pushing this outside of your containing element.
I would structure your footer like so: http://cssdesk.com/BWHLb