Using PHP Includes, Random Space Between Includes

2WDHost

15 years ago

Hi Larches.

Can you post that part of code here plus URL to the page where you see the unwanted line space?

Thanks

{{ DiscussionBoard.errors[5156815].message }}

SamJ

15 years ago

It's because there are two separate elements (in your case tables), one for each page area.

What you're going to want to do is edit your CSS and stop doing all background related styling as a table tag style.

Then wrap your content area in a DIV, and do your background styling inside the DIV.

Make sense? (I'm assuming you're a programmer)

[ 1 ] Thanks

{{ DiscussionBoard.errors[5156835].message }}

2WDHost

15 years ago

Larches,

Didn't notice "1" URL in your post. Sorry.

Checked your site. The problem is in the last row of your Table_01. That is row with 1px height spacers. And that row is a line you see between your tables.

[ 1 ] Thanks

{{ DiscussionBoard.errors[5156986].message }}

Neodism

15 years ago

Ah! Thank you so much! I'm heading out of the office right now but I will try to fix that as soon as I get here in the morning and see if it works. Thanks, either way.

Thanks
1 reply

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5157665].message }}

2WDHost

15 years ago

Originally Posted by Larches

Ah! Thank you so much! I'm heading out of the office right now but I will try to fix that as soon as I get here in the morning and see if it works. Thanks, either way.

No problem.
It can be a bit tricky to fix it in your case by the way: simply removing the last row of Table_01 will break it.
Let me know if you need any help with it.

Thanks
1 reply

{{ DiscussionBoard.errors[5160516].message }}

Neodism

15 years ago

Originally Posted by 2WDHost

No problem.
It can be a bit tricky to fix it in your case by the way: simply removing the last row of Table_01 will break it.
Let me know if you need any help with it.

Well, I tried changing the spacers to be 0px height, but that didn't change a damn thing. =/ What do you suggest I do?

Thanks
1 reply

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5161885].message }}

2WDHost 15 years ago

Originally Posted by Larches

Well, I tried changing the spacers to be 0px height, but that didn't change a damn thing. =/ What do you suggest I do?

Talking about quick solution in your case:
It looks like Table_01 was created by graphics editor from the sliced image.
You can remove the last row and try to rebuild the table manually using the current image slices, but I think the quick way for you would be to re-slice the image in your graphics editor to avoid colspans/rowspans in table. You should be able to safely remove the last row with spacers then.
If you will go that way, then based on what you currently have in table I would suggest to split it into 3 separate tables:
- Table 1: above the image with trees
- Table 2: image with trees
- Table 3: below the image with trees

Let me know if you need further assistance with this.
- [ 1 ] Thanks
{{ DiscussionBoard.errors[5164811].message }}

Saulyx

15 years ago

Had a quick look at your actual HTML, it's very messy and things like using same IDs for two elements is rather bad and invalid XHTML markup, might want to sort that out so google doesn't get annoyed

Thanks

Signature

Web Development, Web Design, Scraper Creation(Automatic Content), Bug Fixing, APP development! www.scoding.com

{{ DiscussionBoard.errors[5157904].message }}

Neodism

15 years ago

I'm just going to deal with the space for right now. I've really gotta get this site up and going ASAP. But I would greatly appreciate it if you guys could direct me to a good tutorial for learning CSS beyond just styles. (Text, headers, etc.) I don't know much about CSS so actually, up until this point, I didn't know that it could really be used effectively for anything other than formatting text and such.

I'd greatly appreciate it. I am going to get this all sorted out and then I'll brush up on CSS and come back to clean it up at a later point in time.

Thanks
1 reply

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5178082].message }}

2WDHost

15 years ago

Originally Posted by Larches

I'm just going to deal with the space for right now. I've really gotta get this site up and going ASAP. But I would greatly appreciate it if you guys could direct me to a good tutorial for learning CSS beyond just styles. (Text, headers, etc.) I don't know much about CSS so actually, up until this point, I didn't know that it could really be used effectively for anything other than formatting text and such.

I'd greatly appreciate it. I am going to get this all sorted out and then I'll brush up on CSS and come back to clean it up at a later point in time.

Larches,

This should be useful for you at least at the very beginning:
I'm unable to post the links yet, so please google "Tableless layout HOWTO" and check the first link (at w3.org).

Thanks

{{ DiscussionBoard.errors[5180908].message }}

Neodism

15 years ago

