I only know HTML - Page 2 - Webmaster Forum - Web Design, Programming and SEO forums

10-10-2005, 06:16 AM

#11

jono1

Status: Non-conformist
Join date: Jul 2005
Location: Canberra, Australia.
Expertise:
Software:

Posts: 1,172

iTrader: 0 / 0%

jono1 is on a distinguished road

just did. edited the post. and it was directed at bennett

10-10-2005, 06:37 AM

#12

Julian

Status: Simply to simplify
Join date: Apr 2005
Location: Foxton, Manawatu, New Zealand
Expertise:
Software:

Posts: 5,572

iTrader: 0 / 0%

Julian is on a distinguished road

Mr Cheeky, it is a fairly easy learning css, but understanding it and it's full applications takes a long time.

For XHTML there are only a few differences from html:

XHTML elements must be properly nested
XHTML documents must be well-formed
Tag names must be in lowercase
All XHTML elements must be closed

Also consider that the DTD is mandatory with XHTML.

10-10-2005, 06:44 AM

#13

Mr. Cheeky

Status: I love this place
Join date: May 2005
Location:
Expertise:
Software:

Posts: 739

iTrader: 0 / 0%

Mr. Cheeky is on a distinguished road

Are tableless templates made using just CSS/XHTML or does that require DIVs?

10-10-2005, 07:07 AM

#14

jono1

Status: Non-conformist
Join date: Jul 2005
Location: Canberra, Australia.
Expertise:
Software:

Posts: 1,172

iTrader: 0 / 0%

jono1 is on a distinguished road

divs is generally how its done, yes.

10-10-2005, 07:19 AM

#15

echoepidemic

Status: Graphic Designer
Join date: Apr 2005
Location: Vancouver
Expertise:
Software:

Posts: 2,057

iTrader: 0 / 0%

echoepidemic is on a distinguished road

I'm going through the same thing Cheeky. But the problem is it's easier than you think, but harder than you'd like it to be.

Good luck to you.

10-10-2005, 08:41 AM

#16

sysblnk

Status: I love this place
Join date: Mar 2005
Location:
Expertise:
Software:

Posts: 640

iTrader: 0 / 0%

sysblnk is on a distinguished road

I was taking a look at what you did so far. First off you need to enter a doctype. Second the break tag is not needed and throws off the structure (in my opinion). It might be that youre just testing things, if so then disregard that. Second if you're going to be slicing up photoshop layouts then it might be a better idea to use pixels instead of points (for layout) because some photoshop layouts are dont give the freedom for expanding etc..

10-10-2005, 09:07 AM

#17

jamesyfx

Status: Member
Join date: Jan 2005
Location: Manchester
Expertise: Design
Software: TextEdit

Posts: 1,009

iTrader: 0 / 0%

jamesyfx is on a distinguished road

I was looking at your CSS. You could streamline that. >>>

e.g.

Code:

h1
{
margin-bottom: 0pt;
border-style: dashed;
border-color: #000000;
border-width: 1px;
background-color: #FFFFFF;
font-family: garamond;
font-size: 20pt;
color: #00628b;
}

Could be narrowed down to

Code:

h1
{
margin-bottom: 0pt;
border: 1px dashed #000;
background: #fff;
font: 20pt garamond;
color: #00628b;
}

Iuno. Try playing around a bit more.

10-10-2005, 10:21 AM

#18

mderbyshire

Status: Member
Join date: Nov 2004
Location:
Expertise:
Software:

Posts: 203

iTrader: 0 / 0%

mderbyshire is on a distinguished road

Yeah, it's fairly straight forward to go from HTML to XHTML, and start making use of CSS for your layouts, etc.

Actually I became familiar with CSS using Dreamweaver. If you have a recent version, or can get a demo, use it for learning - contrary to the opinion of many freelance web designers/developers, it is not the forbidden tool. Of course you may need to make manual changes to the code and CSS along the way (WYSIWYG don't always structure things nicely, or use efficient code - but making manual changes and tidying things up can be part of the learning process).

Don't forget to keep checking your work with the XHTML and CSS validators at http://www.w3.org, to get an idea of whether your work is valid, and conforms to web standards (which you should aim for).