By superjacent on

Ok, I'm using the Zen theme over at my personal site and as an example of what I'm trying to do is explained here http://superjacent.net/cms/?q=node/549 which I'll repeat anyway. (I did post something similar over here http://groups.drupal.org/node/3358 but was probably not the right area)

Could somebody lead me through which files need to be altered in order to achieve this:-

For any given node (post/page) I want to position a table (4 row, 2 column) at the top left of the page. I want the body of text (outside of the table) to commence at the top of the page and flowing down on the right of the table and eventually merging back to the left of page on extending below the table.

I've since discovered for Firefox, Webdeveloper. From that tool it appears that heaps of CSS files are utilised and hence I am now completely lost as to which file I should modify.

As an aside, I keep reading about the benefits of 'Tableless' themes of which Zen is. It's my understanding that that is referring to how the screen as a whole is organised, the left, middle and right columns or areas and not for cases where data is to be presented in a tabular fashion which is contained to a particular node. Is my understanding correct in that regard.

Any advice or suggestions appreciated.

Steve Taylor
Melbourne, Australia.

⋅ Categories: Drupal 5.x

Comments

naught101’s picture

naught101 commented

most of those CSS files are system files, to make drupal work if the theme doesn't cover it.

you should basically edit only the theme CSS files. in your case, you probably should just edit the style.css, but if it's to do with the table width/placement, you could stick that in the layout.css. it doesn't matter heaps, it'll work either way, as long as the LAST time the element is defined it's defined how you want it.

I THINK the zen theme's css files render in this order: layout.css, icons.css, then style.css

superjacent’s picture

superjacent commented

Here's my problem. I'm editing the 'style.css' file. From the Webdeveloper tool I've established that the style.css file resides here :-

@import "/drupal-5.1/sites/all/themes/zen/style.css"; (on localhost - my C: drive)

Using the WebDeveloper tool I can add this code to the end of the style.css file:-

.tableleft {
   background-color: #00FF00;
   float: left;
   margin-right: 10px;
   margin-top: 5px;
   margin-bottom: 5px"
}

The Table and Text take effect straight away, as per the code. I've got 'class="tableleft" contained in the Table tags.

Closing this down, opening up style.css in my editor, make the above change, save it. Re-open the page and nothing happens. Checking with the Webdeveloper tool and those changes I made or thought I made are not appearing.

I'm confused. Any advice please.

___________________________

Steven Taylor
Melbourne, Australia.
http://superjacent.net/cms

naught101’s picture

naught101 commented

make sure you're uploading the CSS properly, and maybe clear your cache? sorry if that sounds stupid

superjacent’s picture

superjacent commented

The uploading was correct and I've just discovered it was a cache issue. At least now I can progress things a little further.

Thanks for your help.

___________________________

Steven Taylor
Melbourne, Australia.
http://superjacent.net/cms

Swift Arrow’s picture

Swift Arrow commented

I've been diving into zen recently, but have been confused by the files:
style.css is blank, and not referenced by template.php, but moving it or renaming it breaks the site!!! WHY??? It would make sense if it was referenced, at least. HOw is this one used???
Thanks

gatman’s picture

gatman commented

Using the Zen STARTERKIT as a foundation, if empty style.css is removed from the sub-theme folder ie. foo then remaining css falls apart. If I am not mistaken the same empty style.css is in, and begins from, the core Zen.

Swift Arrow’s picture

Swift Arrow commented

I had posted this elsewhere, and finally got a reply:

http://drupal.org/node/235254

it seems that style.css is required for drupal to function, and zen decided not to use it.