Make my site work

[nvening]

Hi, i was lazy and made a site in photoshop and you can see it here:

http://tqc.gkellypieandmash.co.uk

Now, for a question, how do i type in on the main part of the page?

sos foor the n00b questions.

[Dorza]

<tr>
		<td>
			<img src="images/tqccut_07.gif" width="9" height="39" alt=""></td>
		<td rowspan="7" valign="top">Type your main body text here
			
		<td>
			<img src="images/spacer.gif" width="1" height="39" alt=""></td>
	</tr>

Look for those lines (just find the image names like tqccut_07.gif). Add your main body text where ive typed in red. The blue part is needed in order to align the text to the top of the table cell. Note that this does not comply with current web standards at the very least add a doc type definition. Also using tables for layout is messy in my opinion, if you don't care about those things carry on with what u have.

Dorza

[Atomic]

You could build that in CSS with way less code...

[nvening]

yes, but that would require knowing css, i just need a quick fix thanks, ill give that a go.

And, who need web standards when we have internet explorer?

[mike_w]

And, who need web standards when we have internet explorer?

People that don't use Internet Explorer. People on Linux. People using mobile devices to access the internet. People that are disabled, so it makes it easier for them to still access the internet.

[RoGuE|SaBeR]

Go on - Learn CSS

Asides from browser quirks - I find it a lot easier to work with than tables.

[Ramedge]

if your using Dreamweaver then it basically does the CSS coding for you. Just tell it what you want each style to look like and there you go!

iam currently designing a site for my alevel computing project using css and php can be see here ( http://ramedge.siteburg.com/com/index.php ) theres alot to do to it but i would like to know what the best way for designing pages is?

cheers

[mike_w]

iam currently designing a site for my alevel computing project using css and php can be see here ( -top: thin dotted #333333;
border-right: thin dotted #333333;
border-bottom: thin dotted #333333;
border-lefthttp://ramedge.siteburg.com/com/index.php ) theres alot to do to it but i would like to know what the best way for designing pages is?

Just a couple of comments: first of all, there's a lot of white space on there, especially with the Google ads banner taking up so much room at the top - it might be better if you could add it in vertically (although I don't known the T&C of the hosting). You might also want to lop the top of 'edge Design' banner, seeing as the top two thirds seems to serve no purpose. Also, the text on each page is too small. Although people can zoom in, you should really make it a readable size by default.

Finally, I think you should add a Doctype (i.e. HTML4, XHTML1), and make sure the page is valid.

Edit: Another thing I just noticed - some of your CSS seems to be a little long winded, specifically with borders. It is better to try and cut down on the size of the file as much as possible. You have:

border-top: thin dotted #333333;
	border-right: thin dotted #333333;
	border-bottom: thin dotted #333333;
	border-left: thin dotted #333333;

When this will suffice:

border: thin dotted #333333;

(I think!)

[RoGuE|SaBeR]

Tip - When editing your site have at least Firefox and IE open at the same time when previewing so you can spot cross browser difficulties early on.

At the moment the site looks very different on these two browsers and ideally you want them to be identical. Naturally in the real world this is very hard to achieve so there is usually a trade off between practicality and continuity.

It's not big deal as the site "works" in both browsers at the moment however I'm sure you'd rather have the copyright info hidden away at the bottom of the page in all cases. Cross browser compatibility can really be a serious pain the arse.