Alright, everyone. I've redone the site in CSS rather than tables. But, I still have the same problem with my PHP includes. There's a space between the header/content and content/footer. Can anyone point me in the right direction?

Thanks
1 reply

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5220972].message }}

Terry Crim

15 years ago

Originally Posted by Larches

Alright, everyone. I've redone the site in CSS rather than tables. But, I still have the same problem with my PHP includes. There's a space between the header/content and content/footer. Can anyone point me in the right direction?

You need to paste your code so we can look at it.

Looking at the source code for your main page there are many issues with the code. You have a redundant javascript section in the header that has nothing in it while a second one below it has the javascript.

In the body of the content there are empty tables, rows and columns in what I would assume to be the footer section of the page there are empty rows and a table that is pushing things down the page.

I am not sure what you are using to create this page but you should look into the table based layout generation because either your php is adding empty tables or the way the html is written in the php is the culprit.

Personally I would get away from table based layouts unless you have content that is specifically suited for that.

Since I can only see the end result with viewing your source code, I can't help further without seeing your php code.

Thanks
1 reply

{{ DiscussionBoard.errors[5224373].message }}

Neodism

15 years ago

HEADER:

Code:

<html>
<head>
<link href="css/layout.css" rel="stylesheet" type="text/css">
<title>Touhstone Ranch</title>

<style type="text/css">
<!--
body {
	background-image: url(images/bg.png);
}
-->
</style>
  <body>
    <div id="wrapper">
  <div id="header">
  	<div id="call"align="center"><img src="images/callnow.png" width="910" height="40" /></div>
    <div align="center"><span class="style6"><img src="images/head.png" alt="header" width="933" height="165"  /></span></div>
    <div id="navigation">
    <div id="links">
      <div align="center"><a href="index.php">Home</a> |<a href="programs.php"> Treatment Programs</a> |<a href="pictures.php"> Pictures</a> | <a href="testimonials.php">Testimonials</a> |<a href="about.php"> About Us</a> | <a href="http://equinetherapytexas.com">Blog</a></div>
    </div>
  	</div>
</div>

INDEX:

Code:

<?php include "header.php"; ?>
<div id="body">
        <div id="content">
          <div id="cleft">Content.</div>
      </div>
</div>
<?php include "footer.php" ; ?>

FOOTER:

Code:

<link href="css/layout.css" rel="stylesheet" type="text/css">
  <div id="footer">
    <div id="nav">
      <div align="center">
        <p><a href="index.html">Home</a> - <a href="programs.html">Treatment Programs</a> - <a href="pictures.php">Pictures</a> - <a href="testimonials.html">Testimonials</a> - <a href="about.html">About Us</a> - <a href="http://www.equinetherapytexas.com">Blog</a></p>
        <p>2011 Touchstone Ranch Recovery Center</p>
        <p>P.O. Box 1519 Stephenville, Texas 76401</p>
      </div>
    </div>
    <div id="social">
      <div align="center"><a href="http://www.facebook.com/touchstoneranchrecoverycenter"><img src="images/fb.png" width="53" height="54" /></a> <img src="images/in.png" width="53" height="53" /> <a href="http://www.twitter.com/touchstoneranch"><img src="images/twit.png" width="52" height="53" /></a>        </div>
    </div>
  </div>
    </div>
    </div>
  </body>
</html>

Thanks

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5227779].message }}

Neodism

15 years ago

I'm getting desperate for help with this. I apologize for the bump.

Thanks

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5221640].message }}

Neodism

15 years ago

Touhstone Ranch I have done it in CSS. I thought I left a link to what I'm working with, sorry. But yeah, I've done it with CSS and I'm getting those blank spaces. They are the only thing between me and launching the site.

But, I've learned that if I take the <p> tags off my place-holder content, the spaces go away. So it is not the CSS or the PHP includes that are causing this dilemma, it is my <p> tags.

So, I need a fix to this problem. I tried putting the margin and padding for my #content p to 0, but that didn't work. I Don't think I can make this thing happen without paragraph tags, either.

Thanks

Signature

Free Web Design from Neodism.

{{ DiscussionBoard.errors[5227647].message }}

Using PHP Includes, Random Space Between Includes

Trending Topics

Anyone Care to Explain What Changed to the Forum??

New CEO Of The Warrior Forum (Let's Get Cracking!)

I'm NEW!!!

Lightening strikes :(

Visual marketing ideas and concepts - How do I present myself to the marketing world?