Jump to content

FateAce

Members
 View Profile  See their activity

  • Posts

    8

  • Joined

  • Last visited

 Content Type 

Posts posted by FateAce

    Help with nav bar

    in CSS

    Posted

    Your nav is floated, the header can't detect the nav area, so its height adjusts to element it can detect, the h1 tag.Usually using overflow: hidden; on the container i.e the <header> will fix this, and the other benefit of using this is it get rid of collapsing margin problem that is causing the space above header.

    This has fixed the problem. Thanks.

    Help with nav bar

    in CSS

    Posted

    I used to know how to do this, but I'm having problems getting the nav bar for a website I'm making working. I can't get the nav bar to sit inside the header, even though it is inside the header tag. Example:

     

     

    4ga9vjn.png

     

     

    I'm also having trouble with that white space at the top, but the big problem right now is the nav bar.

     

    Here is my HTML and CSS code for the above:

     

    <header id="headercon">        <h1>Test Site</h1>        <nav>            <ul>                <li>Home</li>                <li>About</li>                <li>Media</li>                <li>Blog</li>            </ul>        </nav>    </header>

     

    header {    background-color: #3d3d3d;    height: auto;}#headercon nav {    float: right;    display: block;    position: relative;}#headercon ul {    list-style-type: none;    line-height: normal;    height: auto;    margin: 0px;    padding: 0px;    overflow: hidden;}#headercon li {    display: inline;}#headercon a {    display: block;    padding: 0px 20px;    margin: 0.6em 0.2em 0.6em 0.2em;text-align: center;    text-decoration: none;font-weight: bold;    font-size: 16px;line-height: 50px;    color: #2f2f2f;}

     

    Advice for design

    in HTML/XHTML

    Posted

    I'm actually going through a complete redesign of my website, so there isn't a version I can send you. I can give you a screenshot of the beta version.

     

    A5rwlPz.png

     

    This is my beta website, viewed at 1600px in width. It's still going through changes, but the layout is pretty much the way I want it. It's currently set up to use percentages in the width property.

    Advice for design

    in HTML/XHTML

    Posted

    I'm not sure if this is the best place to ask (forgive me if it nots), but a recent design issue with my website has made me think about the overall design of the site, and i thought I would ask you guys which you think is best. I'll get straight to the point:

     

    Is it better to have the webpage adjust it's size based on the size of the browser, or just an absolute size that never changes?

    Help with header

    in CSS

    Posted

     

    The <html> and <body> elements usually have some margin or padding on them by default.

     

    I usually put the following code in my stylesheets along with some other things:

    html, body {    margin: 0;    padding: 0;}

    That has fixed ALL my problems, thank you so much!

    Help with header

    in CSS

    Posted · Edited by FateAce

    Hey guys, this is probably a newbie topic, but I can't seem to get the header to work for a website I'm making. I want to have it the where the div tag (or any other tag if it's better suited) be flush with the sides of the screen, much like it is on this site, and many others, such as the face punch forums. I have have tinkered, fiddled, and even copied directly from templates, in an attempt to make it do this. Butt every time, theres ALWAYS a 10px gap to the left side of the box. I have done and researched all I can, and I still cannot figure out why this is happening. What do I have to do to make it work?

     

    Also, sorry if I sound annoyed. I have been fighting this for almost 2 full days now with no results.

×
×
  • Create New...