|
|
 |
RE: FN-FORUM: Advice and help please
date posted 15th January 2005 22:14
Hi Andy;
This is what I've done so far:
/* CSS Document */
body{
background:
background-image:url(http://www.linkhomes2000.co.uk/main/graphics/bg/bg_
link_fole_00_11_new_11.gif);
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:700;
font-style:normal;
padding:'padding-top'0px 'padding-right'2px 'padding-bottom'0px
'padding-left'2px;
margin:'margin-top'12px 'margin-right'15px 'margin-bottom'
15px'margin-left'0px;
}
a:link, a:visited, a:hover {font-family:Georgia, "Times New Roman",
Times, serif;
color:#0000FF;
font-size:10px;
text-decoration:none
}
a:hover{
text-decoration:underline;
color:#00FFFF;
}
h1, h2, h3, h4, h5, h6
{font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin:'margin-top'0px 'margin-right'0px
'margin-bottom'0px'margin-left'0px;
padding:'padding-top'0px 'padding-right'0px 'padding-bottom'0px
'padding-left'0px;
}
h1
{font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#666666;
}
h2
{font-family:Georgia, "Times New Roman", Times, serif;
font-weight:900;
font-size:16px;
color:#666666;
}
h3
{font-family:Arial, Helvetica, sans-serif;
font-weight:500;
font-size:18px;
color:#333333;
}
h4
{font-family:Arial, Helvetica, sans-serif;
font-weight:600;
font-size:24px;
color:#000099;
}
h5
{font-family:Arial, Helvetica, sans-serif;
font-weight:700;
font-size:36px;
color:#0000CC;
}
h6
{font-family:Arial, Helvetica, sans-serif;
font-weight:800;
font-size:xx-large;
color:#0000CC;
}
ul
{list-style-type:square;
}
ul ul
{list-style-type:disc;
}
ul ul ul
{list-style-type:none;
}
/**************************************/
/*** body divs ***/
/**************************************/
#masthead
{ background-color:#663399;
border-bottom:'border-bottom-width'1px 'border-bottom-style'solid
'border-bottom-color'#eeeeee;
padding:'padding-top' 0px'padding-right'20px 'padding-bottom'
10px'padding-left'0px;
max-height:70px ! important;
min-width:100% ! important;
}
#navbar
{margin:'margin-top'0px 'margin-right'79% 'margin-bottom'
0px'margin-left'0px;
border:'border-width'2px 'border-style'solid 'color'#eeeeee;
padding:'padding-top'0px 'padding-right'10px 'padding-bottom'0px
'padding-left'0px;
max-height:84px;
max-width:150px;
overflow:hidden;
}
#content
{float:right;
max-width:645px;
max-height:635px;
overflow:hidden;
}
/***********************************/
/*** component divs ****/
/***********************************/
#logo
{border:'border-width'2px 'border-style'grove 'color'#0000CC;
max-height:60px ! important;
max-width:635px ! important;
overflow:hidden;
background-color:#0066FF;
}
I won't know if I'm right until I get to the end, that=92s my problem =
with
css. I work on what I think I need; then have to adjust it once I see it
in a /.doc/ page. To make matters worse I've lost my color-schemer.=20
Kind Regards
D.G
=20
-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of Andy
Macnaughton-Jones
Sent: 15 January 2005 20:02
To: FN-FORUM / [EMAIL REMOVED]
Subject: RE: FN-FORUM: Advice and help please
Css tends to be used in 2 stages.
Firsly there's replaceing things like and tags and
similar graphical things and stuff like changing border colours of stuff
- things that you can't do with standard HTML layouts or that would have
traditionally have been done with graphics and tables.
Then there's what CSS is really designed to do, separating out the
graphicas from the data. You create a standard HTML / XHTML document
with no image tags (unless they're for images that are part of the
actual data, e.g., a picture in a news item), no tables for layout
(although tables for tabular data is absolutely fine). Bascially a page
that provides the data itself and is structured in such as way as to be
logical. Then you apply a CSs style sheet with all it's functionality -
relative and absolute positioning, styles for page components and so on
such that it may look completley different to how the original html page
looked. Then when you client changes their mind about a particular
colour scheme you don't have to re-do every page but can simply change
the stylesheet and job done.
And even better, when another client comes along that wants the same
functionality but obviously has different branding you can lift the
complete site from html "backwards" and you can either (a) charge them
loads less because there's loads less to do or (b) charge them the same
price as your previous client and make a nice profit.
I have to say that it's taken a while to get to stage (b) ;)
Cheers
Andy
-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of Lists
Sent: Saturday, January 15, 2005 7:42 PM
To: Andy Macnaughton-Jones
Subject: Re: FN-FORUM: Advice and help please
But CSS is sooooooo much easer that all that font rubbish (and I'm not a
web person at all). You'll probably find it useful to put in a doctype
too.
Firstly so you can see if you code is valid and secondly so you have a
sporting chance of working out how IE will render your code.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Kathy
http://www.vendetta.co.uk
+44(0)7005 982 261
DNRC Minister for Useful but Irritating Information and Trivia
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----- Original Message -----
From: "David" [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Saturday, January 15, 2005 6:26 PM
Subject: RE: FN-FORUM: Advice and help please
Thanks Guys;
You may not believe it; but there is a company selling three and four
page sites worse than this page; I know that for fact. So now it's the
dreaded css for me, at the moment anyway, I just hate css. Nothing goes;
or ever stays' where I put it. Probably because I don't put it there to
begin with; only think I do. Anyway once again thanks for stopping me;
make a fool of myself.
Kind Regards
D.G
-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of Dai
Williams
Sent: 15 January 2005 16:00
To: FN-FORUM / [EMAIL REMOVED]
Subject: RE: FN-FORUM: Advice and help please
> -----Original Message-----
> From: Andy Macnaughton-Jones [EMAIL REMOVED]
> Sent: 15 January 2005 15:36
> To: FN-FORUM / [EMAIL REMOVED]
> Subject: RE: FN-FORUM: Advice and help please
>
> Phew, where to begin...
>
> Javascript in main body rather than external script files
>
> Table Based Layout
>
> Javascript Driven Menus
>
> Very inaccessibile
>
> I'm not a designer so I shant comment aboutthing like that as
> I'd probably come up with no better, but it looks very dated IMHO.
>
> Hope this helps !
>
> Cheers
> Andy
+1
And - mouseovers that change font size, strange font choices, numerous
amateur features like js data and time, right click image 'protection'
(I am not too pleased to be told I don't have 'permission' to click my
own right mouse button). I appreciate that with no back-end, javascript
is the only dynamic technology you have at your disposal but it does not
mean you should use every javascript sample you can find, I suggest
sticking to what is appropriate.
Search engines will probably lose interest by the time they get to any
content in your page past the javascript.
Again I am no designer but even to me the overlapping blocks and wierd
sized borders are strange at best.
I would humbly suggest that if this is going to be a showcase rather
than try to jam in as many bells and whistles as you can, you sit back
and pretend to be a real site owner then write a 'requirements document'
for what you want from your website. Then put you web developer hat
back on and try to deliver that and only that. A site that looks like
it fulfills business requirements and is appropriate will get you much
more work than a page full of things that you think are clever.
Just my 2p
Dai
TechnologyAngel
http://www.technologyangel.co.uk/
--=20
Freelancers, contractors earn more with Prosperity4
Call 0870 870 4414 or visit www.prosperity4.com
and benefit from Inland Revenue approved expenses today.
To advertise here: http://www.freelancers.net/advertising.html
--=20
Freelancers, contractors earn more with Prosperity4
Call 0870 870 4414 or visit www.prosperity4.com
and benefit from Inland Revenue approved expenses today.
To advertise here: http://www.freelancers.net/advertising.html
Unsub: http://www.freelancers.net/rm.php?g 61473258045A44A69E
To Post a New Message: [EMAIL REMOVED]
Forum Homepage: http://www.freelancers.net/forum.php
http://www.freelancers.net - freelancers and freelance jobs
--=20
Freelancers, contractors earn more with Prosperity4
Call 0870 870 4414 or visit www.prosperity4.com
and benefit from Inland Revenue approved expenses today.
To advertise here: http://www.freelancers.net/advertising.html
--=20
Freelancers, contractors earn more with Prosperity4
Call 0870 870 4414 or visit www.prosperity4.com
and benefit from Inland Revenue approved expenses today.
To advertise here: http://www.freelancers.net/advertising.html
|
|
|
