Joined: Apr 06, 2006 Posts: 2401 Location: Iowa, USA
Posted:
Mon Apr 14, 2008 2:43 pm
If you have 20 blocks on your home page, then you are going to have 20 IDs with the value blockspace, 20 with ID blockmain, etc. I think you can just use classes instead of IDs.
Joined: Apr 06, 2006 Posts: 2401 Location: Iowa, USA
Posted:
Mon Apr 14, 2008 3:45 pm
My only other comment is I don't like the way you are nesting divs like that. There is no reason why $title has to be inside 2 divs, I don't think. Nor is the "empty" div blockspace needed. You can just put a margin or padding on blockmain to get the same effect.
I'm glad you are trying to get rid of tables though.
Will tweak it a little more tomorrow. But I think I would leave the nesting alone. Seperating the fonts from the box layout makes it for easier reading.
Edit:
Alright just fixed it. No rouge style box. I will fix the font settings. I think it may mess up the way I will be doing the blank theme later on since I will be using fusibuse as the template to make it from. So your getting your wish.
Last edited by vaudevillian on Tue Apr 15, 2008 5:55 am; edited 1 time in total
Now, here comes the css story page. But here is the kick the way I did it, is clean and nice. But since IE does not support display tags properly I can not do a clean coding. I might need to add in a seperate style sheet for IE for the time being. All the other browsers support display:table; display:table-row; display:table-cell very nicely.
I dont want to have to put negitive values in for the boxes to align properly for the other browsers so the only way to do it until IE8 comes out is to have two seperate style sheets. I have the story file ready but need to make up a style sheet for IE. Please bare with me.
Screw it.... I adjusted it so what will happen now is that the topic pic would be over top the main story in IE but works fine in all other browsers with topic pic on the side. Will post soon.
Last edited by vaudevillian on Tue Apr 15, 2008 5:04 am; edited 1 time in total
My only other comment is I don't like the way you are nesting divs like that. There is no reason why $title has to be inside 2 divs, I don't think. Nor is the "empty" div blockspace needed. You can just put a margin or padding on blockmain to get the same effect.
I'm glad you are trying to get rid of tables though.
The only reason why its nested inside a block is for making new templates. This way you can have the head one pic and the body another and the footer another image. Having them all inside a perant box allows for a background image inside the main parent box, this way the content is easy to ajust to fit properly inside the image borders.
Joined: Apr 06, 2006 Posts: 2401 Location: Iowa, USA
Posted:
Tue Apr 15, 2008 7:29 am
That's fine but some experts (not me however) would say you are abusing div tags almost as much as tables were abused for layout. Perhaps CSS3 will make it easier to do the things we want. And of course it would help if certain browsers (cough, cough) would follow such standards.
CSS 2.1 can do it, but like I said there is only one way to acomplish a theme edit with the way IE is right now. As soon as IE 8 comes out then it would be good to format the boxes with display tags.
See how I did the story_pages? The div tages with the display tags are nested and that is proper for CSS. Unless I was miss reading that somewhere.
Joined: Apr 06, 2006 Posts: 2401 Location: Iowa, USA
Posted:
Tue Apr 15, 2008 7:43 am
I know CSS 2.1 can do it it, but it requires nesting tags like that. I've been doing lots of reading on CSS lately, and many experts feel that is stylistically abusing the system. However the web community has recognized the usefulness of the result, so CSS3 is supposed to provide better support for this type of thing. E.g. the ability to attach more than one image to a tag. This would eliminate nesting. If you think about the web page as a document, and div's as semantic containers, nesting them like that just to display an image doesn't make any sense.
Joined: Apr 06, 2006 Posts: 2401 Location: Iowa, USA
Posted:
Tue Apr 15, 2008 8:28 am
Please don't get me wrong...I hate table driven themes. I was just trying to point out that the CSS guys haven't fully given us enough tools yet. It is slightly easier to debug themes with nested div tags than nested tables. But we need a little more help from CSS. And it would be nice if browsers consistently supported CSS. But yes, onward and upward and start making themes without tables!
Joined: Jun 05, 2006 Posts: 10 Location: Aachen / Germany
Posted:
Tue Apr 15, 2008 10:12 am
Tabless Themes are an important step in the direction of accessibility!
What does Accessibility?
The accessibility demands that any Internet content accessible. There are a large number of people in varying degrees, are restricted.These include blind or visually impaired people as well as motorized concentration inhibited or weak people.
But seniors and beginners have difficulty with, for example, to small and the operation of the mouse.Who Web content such offers that are available for each, has simultaneously via a website, the principle of search engines better captured.
Because search engines are also "only" on the text. So if, for example, a screen reader understands the content, it also does a search engine.
Barriers are for example strong nested layout tables !!
Most Nuke themes consist of nested layout tables !
tables.php is comming soon. Expect another edit in around an hour. Trying to work out nsn centerblocks. Man seems im rewriting everything. *Looks at vWar and forums and crys*
[/shameless plug]