Cascading Style Sheets (CSS) - How to?

Mp4 · 17 May 2007 at 22:11

Hi all,

I’ve been given a task of doing a new website for a hotel ive been viewing hotel sites the past 2 days and finding more and more sites done via Cascading Style Sheets (CSS) what is the easiest way to lean this new code? And what wysiwyg editor to use?

Mp4 · 17 May 2007 at 22:22

any links on some decent css tuts ? wich i can follow using either dreamweaver or another wysiwyg program?

Mp4 · 17 May 2007 at 23:01

would it be more beneficial to just to a straight forward CSS website , or HTML + CSS work better?

Mp4 · 17 May 2007 at 23:19

okiedokie , with Dreamweaver im seeing allot of Div's ( Draw Layer ) i take it this is all to do with CSS , as i cant make the divs stay in one place via Dreamweaver depending what screen resolution i use. For instance this hotel website is done via CSS http://www.langhamhotel.co.uk/home how do they achieve the white border etc?

Mp4 · 17 May 2007 at 23:29

#flash {
width: 740px;
height: 200px;
border: 6px solid #fefffd;

but as the css states #flash { how does it know that its the full table as such? looking at that id be thinking the boarder layout is all a flash element if that is correct?

Mp4 · 18 May 2007 at 09:16

Jaffa_Cake said:
You view the source of their page right at the top you see

Code:

<style type="text/css">

under this is the stylesheet (CSS)

Then you see

Code:

border: 6px solid #fefffd;

that is the white border.

Then its applied to the div tag below.

If you want to see a correct example of CSS usage with XHTML then see a project I made a while ago.

Stylesheet:
http://jaf.richieward.com/php/forum/trunk/templates/beta/stylesheet.css

HTML:
http://jaf.richieward.com/php/forum/trunk/index.php

Completly skinned using CSS that entire webpage is

So basically , create a basic html site with notepad or dreamwerver after that add the css ontop of the html to make it look sexy? a face lift so to speak?

is it woth buying a book on css?