Web Design Forums

Narate · 25-06-2003, 20:18

ok ok so Ive been reading some CSS stuff and when I last tried to create a webpage I got shouted at by my programme Guru friend for having <font> and laughed at how pants my HTML was.

SO, this is my first proper template using CCS [/me not a code person] it was a favour for someone in exchange for lots of free webspace

here,here,here and here

comments please.

dixon · 25-06-2003, 20:41

nice i like the design well done

Brooklyn · 26-06-2003, 04:22

Nice layout...

though:

<body bgcolor="#FFFFFF" text="#333333" link="#FFCC00" vlink="#FFCC00" alink="#FFCC00" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

should be in the CSS!

Have looked at the finle an cleaned it up a little:

Quote:

body {
background-color: #ffffff;
color: #333333;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

/* Scrollbar only workis in IE */
SCROLLBAR-FACE-COLOR: #ECEAEB;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #D6D6D6;
SCROLLBAR-3DLIGHT-COLOR: #F3F3F3;
SCROLLBAR-ARROW-COLOR: #F8BC4E;
SCROLLBAR-TRACK-COLOR: #EAE8E9;
SCROLLBAR-DARKSHADOW-COLOR: #868686;
}

/* a:link declarations have to go in this order: link, visited, hover */

a:link {
color: #FFCC00;
}
a:visited {
color: #FFCC00;
}
a:hover {
color: #333333;
}

/*have changed .default to .td as the default has been declared in the body tag above
This will format anything in a td ti the same text as the body in NN4*/

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/*Small white was a mess with extra tags and values all over the place
Have averaged them out for now to this */

.smallwhite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
border: 1px #878686 dashed;
background-color: #F7F7F7;
color: #333333
}

Get yourself a copy of TopStyle Lite (Free) from http://www.bradsoft.com/topstyle/download/litedload.asp It's a simple WYSIWYG CSS editor who's parent app TopStyle Pro, is the dogs nuts when it comes to CSS.

There's loads of other things you could do to improve this like using CSS to style your tables instead of <table width="100%" aligh="center">.

Hope that helped...

oli · 26-06-2003, 04:35

Or win this months competition and get the Pro version of TopStyle

Brown · 26-06-2003, 05:00

nice. you've still got a font tag in there though. also, something in the back of my head says that font-family should be last in the list when styling text. can't remember why. anyone? anyone? beuller?

smallbeer · 26-06-2003, 05:05

Yeah a good start but you haven't really done too much with the CSS yet and as Brooklyn said there are loads of stuff you can do to slim down your html.

One thing to bear in mind as your CSS file gets larger is CSS's natural inheritance. At the moment you've declared the font-family in the body tag and also used the same one in another couple of declarations lower down. CSS's natural inheritance would take care of this for you anyway - a child element taking on the parents values - and will save you time and file space in the long run.

Run your site through the W3c validator and take it from there.

dan · 26-06-2003, 05:11

Anyone else find that the inheritance for font-family etc can be a little dodgy on some browsers for some elements (I'm thinking mainly about tables here - is there a reason for that one?)

Brooklyn · 26-06-2003, 05:18

Quote:

Originally posted by dan
Anyone else find that the inheritance for font-family etc can be a little dodgy on some browsers for some elements (I'm thinking mainly about tables here - is there a reason for that one?)

In NN4 you have to declare anything that falls out side of the "body" as seperate styles, hence the td in the style sheet above. Most current browsers are OK with inheritance, but it doesn't hurt to go and delare them anyway.

Narate · 26-06-2003, 05:47

woah, thanks for the comments. I will definatley look into some of those things because I wanna get better at this page layout business.

Brooklyn · 26-06-2003, 06:04

Quote:

Originally posted by VeteraN
woah, thanks for the comments. I will definatley look into some of those things because I wanna get better at this page layout business.

See... I can be nice and constructive all at the same time:-)

Narate · 26-06-2003, 06:27

hehe :p

25-06-2003, 20:18	#1 (permalink)
Narate Royalty™ Join Date: Feb 2003 Location: Manchester (UK) Posts: 3,273	Experimental Template ok ok so Ive been reading some CSS stuff and when I last tried to create a webpage I got shouted at by my programme Guru friend for having <font> and laughed at how pants my HTML was. SO, this is my first proper template using CCS [/me not a code person] it was a favour for someone in exchange for lots of free webspace here,here,here and here comments please.

25-06-2003, 20:41	#2 (permalink)
dixon Custom User Title Join Date: Apr 2003 Location: Brighton Posts: 589	nice i like the design well done __________________ Dixon

26-06-2003, 04:35	#4 (permalink)
oli Low flying star™ Join Date: Feb 2003 Location: Manchester, England.™ Posts: 10,000	Or win this months competition and get the Pro version of TopStyle __________________ Linked In :: Last.fm :: Twitter me ..................

26-06-2003, 05:05	#6 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,206	Yeah a good start but you haven't really done too much with the CSS yet and as Brooklyn said there are loads of stuff you can do to slim down your html. One thing to bear in mind as your CSS file gets larger is CSS's natural inheritance. At the moment you've declared the font-family in the body tag and also used the same one in another couple of declarations lower down. CSS's natural inheritance would take care of this for you anyway - a child element taking on the parents values - and will save you time and file space in the long run. Run your site through the W3c validator and take it from there. __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

26-06-2003, 05:00	#5 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,147	nice. you've still got a font tag in there though. also, something in the back of my head says that font-family should be last in the list when styling text. can't remember why. anyone? anyone? beuller?

26-06-2003, 05:11	#7 (permalink)
dan Iris Folder Join Date: Apr 2003 Location: smokey Posts: 2,650	Anyone else find that the inheritance for font-family etc can be a little dodgy on some browsers for some elements (I'm thinking mainly about tables here - is there a reason for that one?)

26-06-2003, 05:47	#9 (permalink)
Narate Royalty™ Join Date: Feb 2003 Location: Manchester (UK) Posts: 3,273	woah, thanks for the comments. I will definatley look into some of those things because I wanna get better at this page layout business.

26-06-2003, 06:27	#11 (permalink)
Narate Royalty™ Join Date: Feb 2003 Location: Manchester (UK) Posts: 3,273	hehe :p

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)