crewdesign.co.uk/foodbox

minute44 · #21 (**permalink**) Jun 1st, 2006, 15:48

Quote:

Originally Posted by crewdesign

Does anyone have any ideas on how to centre the whole thing without it going dodgy?

when using CSS for layout you can center any site by giving the container div a left and right margin value of "auto"

crewdesign · #22 (**permalink**) Jun 1st, 2006, 15:50

im realy new to css and div's so i dont know much yet, how do i do that?

saltedm8 · #23 (**permalink**) Jun 1st, 2006, 15:52

i could do it for you but you will have to e-mail me the website ( if you can trust me ) just pm me and ile give you my address

minute44 · #24 (**permalink**) Jun 1st, 2006, 15:54

Quote:

Originally Posted by saltedm8

i could do it for you but you will have to e-mail me the website ( if you can trust me ) just pm me and ile give you my address

If you wanna help him, stop throwing templates at him and offering to do things for him and start giving him guidence. That way he'll progress more!

Anyway, this is off topic, let's stop it before the moderators spit the dummy!

saltedm8 · #25 (**permalink**) Jun 1st, 2006, 16:03

its just a case of "a little help goes a long way"
i remember my first site and it was crap, worse than crap - i got some help from different people in places like this and i hunted stuff on the internet, but i still learnt - it just saved a hell of alot of time messing about learning how to do simple things, all ime trying to do is the same for other people

crewdesign · #26 (**permalink**) Jun 1st, 2006, 16:06

Have you got any sugestions of what i could put on the header logo thing? I'm stuck for ideas cos im trying to redesign it

crewdesign · #27 (**permalink**) Jun 1st, 2006, 16:11

Also are you allowed to ask for critiques of 2 sites in one thred?

saltedm8 · #28 (**permalink**) Jun 1st, 2006, 16:24

yes you can ask about 2 sites in one thread and your logo is one part that i always think has to be your own because only you truely know what you want

crewdesign · #29 (**permalink**) Jun 1st, 2006, 16:34

Ok, what do you think of my new portfolio site then: http://www.crewdesign.co.uk

craig · #30 (**permalink**) Jun 1st, 2006, 17:46

Times New Roman - Not good font

Why all the affiliate links?

saltedm8 · #31 (**permalink**) Jun 1st, 2006, 17:59

copy this and have a look, all i have done is centred it

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style4 {font-size: 12px}
-->
</style>
<link href="/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">
  <table width="794" height="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="460"><table width="453" height="163" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="404" height="71"><img src="logo.PNG" alt="Welcome to FoodBox" id="logo" /></td>
        </tr>
      </table>
      <div align="center"></div></td>
      <td width="334" bgcolor="#CFC4B1"><ul id="nav">
        <li> 
          <div align="left"><a href="index.htm">Home </a></div>
        </li>
        <li> 
          <div align="left"><a href="starters.htm">Starters (0)</a></div>
        </li>
        <li> 
          <div align="left"><a href="main.htm">Main courses (0)</a></div>
        </li>
        <li> 
          <div align="left"><a href="desserts.htm">Desserts (0)</a></div>
        </li>
        <li> 
          <div align="left"><a href="side.htm">Side-Dishes/Salads (0)</a></div>
        </li>
        <li> 
          <div align="left"><a href="other.htm">Other Recipes (bread, jam, etc.)(1)</a></div>
        </li>
        <li> 
          <div align="left"><a href="submit.htm">Submit a Recipe</a></div>
        </li>
        <li> 
          <div align="left"><a href="links.htm">Links</a></div>
        </li>
      </ul></td>
    </tr>
  </table>
  <table width="725" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
  <table width="796" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="460">&nbsp;</td>
      <td width="336" bgcolor="#CFC4B1"><div align="center">Search all recipes: </div></td>
    </tr>
  </table>
  <table width="795" height="52" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="451" height="52" bgcolor="#CFC4B1"><div align="left"><span class="title">1 recipes Listed</span></div></td>
      <td width="10">&nbsp;</td>
      <td width="316" bgcolor="#CFC4B1">
        <div align="center">
          <p align="center">
            <input type="hidden" name="ie" value="UTF-8" />
            <input type="hidden" name="oe" value="UTF-8" />
<input type="text" name="q" size="31" maxlength="255" value="" />
<font size="-1">
<input type="hidden" name="domains" value="file:///C:/Documents%20and%20Setting...0Box/index.htm" />
            <input type="submit" name="btnG" value="Search Recipes" id="searchbutton" />
