Same footer in multiple pages

Report · Oct 02, 2020

Hello Dreamweaver Community.

I want to know how can I keep the header and footer the same size and look on multiple pages that I have created in Dreamweaver. I have tried manually manipulating two but I havent't solved the problem. Also I want to know how to remove a white space that is between the navigation bar and the header that has a picture and an overlay over it to add tint.

I would surely appreciate a response back.

Report · Oct 02, 2020

In Dreamweaver terms you can create a template: https://helpx.adobe.com/dreamweaver/user-guide.html/dreamweaver/using/creating-dreamweaver-template....

There are also a multitude of ways to do includes, they vary based on your server/technology stack: https://css-tricks.com/the-simplest-ways-to-handle-html-includes/

With regards to removing white space, the best way for us to help is to have you share the page in question or a sample page so we can see what is happening and evaluate the code.

Report · Oct 02, 2020

"keep the header and footer the same size and look on multiple pages."

It's impossible to predict what size devices and browser settings your end users have. Height is determined by content. So where your footer lands will vary on long and short pages.

The width of your headers and footers is controlled by your CSS layout. The CSS is placed in an external stylehseet to which all your HTML documents are linked.

For consistency, I use PHP server-side includes for my sitewide headers, footers and navigation. In order for this to work, your server must support PHP code and your parent documents (index, about, etc..) must have a .php file extension.

https://alt-web.blogspot.com/2015/07/server-side-includes-with-php.html

Dreamweaver also supports its own proprietary DW Templates and Library Items. But neither of those work with other code editors.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 05, 2020

I did buidl my navigation bar and footer in the template and I have been trying to link it in one of my pages but it wont allow me to. A window pops up and says unbalanced body.

Report · Oct 02, 2020

By default, all browsers add their own margins and padding to HTML elements. To overcome this, you would need to zero out margins and padding in your stylesheet with CSS code.

Example:

body, nav, header, img {margin:0; padding:0}

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 04, 2020

That actually worked THANKS!

now I have to finger out how to put the footer links back to the right side of the footer.Do I always need to do this for the body, hav, header, and img? Do I need toput margin 0 and padding 0 for html in css too?

Report · Oct 04, 2020

'I would surely appreciate a response back'.

I'm sure the contributors that provided their time and suggestions would also appreciate a response back. It can't be that important, I assume, 2 days have passed now since you posted.

Report · Oct 04, 2020

Hey, I am still trying to understand this php and to get it working. I wish there was a video that was helpful regarding adobe dreamweaver software. I have one question that you may can help me on. Do you know if I could have more than one input placeholder on a page and have one super wide and another small. I was trying to do that and both would change to the same thing at the same time. I don't know if this is possible. I was trying to make a reservation page for my "frestaurant food website"

Report · Oct 04, 2020

Let's stick with one topic at a time. Please start a new discussion about your other issue.

PHP includes are simple. But they only work on a server that supports PHP scripts. Please show us your code.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 05, 2020

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Festive Cuisines - Home</title>
<meta name="viewport" content="width=device-width, scale=1.0">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/image.css">

</head>

</div>


<div>

</div>

<h1>Welcome to Festive Cuisines</h1>

<a href="order.html" class="btn btn-full">
Order Online Now</a>

<a href="Make Reservations"></a>
<a href="reservation.html" class="btn btn-ghost"> Make reservations</a>

<p style="margin-right:20px">If you love food then this is the website just for you. This website will showcase the most popular dishes around the world.
<br>
Also, this website will have recipes for you to cook at home.</p>
</div>
</div>
</div>
</center>
</header>
</div>


<br>

<div class="row">
<section class="section-features">
<center>
<h2><u>Entrees</u></h2>
</center>

<center>
<p>Authentic meals from around the world now you can try it close to home. Sounds overwhelming in a good way, right? But no worries, enjoy any dishes that you like and the best part is that our company can deliver it near you.</p>
</center>
</div>

<div>
<div class="row">
<div class="column">
<center><h3>Breakfast</h3></center>
<center>
<img src="css/image/breakfast.png" width="230" height="150" alt="breakfast"/>
</center>

