+ Reply to Thread
Results 1 to 8 of 8

Thread: how to put links on right and left side of page

  1. #1
    sanso_9970 is offline x10Hosting Member sanso_9970 is an unknown quantity at this point
    Join Date
    Jul 2011
    Posts
    13

    how to put links on right and left side of page

    i just install a php web directory and i like to put some links to left and right of page but i dont now how? i do not know much about php?
    thanks
    http://nespressocoffee.net/

  2. #2
    gdebojyoti.mail96 is offline x10Hosting Member gdebojyoti.mail96 is an unknown quantity at this point
    Join Date
    Mar 2011
    Posts
    57

    Re: how to put links on right and left side of page

    Using CSS, create 2 columns in the left and right sections of your page (also known as left and right 'sidebars'). Put your links in those sidebars.

    Hope that helps.

  3. #3
    mbengi.bongi83 is offline x10Hosting Member mbengi.bongi83 is an unknown quantity at this point
    Join Date
    Aug 2011
    Posts
    8

    Lightbulb Re: how to put links on right and left side of page

    My approach would be as gdebojyoti.mail96 says, but I would put them in a "wrapper":

    CSS:

    Code:
    #wrapper {width: 100%; margin: auto;}
    #left { width: 50%; float: left;}
    #right { width: 50%; float: right}
    HTML:

    Code:
    <div id="wrapper">
    <div id="left">
    left links go here
    </div>
    <div id="right">
    right links go here>
    </div>
    </div>
    Obviously you can add formatting with other CSS tags etc

    Hope that helps.

  4. #4
    misson is offline x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: how to put links on right and left side of page

    Run a web search for "three column layout". The article "In Search of the Holy Grail" on A List Apart has one implementation.
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.

  5. #5
    mpldev is offline x10Hosting Member mpldev is an unknown quantity at this point
    Join Date
    Sep 2010
    Posts
    4

    Re: how to put links on right and left side of page

    Hi.

    I usually create a table with three columns in one row :
    <table width="100%">
    <tr>
    <td width="20%">Left Side</td>
    <td>Middle</td>
    <td width="20%">Right Side</td>
    </tr>
    </table>

    This code don't need css or php, just html.

    I hope this could help you.

    Bye.

    Greg.

  6. #6
    misson is offline x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: how to put links on right and left side of page

    1999 called, it wants... you know the rest. Don't use tables for layout.

    Please use [php], [html] or [code] tags (as appropriate) to separate and format code.
    Last edited by misson; 09-01-2011 at 07:23 AM.
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.

  7. #7
    radiogrooves81 is offline x10Hosting Member radiogrooves81 is an unknown quantity at this point
    Join Date
    Aug 2011
    Posts
    42

    Re: how to put links on right and left side of page

    Left:

    Code:
    <!-- Header left begin-->
       <div style = "text-align:left; float:left">
          <b>Links:</b>
       </div>
    <!-- Header left end-->
     
    <!-- Links left begin-->
       <div style = "clear: left; float: left; text-align: left;">
          <br />
          <a href = "http://www.yourdomain.com">C++ Topics</a>
          <br />
          <a href = "http://www.yourdomain.com">JAVA Topics</a>
          <br />
          <a href = "http://www.yourdomain.com">BINARY Topics</a>
       </div>
    <!-- Links left end-->
    Right:

    Code:
    <!-- Header right begin-->
       <div style = "text-align:right; float:right">
          <b>Links:</b>
       </div>
    <!-- Header right end-->
     
    <!-- Links Right begin-->
       <div style = "clear: right; float: right; text-align: right;">
          <br />
          <a href = "http://www.yourdomain.com">C++ Topics</a>
          <br />
          <a href = "http://www.yourdomain.com">JAVA Topics</a>
          <br />
          <a href = "http://www.yourdomain.com">BINARY Topics</a>
       </div>
    <!-- Links right end-->
    Last edited by radiogrooves81; 09-01-2011 at 09:12 AM.

  8. #8
    bsha100 is offline x10Hosting Member bsha100 is an unknown quantity at this point
    Join Date
    May 2009
    Posts
    3

    Re: how to put links on right and left side of page

    You can also echo html in PHP, or add PHP to HTML.

    to echo html just add
    Code:
    echo '<p>HTML within PHP</p>
    or to add php within html add:
    Code:
    <p><?php echo 'php within html';?></p>
    Just make sure that any page that contains html is saved as a .php file.

+ Reply to Thread

Similar Threads

  1. My forum was lost and all I am left with is a single page
    By deandonnerly42 in forum Free Hosting
    Replies: 0
    Last Post: 05-26-2011, 07:51 AM
  2. my web page news links have dissapeared?
    By phoenix2010 in forum Free Hosting
    Replies: 5
    Last Post: 08-29-2010, 06:16 AM
  3. Replies: 2
    Last Post: 07-08-2010, 11:38 AM
  4. Replies: 3
    Last Post: 02-02-2008, 03:08 PM
  5. my page links
    By welard in forum Computers & Technology
    Replies: 2
    Last Post: 11-10-2007, 03:29 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers