aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes Lookout, I'm here just to mess with Eric. Got real questions though CSS stuff, columns, class vs id Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Java 8 in Action this week in the Java 8 forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Lookout, I Watch "Lookout, I New topic
Author

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

Mark Spritzler
ranger
Sheriff

Joined: Feb 05, 2001
Posts: 17249
    
    6

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


[Thumbnail for Screen shot 2011-12-02 at 1.53.30 PM.png]



Perfect World Programming, LLC - Two Laptop Bag - Tube Organizer
How to Ask Questions the Smart Way FAQ
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
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

Joined: Feb 05, 2001
Posts: 17249
    
    6

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
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Lookout, I'm here just to mess with Eric. Got real questions though CSS stuff, columns, class vs id
 
Similar Threads
Aligning columns in 2 tables
IE and NN Compability
How can I align elements that are in different <div>'s?
DIV layout issues
Understanding CSS layout practices.