Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Lookout, I'm here just to mess with Eric. Got real questions though CSS stuff, columns, class vs id

 
Mark Spritzler
ranger
Sheriff
Posts: 17278
6
IntelliJ IDE Mac Spring
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
OK, I think I might be figuring something out. But I find that I use id when I have a section/area I want to set basic box settings, sizing, location of the box. But then when it comes to the look of individual types of elements like input etc, I choose to use classes instead. Is this the basic way that people are using to determine when something should be styled via its id or class?

Ah, looks like I should now use <section> instead of <div> for the purpose I was using <div> for was to be a section.

Also, I am trying to make sure I never use tables again, and I think boxes and inner boxes with divs can do a lot, but I also think columns are a cool thing. But I don't understand how to create and use them on a page. What do you guys think.

Last question is about vertical positioning. So I created a <header> and I have a <div id="leftSide"> and a <div id="rightSide"/> to break the header into two parts, and it actually works. The one thing I was trying to do was to create the left side with the text at the top and my "buttons" at the bottom of that section. I can move it down with padding or the like, but like float left or right, I was expecting something to place on the bottom of a section/div. Is there such a way? (I attached a screenshot)

Thanks guys and Eric, yes I might try some javascript, but it doesn't mean I have to like it.

Mark
Screen shot 2011-12-02 at 1.53.30 PM.png
[Thumbnail for Screen shot 2011-12-02 at 1.53.30 PM.png]
 
Eric Pascarello
author
Rancher
Posts: 15385
6
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Warning: I wrote this while drinking beer and eating seafood. Use at your own risk.

Play with this: http://pascarello.com/tempFiles/mark/


One html page and one css page
# http://pascarello.com/tempFiles/mark/index.html
# http://pascarello.com/tempFiles/mark/css/styles.css
# http://pascarello.com/tempFiles/mark//css/meyerCssReset.css

I did not include all of the html5 elements, I still am not 100% up on them since going to be awhile for me to use it at my job.
I did not look at it in IE and I am guessing it will break.

Also I think I misunderstood the sign-in bar so it is probably different than what you did. AND I did not really try to match your font sizes.

Eric
 
Mark Spritzler
ranger
Sheriff
Posts: 17278
6
IntelliJ IDE Mac Spring
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks Eric. I will have to examine it more while flying tonight out the Philly. Gonna be in Hershey's till Friday then back to Philly from Sat-Thurs. PM me if you are anywhere near those location and we can meet up.

Mark
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic