I need help for my header and nav width

Discussion in 'HTML & Website Design' started by Binahmed, Jul 26, 2013.

  1. #1
    Hello ,

    hey this is my website www.leeplaza57.com slash magento

    i want to make the header width and menu navigation width increase similar to this sample
    [​IMG]

    can anyone help me in this ,thanks

    you can PM me also.
     
    Binahmed, Jul 26, 2013 IP
  2. o_iSniPe_xX

    o_iSniPe_xX Well-Known Member

    Messages:
    482
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    155
    Digital Goods:
    1
    #2
    Well I can help you, however your site doesn't work. PM me.
     
    o_iSniPe_xX, Jul 26, 2013 IP
  3. tvre1ease

    tvre1ease Greenhorn

    Messages:
    70
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    10
    #3
    Mage.php is broken
     
    tvre1ease, Jul 26, 2013 IP
  4. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #4
    Its simple, just give more padding to <li>
     
    creativewebmaster, Jul 26, 2013 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    Generic: Instead of thinking of the head and foot being wider, make the content narrower. For example:
    <!DOCTYPE html>
    
    <html>
    <head>
      <meta content="text/html; charset=utf-8"
            http-equiv="Content-Type">
    
      <title>test document</title>
      <base href="#">
      <style type="text/css">
    /*<![CDATA[*/
    
      body {
        background-color: white;
        color: black;
        font: 100%/1.5 sans-serif;
        }
    
      p {
        font-size: 1em;
        }
    
      div {
        border: 1px solid black;
        }
    
      #wrapper {
        margin: 0 auto;
        /*make the wrapper your desired width if not full*/
        }
    
      #content {
        margin: 0 auto;
        width: 75%;
        }
    
      /*]]>*/
      </style>
    </head>
    
    <body>
      <div id="wrapper">
        <div id="header">
          <p>Put all your header stuff here.</p>
        </div>
    
        <div id="content">
          <p>Put all the content stuff here.</p>
        </div>
    
        <div id="footer">
          <p>and all the footer stuff goes here.</p>
        </div>
      </div>
    </body>
    </html>
    Code (markup):
    cheers,

    gary
     
    kk5st, Jul 26, 2013 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    Response to private message: It is antithetical to the purpose of a community forum such as this to seek or provide help off thread. Please post to the thread whatever problems you're having with my answer, and perhaps I or another member can provide guidance.

    As yet, you haven't responded to the issue of your site being unavailable. Without knowing your specific code, no one can provide specific answers.

    //edit: I see that your page is now visible. Please refer to my first paragraph, and be specific as to your issues with my code.

    cheers,

    gary
     
    kk5st, Jul 27, 2013 IP