If you need urgent support, call 999 or go to your nearest A&E. To contact our Crisis Messenger (open 24/7) text THEMIX to 85258.
Options
CSS Style, How?
Former Member
Posts: 1,876,323 The Mix Honorary Guru
in General Chat
I am currently designing a new style for my website, and this time im gonna incorporate CSS files in it, as it seems easier in the long run.
I want to know how to use the idea from the site: http://www.urbanchaosvideos.com/
The main bit of the page stays in the centre of the window, as the same size, no matter what size the window is. No frames are involved and looking at the source code it is acheived with a CSS file.
Hopefully id like to use similar code on my current site: http://www.lethargymusic.co.uk/
As at the moment i am using a front page, that links to the main site that pops up in a specific size window.
How do i use this with CSS? im using Dreamweaver MX and want the page to be easy to manage (i.e: see the finished design as it appears in dreamweaver, unlike when i used include files)
Many Thanks
I want to know how to use the idea from the site: http://www.urbanchaosvideos.com/
The main bit of the page stays in the centre of the window, as the same size, no matter what size the window is. No frames are involved and looking at the source code it is acheived with a CSS file.
Hopefully id like to use similar code on my current site: http://www.lethargymusic.co.uk/
As at the moment i am using a front page, that links to the main site that pops up in a specific size window.
How do i use this with CSS? im using Dreamweaver MX and want the page to be easy to manage (i.e: see the finished design as it appears in dreamweaver, unlike when i used include files)
Many Thanks
0
Comments
Try looking at places like http://glish.com/css/ and http://www.w3.org/Style/CSS/
I know this in no way answers your question but I have to say it. I find it incredibly annoying when the "main" page of a website pops up in a new window on my screen, especially full screen ones (yours insn't this!). River Island's site is one of those....
If it's a specific pop-up window you want, that's easy. In Dreamweaver, put the hyperlink in as "#" and then, under behaviours on the right hand side, click "open new window" or something like that. Then you can select the page you want to open and also choose the size.
It's not CSS that the guy used on the original page to get that centred window effect. A CSS, Cascading Style Sheet, is just a set of instructions for fonts, size, colour and the like. He also used a CSS to get custom scrollbars (which don't work in Firefox by the way).
To get the effect he has, you need to use tables, not frames.
To do this, create a table with as many columns/rows as you think you'll need. You can always add these in later. Then highlight the table and centre justify it. Do this by clicking the centre button on the Properties tab at the bottom of the screen (this tab should always be open). Then click outside the table, select page properties and select a background colour. Then click the table and using the properties tab again, choose a background colour for the table and there you go.
I might have completely missed the point here. If so, PM me and I'll see what I can do. Remember, a CSS is just a set of instructions for the browser telling it what font/colour/size etc. to put all the text in and that's about it.
And don't use Front Page. It's a piece of crap.
Looking at the link Mist gave, i found this page: http://glish.com/css/3.asp
If you copy the source code provided in this page and paste the whole HTML into Dreamweaver, you notice that when you go in to Design mode (as opposed to Source view) the tables are already defined and gives you no information about the tables. i.e: you cannot see the box of the table, or change the width/properties in design view. Cant really explain it well, so i included a picture.