1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

PHP dumb question...

Discussion in 'Web Development' started by Lpspider, Aug 15, 2005.

  1. Lpspider

    Lpspider New Member

    Okay, I've got a dumb question for ya...how do I link content from another page and have it display on a different page where you want it, such as a menu?
     
  2. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    The most common way to do this is to just copy the menu and paste it in the other page.

    If you have 1000 pages it would be crazy if you have to add a link to the menu you would have to change all 1000 pages.
    For this most websites use a dynamic programming language like php.
    All you have to do is insert something like this:
    PHP:
    include 'pagewithmenu.php';
    You can also use frames but this is a very old way and I do not recommend you to use it unless you have no other way to do it.
    You can find more info about frames here

    PS: There are no dumb questions only dumb answers.
     
  3. fairdoes

    fairdoes Member

    Use A Template Page

    If you haven't already created lots of pages, make a template page that has the code in. Every time you want a new page - it's already there.:)

    We become expert at copy and paste anyway - lots of practice ...:eek:
     
  4. Lpspider

    Lpspider New Member


    That's what I want to do, but i'm not sure how...I know nothing about php.

    I made a file called menu.php, with the menu html code in it. Then I placed 'menu.php'; in the page, no results...

    What are the tags I need to use to have a php document or what? sorry...
     
  5. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    You have to change the file name of the HTML from .html to .php
    And place it in the php file you want the menu on like this:

    PHP:
    <?php 

    include 'menu.php';

    ?>
     
  6. Lpspider

    Lpspider New Member

    My host is asmallorange - and they support php. But when I create a new document it gives me three options. Document type: HTML, Text, Perl script, and Shell script.

    I select html but save it with a php extention. I make the file, containing only the menu code (not even the starting html tags). I link to it like you said. Instead, I get no menu.

    ...
     
  7. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Post your code on the forum so I can see what you're doing wrong.
     
  8. Lpspider

    Lpspider New Member

    Okay, here's the menu file. leftmenu.php -

    HTML:
    <html>
    <head>
    <style type="text/css">
    ul
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    a
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    a:hover {background-color:#8DB6CD}
    li {display:inline}
    </style>
    
    
    </head>
    
    
    <table width="150" border="0" cellpadding="0" cellspacing="0">
    <tr><td>
    
    
    <table border="0" width="150" bgcolor="#000000" cellspacing="0" cellpadding="0">
    <tr><td width="100%">
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1">
    <tr><td width="100%" height="25" background="bar.gif" align=left>
    <font color="#ffffff" face=arial size="2">
    &nbsp;&nbsp;Programming Tutorials
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; HTML</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; XHTML</a></td></tr>
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; XML</a></td></tr>
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; CSS</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Javascript</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Java</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; PHP</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; MySQL Database</a></td></tr>
    
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1">
    <tr><td width="100%" height="25" background="bar.gif" align=left>
    <font color="#ffffff" face=arial size="2">
    &nbsp;&nbsp;Graphic Tutorials
    
    
    
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Logos</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Photoshop </a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Flash</a></td></tr>
    
    
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1">
    <tr><td width="100%" height="25" background="bar.gif" align=left>
    <font color="#ffffff" face=arial size="2">
    &nbsp;&nbsp;Webmaster Help
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; SEO Tools</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Directory</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Forums</a></td></tr>
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1">
    <tr><td width="100%" height="25" background="bar.gif" align=left>
    <font color="#ffffff" face=arial size="2">
    &nbsp;&nbsp;Freeware
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Web Templates</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Cut and Paste Code</a></td></tr>
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Wallpaper</a></td></tr>
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Screensavers</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Pre-Made Logos</a></td></tr>
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Stock Photography</a></td></tr>
    
    
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1">
    <tr><td width="100%" height="25" background="bar.gif" align=left>
    <font color="#ffffff" face=arial size="2">
    &nbsp;&nbsp; Info
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Donate</a></td></tr>
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; About</a></td></tr>
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Contact Us</a></td></tr>
    
    
    </table>
    
    <table border="0" width="150" cellspacing="0" cellpadding="0">
    <tr><td bgcolor="#ffffff" width="100%" height="5"></td></tr>
    <tr><td width="100%" height="25" background="bar.gif" align=left>
    <font color="#ffffff" face=arial size="2">
    &nbsp;&nbsp;Sponsored Links
    
    </td></tr>
    <tr><td bgcolor="#8DB6CD">
    <center>
    <br>
    <br><br>
    </td></tr>
    
    
    </td></tr>
    
    </table>
    
    
    </td></tr>
    </table>
    
    </td></tr></table>
    
    

    Here's the php include in my main page
    PHP:
    <?php 

    include 'leftmenu.php'

    ?>

    I placed the include exactly where the menu (leftmenu.php) was but it didn't show up - I just got a blank screen.

    Thanks for the help.
     
  9. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    When you include a page in another page the page you include may not have a head. You can only have one head.

    So your left menu include page would look like this:
    PHP:
    <table width="150" border="0" cellpadding="0" cellspacing="0">
    <
    tr><td>


    <
    table border="0" width="150" bgcolor="#000000" cellspacing="0" cellpadding="0">
    <
    tr><td width="100%">

    <
    table border="0" width="100%" cellspacing="1" cellpadding="1">
    <
    tr><td width="100%" height="25" background="bar.gif" align=left>
    <
    font color="#ffffff" face=arial size="2">
    &
    nbsp;&nbsp;Programming Tutorials


    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspHTML</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspXHTML</a></td></tr>


    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspXML</a></td></tr>


    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspCSS</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspJavascript</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspJava</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspPHP</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspMySQL Database</a></td></tr>




    <
    table border="0" width="100%" cellspacing="1" cellpadding="1">
    <
    tr><td width="100%" height="25" background="bar.gif" align=left>
    <
    font color="#ffffff" face=arial size="2">
    &
    nbsp;&nbsp;Graphic Tutorials





    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspLogos</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspPhotoshop </a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspFlash</a></td></tr>





    <
    table border="0" width="100%" cellspacing="1" cellpadding="1">
    <
    tr><td width="100%" height="25" background="bar.gif" align=left>
    <
    font color="#ffffff" face=arial size="2">
    &
    nbsp;&nbsp;Webmaster Help


    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspSEO Tools</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspDirectory</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspForums</a></td></tr>



    <
    table border="0" width="100%" cellspacing="1" cellpadding="1">
    <
    tr><td width="100%" height="25" background="bar.gif" align=left>
    <
    font color="#ffffff" face=arial size="2">
    &
    nbsp;&nbsp;Freeware


    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspWeb Templates</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspCut and Paste Code</a></td></tr>


    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspWallpaper</a></td></tr>


    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspScreensavers</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspPre-Made Logos</a></td></tr>

    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspStock Photography</a></td></tr>





    <
    table border="0" width="100%" cellspacing="1" cellpadding="1">
    <
    tr><td width="100%" height="25" background="bar.gif" align=left>
    <
    font color="#ffffff" face=arial size="2">
    &
    nbsp;&nbspInfo


    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspDonate</a></td></tr>


    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspAbout</a></td></tr>


    <
    tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbspContact Us</a></td></tr>


    </
    table>

    <
    table border="0" width="150" cellspacing="0" cellpadding="0">
    <
    tr><td bgcolor="#ffffff" width="100%" height="5"></td></tr>
    <
    tr><td width="100%" height="25" background="bar.gif" align=left>
    <
    font color="#ffffff" face=arial size="2">
    &
    nbsp;&nbsp;Sponsored Links

    </td></tr>
    <
    tr><td bgcolor="#8DB6CD">
    <
    center>
    <
    br>
    <
    br><br>
    </
    td></tr>


    </
    td></tr>

    </
    table>


    </
    td></tr>
    </
    table>

    </
    td></tr></table>
    Place your style in an external page link this:

    Code:
    ul
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    a
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    a:hover {background-color:#8DB6CD}
    li {display:inline}
    
    Save the file as style.css and link to it from your mainpage inside your head.
    Like this:
    Code:
    <head>
    	<title>your title</title>
    	<link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    
     
  10. Lpspider

    Lpspider New Member

    Alright, I did as you said. Makes sense. But when I view the mainpage I still don't see the leftmenu, even though I have the leftmenu.php include.
     
  11. Lpspider

    Lpspider New Member

    guess I'm just helpless. :(
     
  12. Lpspider

    Lpspider New Member

    I got it fixed now - my main file wasn't saved as a .php extention - I only had the leftmenu file as leftmenu.php.

    Thanks for your help.

    Now my problem's with the css...When I link to it that won't work, but when I include the css code with the leftmenu code it works, except other things on my page are effected by the css. What can I do about that so the css will only affect the left menu?
     
  13. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    Do you use XHTML or HTML?
    The one I gave you was for XHTML for HTML just remove the last /
    Like this:
    Code:
    <head>
    <title>your title</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    
    And make sure your css file is in the same directory as your php file.

    If you want the style to only be for your menu use classes or ids.
    Like this:
    Code:
    a.navlink{
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    
    To learn more about CSS you can find a lot of good CSS Tutorials websites here
     
  14. Lpspider

    Lpspider New Member

    I'm working on using classes, but can I assign a class for a whole section? Like a class for the left or right menu. Would I use the div command? so here would be part of my external style sheet

    HTML:
    <style type="text/css">
    ul.rightnavlink
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    a.rightnavlink
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    a:hover.rightnavlink {background-color:#000000}
    li {display:inline}
    </style>



    HTML:
    <div class="rightnavlink">
    
    <TD bgcolor="#ffffff" width="150" height="800" valign=top>
    			
    			
    
    	<table width="150" border=0 cellpadding=0 cellspacing=0 bgcolor="8DB6CD">
    <tr><td width="100%" height="25" background="bar.gif" align=right>
    <font size="2" color="#ffffff" face=arial>
    <center>
    Partner Sites
    </td></tr>
    <tr><td width="150" height="5" bgcolor="#8DB6CD">
    </td></tr>
    
    
    <tr><td width="150" height="100" bgcolor="#8DB6CD">
    <center><font size="2" color="#ffffff" face=arial>
    <a href=""><border="0"></a><br>
    <a href="">Your icon here</a>
    </td></tr>
    
    <tr><td width="150" height="100" bgcolor="#8DB6CD">
    <center><font size="2" color="#ffffff" face=arial>
    <a href=""><width="120" height="60" border="0"></a><br><a href="" target="_blank">your icon here</a>
    </td></tr>
    
    <tr><td width="150" height="100" bgcolor="#8DB6CD">
    <center><font size="2" color="#ffffff" face=arial>
    <a href="" target="_blank"><width="120" height="60" border="0"></a><br><a href="" target="_blank">Your icon here</a>
    </td></tr>
    
    <tr><td width="150" height="80" bgcolor="#8DB6CD">
    <center><font size="2" color="#ffffff" face=arial>
    <a href="" target="_blank">
    <width="88" height="31" border="0"></a>
    <br>
    <a href="" target="_blank">Your icon here</a>
    </td></tr>
    
    
    <tr><td width="150" height="80" bgcolor="#8DB6CD">
    <center><font size="2" color="#ffffff" face=arial>
    <a href=""" target="_blank">
    <width="88" height="31" border="0"></a>
    <br>
    <a href=""" target="_blank">Your icon here</a>
    </td></tr>
    
    
    
    
    <tr><td bgcolor="#8DB6CD" width="100%" height="5"></td></tr>
    <tr><td width="150" height="25" background="bar.gif">
    <font size="2" color="#ffffff" face=arial>
    <center>
    WebMaster Resources
    </td></tr>
    <tr><td bgcolor="#8DB6CD">
    <font size="2" color="#ffffff" face=arial>
    <center>
    <br>
    
    <a href="#">Your link here</a>
    <p>
    
    <a href="#">Your link here</a>
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    
    <tr><td bgcolor="#ffffff" width="100%" height="5"></td></tr>
    <tr><td width="150" height="25" background="bar.gif">
    <font size="2" color="#ffffff" face=arial>
    <center>
    Links
    </td></tr>
    <tr><td bgcolor="#8DB6CD">
    <font size="2" color="#ffffff" face=arial>
    <center>
    <br>
    
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    <a href="#">Your link here</a>
    
    <p>
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    
    <a href="#">Your link here</a>
    
    <p>
    <a href="#">Your link here</a>
    
    
    <br><br>
    </td></tr>
    <tr><td bgcolor="#ffffff" width="100%" height="10">
    </td></tr></table>
    
    
    
    </td></tr></table>	
    
    </div>
    Now when I try this on my page I can't get it to affect only that section or to position the section to the right.

    I realize the div command is basic html, but I'm basically a beginner.

    So is there any way I can get the class to work for the entire section, without signing a class for each link?
     
  15. Lpspider

    Lpspider New Member

    Okay, and now when I place this code;

    <html><DIV style="position: absolute; top:180px; left:600px; width:200px; height:25px"></html> (and the ending tag) around the above text shouldn't it go to the right, 160 pixels from the top, etc? It does when I view the file by itself, but when I view my mainpage, the page it's linked to, it doesn't position it correctly.
     
  16. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    You're using your css naming wrong you have to do it like this:
    Code:
    <style type="text/css">
    .rightnavlink ul
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    .rightnavlink a
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    .rightnavlink a:hover {background-color:#000000}
    .rightnavlink li {display:inline}
    </style>
    
    
     
  17. Lpspider

    Lpspider New Member

    Okay, I'm still having problems. Sorry. I linked to an external style sheet, but I can't seem to get the style sheet to effect part of my page. It only effects the (below) .leftnavlink file, how I want it. But it leaves the .rightnavlink file how it appears on the page. I want to possition it more to the right and get the a hover to work, but it won't. :(

    My external CSS file-

    HTML:
    .leftnavlink ul
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    .leftnavlink a
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    .leftnavlink a:hover {background-color:#8DB6CD}
    li {display:inline}
    
    
    
    
    
    
    
    .rightnavlink ul
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    .rightnavlink a
    {
    float:left;
    width:9em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    face:arial;
    }
    
    .rightnavlink a:link 
    {
    color : #ff8c00;
    }
    .rightnavlink a:visited 
    { 
    text-decoration: none; color:#00688B
    }
    
    .rightnavlink a:hover {color:#ff8c00}
    li {display:inline}
    
    .rightnavlink
    {
    position: absolute;
    top: 180px;
    left: 600px
    }
    
    
    
    
    
    Link in the head of the page-

    HTML:
    <link href="style.css" rel="stylesheet" type="text/css">
    
     
  18. Lpspider

    Lpspider New Member

    Scratch that. I've decided to have the style for each menu in the php include for the menu. Seems to work. Thanks for your help so far.

    Just fine-tuning here, but one more thing. Below is the code for my leftside menu I'm working on. It's doing everything I want it too, except the hover doesn't fill the entire section. What's causing this and how can I fix it?

    Sorry to bother you but I truly do appreciate your help.

    Code:
    <style type="text/css">
    
    .leftnavlink ul
    {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    .leftnavlink a
    {
    float:left;
    width:12 em;
    text-decoration:none;
    color:00688B;
    background-color:none
    padding:none;
    font:arial;
    }
    .leftnavlink a:hover 
    {
    background-color:#8DB6CD
    }
    li {display:inline}
    
    .leftnavlink
    {
    position: absolute;
    top: 203px;
    left: 100px;
    }
    
    
    
    
    </style>
    
    			
    <table width="800" class="leftnavlink" border="0" cellpadding="0" cellspacing="0" >
    
    <tr>
    
    <td bgcolor="#ffffff" width="150" height="800" valign="top">
    			
    <table width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000"> 
    
    
    <tr><td> 
    
    
    
    <tr><td width="100%"> 
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1"> 
    <tr><td width="100%" height="25" background="bar.gif" align=left> 
    <font color="#ffffff" face=arial size="2"> 
    &nbsp;&nbsp;Programming Tutorials 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; HTML</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; XHTML</a></td></tr> 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; XML</a></td></tr> 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; CSS</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Javascript</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Java</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; PHP</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; MySQL Database</a></td></tr> 
    
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1"> 
    <tr><td width="100%" height="25" background="bar.gif" align=left> 
    <font color="#ffffff" face=arial size="2"> 
    &nbsp;&nbsp;Graphic Tutorials 
    
    
    
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Logos</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Photoshop </a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Flash</a></td></tr> 
    
    
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1"> 
    <tr><td width="100%" height="25" background="bar.gif" align=left> 
    <font color="#ffffff" face=arial size="2"> 
    &nbsp;&nbsp;Webmaster Help 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; SEO Tools</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Directory</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Forums</a></td></tr> 
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1"> 
    <tr><td width="100%" height="25" background="bar.gif" align=left> 
    <font color="#ffffff" face=arial size="2"> 
    &nbsp;&nbsp;Freeware 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Web Templates</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Cut and Paste Code</a></td></tr> 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Wallpaper</a></td></tr> 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Screensavers</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Pre-Made Logos</a></td></tr> 
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Stock Photography</a></td></tr> 
    
    
    
    
    
    <table border="0" width="100%" cellspacing="1" cellpadding="1"> 
    <tr><td width="100%" height="25" background="bar.gif" align=left> 
    <font color="#ffffff" face=arial size="2"> 
    &nbsp;&nbsp; Info 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Donate</a></td></tr> 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; About</a></td></tr> 
    
    
    <tr><td width="100%" height="20" bgcolor="#cccccc"><A HREF="#" Class="navlink">&nbsp; Contact Us</a></td></tr> 
    
    
    </table> 
    
    <table border="0" width="150" cellspacing="0" cellpadding="0"> 
    <tr><td bgcolor="#ffffff" width="100%" height="5"></td></tr> 
    <tr><td width="100%" height="25" background="bar.gif" align=left> 
    <font color="#ffffff" face=arial size="2"> 
    &nbsp;&nbsp;Sponsored Links 
    
    </td></tr> 
    <tr><td bgcolor="#8DB6CD"> 
    <center> 
    <br> 
    <br><br> 
    </td></tr> 
    
    
    </td></tr> 
    
    </table> 
    
    
    </td></tr> 
    </table> 
    
    </td></tr></table> 
    
    </td>
    
    
     
  19. Mimoun

    Mimoun Administrator Staff Member Director Verified Member

    First of all never use some like this margin:0; change it to margin:0px; because your website will not look good on a mac osx using safari.

    If you want to fill something with a color or image and you want to fill more than the width and the height of the text link make sure you add this:

    Code:
    display:block;
    
    and give it the width and height you want to fill.
     
  20. Lpspider

    Lpspider New Member

    still can't seem to get it. Oh well, not extremely important.