<center>
<p>Having a well nutritious breakfast is important to start off your day right. We have so many breakfast choices. But our most popular breakfast is our fluffy vanilla pancakes. There is a choice of blueberries, raseberries, peaches, strawberries, and chocolate chops.</p>
</center>
</div>

<div class="row">
<div class="column">
<center><h3>Lunch</h3></center>
<center>
<img src="css/image/chicken sandwich.png" width="230" height="150" alt="luncg"/>
</center>

<center>
<p>Get our chrispy spicy butter-milk chickenn sandwhich; with our two secret sauces that makes this chicken sandwich ever! Along with it is red lettuce, pickes, and tomatoes. There is an option to have sweet potato fries, fried pickes, or texas cheese fries as a side.</p>
</center>
</div>

<div>
<div class="row">
<div class="column">
<center><h3>Dinner</h3></center>
<center>
<img src="css/image/steak.png" width="230" height="150" alt="dinner"/>
</center>

<center>
<p>One of our popular dishes on the menu, is our steak that's stuff with our finest flavors. Topped of with our delious brown gravy with aspargus on the side. We can't forget the stuffed red peppers that has chopped up season shrimp</p>
</center>
</div>
</div>

<div id="here-text-box">
<div id="column"></div>
<div id="overlay"></div>

<br>
<br>
<br>
<br>
<br>
<center><h2 style="text-decoration: underline;">Appetizers</h2></center>
<center>
<p>We have the most popular appetizer dishes from around the world. Hot wings, nachos and cheese, and cheese sticks are popular in the U.S. In Brazil, their favoire appetizers are Pastel de quijo, an Kibe. Paneer tikka, Dahi vada, and stuffed Aloo tikki are favorites in the indian culture. There are so much more appetizers to choose from.</p>
</center>
</div>

<div class="row">
<section class="section-features">
<center><h2 style="text-decoration: underline;">Desserts</h2></center>

<center>
<p>If you never had the opportunity to try ultentic meals from around the world now you can try it close to home. Sounds overwhelming in a good way, right? But no worries, enjoy any dishes that you like and the best part is that our company can deliver it near you.</p>
</center>
</section>
</div>

<div class="row">
<div class="column">
<center><h3>German Fudge Brownie</h3></center>
<center>
<img src="img/brownies.png" width="230" height="150" alt="brownies"/>
</center>

<center>
<p>If you havve a major sweet tooth, then try our tripple fudge brownie, drizzled with chocolate syrup. This is one of our customer's favorite desserts.</p>
</center>
</div>

<div class="row">
<div class="column">
<center><h3>Sponge Cake</h3></center>
<center>
<img src="img/sponge cake.png" width="230" height="150" alt="spongecake"/>
</center>

<center>
<p>This cake is not only sweet but filling. Crispy on the outside but fluffy on the inside. Best part is the powder sugar on top of this cake.</p>
</center>
</div>

<div class="row">
<div class="column">
<center><h3>Chocolate Mousse</h3></center>
<center>
<img src="img/chocolate mousse.png" width="230" height="150" alt="chocolate mousse"/>
</center>

<center>
<p>Get our chrispy spicy butter-milk chickenn sandwhich; with our two secret sauces that makes this chicken sandwich ever! Along with it is red lettuce, pickes, and tomatoes.</p>
</center>
</div>
</div>
<br>
<br>
</div>
</body>
</html>

I was abot to create my template but I have been having problems with linking it to this page that I pasted on here. It said that the body is imbalanced

Report · Oct 05, 2020

Where are you getting your template code from becasue what you have pasted is complete junk?

Report · Oct 05, 2020

Validate code and fix reported errors.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 05, 2020

I think it needs more than just validating, more like completely re-writing. <br><br><br><br><br><br><br> tags should never be used like tha - they are scattered all over the place, which means the OP is trying to create the template in a visual environment, rather than look at the code which is being produced, a sure way to go backwards very fast.

Report · Oct 05, 2020

Yes, I agree. This is a dumpster fire inside a train wreck. My hope is that validation might shed some light on why basic coding skills are essential.

https://www.w3schools.com/

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 05, 2020

Well when its as bad as it is there's really not much help one can provide, frustrating but hey-ho..........onwards and upwards, maybe someone will come along in the not too distant future where the situation can be rescued.