Its probably soooo easy that it defies even putting up a topic but had to ask in the interest of a timeframe.
From what i can see, our intranet consists of two designs -
The Home Page - header nav, left column nav, centre body column, right nav column
Other Pages - header nav, left column nav, body (which takes up 2/3's of the screen)
What i need is a right hand column nav, much like the home page, in another page.
I've tried to have a look using the Firefox css developer functions to see but i seem to be going back to the main.css which i fear will alter the rest of the site.
I was told not to clone/copy designs from other pages so that rules it out.
Ideas developers?
Easiest solution is to build a css class for you're right column and give it a specific id name (e.g. 'right-column'). Include that in your css file:
#right-column { float: right: width: 180px; }Because you've given it a unique id name then you needn't fear overwriting any css that 's been defined already (unless something else is using that particular id).
Then create a div in your page via matrix (usually the top div in the content of a page) and assign the id name you've chosen to that div. If the div is set to output at 'block level' then it will use the css id selector in the html it outputs.
That should get around the problem of having to hard code it in the design as well.
But still in the main.css then?
Yes, still in the main.css, just include it in a position where you can find it again and remove it if it causes a confilct with existing css rules.