specifying page size for html pages

Discussion in 'HTML & Website Design' started by patwa, Feb 15, 2007.

  1. #1
    Hello.

    I'm having a bit of a mental block, I'm sure there's an easy way to do this but it's not coming to me.

    I want to use PHP includes to add in copyright info and a navigation bar. The Navigation bar is just a list of links in an HTML file. The thing is, is there a way I can specify, in the html page of the navigation bar (separate file), which will be used in the include, that the page should only take up 25% of the visible screen space (i.e 25% of the final page? in which it will be included?).

    I know i could do this by including the page, then encapsulating the page into a table and specifying the width as 25%. But, I'd rather not go down the table route, as it tends to make the page more annoying for screen readers as they particularly distinguish the table elements.

    If anyone can help I'd be grateful.

    Hope this makes sense.

    Thanks.

    Hussein.
     
    patwa, Feb 15, 2007 IP
  2. unitedrokz

    unitedrokz Peon

    Messages:
    86
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    maybe put the include command inside a div element which has the 25% size set?
     
    unitedrokz, Feb 15, 2007 IP
  3. patwa

    patwa Peon

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi.

    Can that be done?

    
    <div align="left" width="25%">
    
    Code (markup):
    Like that?

    Hussein.
     
    patwa, Feb 15, 2007 IP
  4. patwa

    patwa Peon

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hello.

    Well I got this far - take a look at www.patwanet.co.uk

    I have this:
    
    <html>
    <head>
    <title>Site Under Development</title>
    </head.
    
    <body>
    <div align="left">
    <table width="25%" border="0" cellpadding="2">
    <tr>
    <td><!--#include virtual="/links.html" --> </td>
    </tr>
    </table>
    </div>
    
    <div align="center">
    <h1><u>Hello!</u></h1>
    
    Some text.
    
    </div>
    </body>
    </html>
    
    Code (markup):
    But I can't work out how to have the text on the side of the table, not beneath it.

    Any help here please?

    Thanks and sorry for my persistance.

    Hussein.
     
    patwa, Feb 15, 2007 IP