</font></p>
      </div></td>
      <td width="20" bgcolor="#CFC4B1">&nbsp;</td>
    </tr>
  </table>
  <table width="796" height="312" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="450"><p align="left"><b>Welcome</b><br />
        Welcome to FoodBox, We are a recipe website where you can find interesting recipes which are fun and easy. Were unique because all of our recipes have been submitted by you, so if you have an interesting recipe that you would like to share, why not submit it? Then users can rate your recipe so the best recipes can easily be found! So it would be realy helpful if you could rate any recipe that you cook so that this website becomes a better place to be!</p>
      <p align="left"> To find a recipe is easy, just click the category your interested in, or if you dont have time just search for a recipe on the right by typing in either the ingredients you want to use, the title of the recipe or what type of dish your looking for. </p></td>
      <td width="10">&nbsp;</td>
      <td width="336" bgcolor="#CFC4B1"><h2 align="center">Most Recent Recipe</h2>
        <p align="center"><a href="1.htm">Simple Bread Recipe</a> (7/10)<i>by Sam Crew</i><br />
          Rate this Recipe! <a href="something">Good? / </a><a href="something">Bad?</a></p>
        <h2 align="center">The Best Recipes</h2>
        <p align="center">Smoked Steak <i>by Sam Crew</i> (9.87/10)<br />
          Rate this Recipe! <a href="something">Good? / </a><a href="something">Bad?</a></p>
        <p align="center">Smoked Steak <i>by Sam Crew</i> (9.45/10)<br />
          Rate this Recipe! <a href="something">Good? / </a><a href="something">Bad?</a></p>
        <p align="center">Smoked Steak <i>by Sam Crew</i> (9.31/10)<br />
      Rate this Recipe! <a href="something">Good? / </a><a href="something">Bad?</a></p></td>
    </tr>
  </table>
  <table width="798" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="244"><table width="244" height="134" border="1" cellpadding="1" cellspacing="0">
        <tr>
          <td width="107" height="132"><a href="lowfat.htm"><img src="lowfat.PNG" align="left" alt="Low Fat Recipes" border="0" /></a></td>
          <td width="127"><span class="boxtext style4"><a href="lowfat.htm">Low-Fat Recipes</a><br />
            Click here for special low-fat recipes that are easy and simple to make. Don't forget to submit and rate other peoples recipes!</span></td>
        </tr>
      </table></td>
      <td width="233"><table width="228" height="133" border="1" cellpadding="1" cellspacing="0">
        <tr>
          <td width="113" height="130"><a href="1.htm"><img src="bread.PNG" align="left" alt="Bread Recipe" border="0" /></a></td>
          <td width="115"><span class="boxtext style4"><a href="1.htm">Bread Recipe</a><br />
            Click here to see this special bread recipe, this recipe has been created by the editor!</span></td>
        </tr>
      </table></td>
      <td width="321">&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <div id="footer">
    <p align="center" class="title">Designed By <a href="<A href="http://www.crewdesign.co.uk">Crew">http://www.crewdesign.co.uk">Crew Design</a> &copy; Sam Crew and Mark Ormeshe</p>
  </div>
  <p>&nbsp;</p>
</div>
</body>
</html>

crewdesign · #32 (**permalink**) Jun 1st, 2006, 18:47

That code uses tables though

saltedm8 · #33 (**permalink**) Jun 1st, 2006, 21:05

so ? gets the job done

mreine · #34 (**permalink**) Jun 2nd, 2006, 01:16

Quote:

Originally Posted by saltedm8

so ? gets the job done

lol.. so would creating the pages as one big ass image with clickable zones.

crewdesign · #35 (**permalink**) Jun 2nd, 2006, 06:35

lol, im gonna have a go at getting it to centre myself a bit later

minute44 · #36 (**permalink**) Jun 2nd, 2006, 07:44

Quote:

Originally Posted by saltedm8

so ? gets the job done

Would you go out in tartan flairs and platform shoes and say; "it keeps my legs and feet warm."??????? No!

Dude, That is a bad attitude to have towards web design!! It may get the job done in terms of looks but that's where it ends.

It is not SEO friendly.
It is not good for browser interoperablity
It is not good for accessiblity
It is not good for loading times
It breaks the fundimental role of CSS, to seperate style and content.

Now go away and wash your mouth out with soap!

crewdesign · #37 (**permalink**) Jun 2nd, 2006, 07:48

Yeah, although he did take the time to write that all out which was kind so thanks for that. Ive just made the foodbox site fully xhtml valid, so ill upload that in a sec

crewdesign · #38 (**permalink**) Jun 2nd, 2006, 07:52

How do you do the margins auto thing?

minute44 · #39 (**permalink**) Jun 2nd, 2006, 08:06

Quote:

Originally Posted by crewdesign

How do you do the margins auto thing?

Download this program:

http://www.hostm.com/css/

It will really help you as you are just starting out with CSS.

Use this to play around with a style sheet for your site. It helped me loads in the beginning.

In the CSS for your container div, just give it a left and right margin value of "auto".

When playing around in the program you'll see what I mean.

Enjoy.

crewdesign · #40 (**permalink**) Jun 2nd, 2006, 08:08

Ok thanks, do you think i ought to add a bg color?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
crewdesign.co.uk	crewdesign	Free Web Site Critique	15	Dec 2nd, 2006 12:51
crewdesign.co.uk	crewdesign	Free Web Site Critique	79	Jul 6th, 2006 16:28

		Webforumz.com > Main Forums > Design Your Website > Free Web Site Critique
crewdesign.co.uk/foodbox