[Solved] Userheads, currents, resizing and more...

[domino]

Alright so I have several questions here and I hope someone can help me if you find yourself with some spare time in your hands. :)

1)

Comments

[1671]

CSS doesn't really mind if lines are separated. The first image you posted is technically right, as is the second; they're just organised differently. It all depends on how you work. In the first image, it's arranged more in terms of what has certain properties (e.g. font-family:Georgia;) - you want input and textarea to be in Georgia, so those two are grouped together to save on writing input {font-family:georgia;} and textarea {font-family:georgia;}. Personally, I don't code this was as it can be easier to overlook some ids and classes and therefore be harder to fix/customise things if they go wrong.

Otherwise, you can organise your coding by using /*----HEADERS----*/ for each section, and then dividing those sections further still like in the second. If you separate them like this:

.entry {font-family:arial;}
.currents {display:none;}

.userpic {float:right;}
.userpic img {-moz-border-radius:100px;}

...it doesn't really matter as the line break doesn't mean anything.

(I hope this is what you were asking! My headache is impairing my ability to think. :])

[domino]

I hope your headache went away quickly! This definitely helped A LOT! Thank you so much for the nice explanation!