Would Appreciate Your Help - Tables Not Connecting/Pages Not Being Generated

Question

Hi,
I have a recipes section in the site I'm building.
There are 7 categories from which a user can click on.
The first page of each category has a form on it for users to enter a new recipe. Once they've entered a new recipe, the title of it is shown above the form. Here's where the problem starts.
First category is desserts, and I entered two dummy titles as a trial run, Apple and Blueberry. No matter which title I click on, I am taken to the page for Apple. And the thing is, when I click on Blueberry, the url address shows Blueberry as the recipe ID. Which indicates to me that it's recognizing it, but not going to the recipe. What am I missing? Could someone please advise as to how I can have the necessary pages created?
There are two separate tables in my database, Recipes, and Categories. The second table was created after I made the SQL connection in Dreamweaver. Do I need to reestablish the connection, because of when the second table was created?
Thank you.
This is the SQL Join that I have on both the Main Desserts Page, and the one to which a recipe should appear on, Recipes Desserts:
$query = "SELECT title".
"FROM recipes, categories".
"WHERE recipes.cat_id = categories.cat_id";
"AND category = desserts";
Here's the code on the Main Desserts page:
<div id="background">
  <div id="navbar2">
    <ul>
<li><a href="desserts.php">Desserts</a></li>
<li><a href="drinks.php">Drinks</a></li>
<li><a href="fowl.php">Fowl</a></li>
<li><a href="meat.php">Meat</a></li>
<li><a href="pasta.php">Pasta</a></li>
<li><a href="seafood.php">Seafood</a></li>
<li><a class="last" href="vegetables.php">Vegetables</a></li>
</ul>
    <p>
  </div>
  <div id="items">
<ol>
<?php do { ?>
<li><a href="recipesdesserts.php?recipeID=1<?php echo $row_GetRecipes['Title']; ?>"><strong><?php echo $row_GetRecipes['Title']; ?></strong></a></li>
<?php } while ($row_GetRecipes = mysql_fetch_assoc($GetRecipes)); ?>
</ol>
    <p><a href="<?php printf("%s?pageNum_GetRecipes=%d%s", $currentPage, max(0, $pageNum_GetRecipes - 1), $queryString_GetRecipes); ?>">Previous</a> Showing<?php echo ($startRow_GetRecipes + 1) ?>...<?php echo min($startRow_GetRecipes + $maxRows_GetRecipes, $totalRows_GetRecipes) ?> out of <?php echo $totalRows_GetRecipes ?> <a href="<?php printf("%s?pageNum_GetRecipes=%d%s", $currentPage, min($totalPages_GetRecipes, $pageNum_GetRecipes + 1), $queryString_GetRecipes); ?>">Next</a></p>
  </div>
  </div>

Answer 1

I'll try to paint a better picture.
I have two tables in the database.
First table is Recipes. The fields in this one are: Title, Ingredients, Prep, Serves.
Second table is Categories. The fields in this one are: Title, Desserts, Drinks, Fowl, Meat, Pasta, Seafood, Vegetables.
User 1 enters the following into the form:
Title: Apple Strudel
Ingredients: Apples, Flour, Water
Prep: Core and slice apples, etc.
Serves: 6
User 2 enters the following into the form:
Title: Blueberry Pie
Ingredients: Blueberries, Flour, Water
Prep: Wash blueberries, etc.
Serves: 6
Both titles now appear on the Main Desserts page, which is what I want. When a user clicks on the title, "Apple Strudel," they are taken to the page with that recipe on it. When a user clicks on the title, "Blueberry Pie," the ending of the URL address is recipesdesserts.php?recipeID=1Blueberry, but the page that's generated shows the recipe for the Strudel.
Does that help at all?
Thank you.