Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jul 2007
    Posts
    108
    Thanks
    0
    Thanked 2 Times in 2 Posts

    page layout help

    Ok im having some issues with getting my layout done just the way i want it. Here is the link to the page http://www.millermachinecompany.com/hotspot/form.php
    I dont know what I am doing wrong.If it helps any I want the blue text menu to be directly to the left of the image stuff and the top of the menu to be level with the top of the image "fieldset".

    Thanks a lot for the help

  • #2
    Master Coder mlseim's Avatar
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,387
    Thanks
    8
    Thanked 1,077 Times in 1,068 Posts
    Wayne ...

    I'm in Cottage Grove (twin cities) ...

    Take this part:

    <br style="clear: left" />
    <b><a href="index.php" class="navlink">Home</a><br />
    <a href="../index.php" class="navlink">Main Site</a><br />
    <a href="register.php" class="navlink">Register</a><br />

    <a href="login.php" class="navlink">Login</a><br />
    <a href="forgot_password.php" class="navlink">Forgot Password</a><br /></b> <b><a href="#" class="navlink"></a><br />
    <a href="#" class="navlink"></a><br /></b>



    And replace with this:

    <div style="float:left;">
    <b><a href="index.php" class="navlink">Home</a><br />
    <a href="../index.php" class="navlink">Main Site</a><br />
    <a href="register.php" class="navlink">Register</a><br />
    <a href="login.php" class="navlink">Login</a><br />
    <a href="forgot_password.php" class="navlink">Forgot Password</a><br /></b> <b><a href="#" class="navlink"></a><br />
    <a href="#" class="navlink"></a><br /></b>
    </div>



    See what's happening there? You want your nav menu to be a <div>
    all by itself and to float left of the next div (which is your photos).

    Also, you can eliminate the blue borders around the photos by using this your style sheet:

    img, img a {
    border: none;
    }

  • #3
    Regular Coder
    Join Date
    Jul 2007
    Posts
    108
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Wow awesome...a fellow minnesotan this is a first for me.lol... Im from Blaine
    Thanks for the help ill give it a try

  • #4
    Regular Coder
    Join Date
    Jul 2007
    Posts
    108
    Thanks
    0
    Thanked 2 Times in 2 Posts
    well its a start but still not quite. Click the link again you will see the issue I am having now

  • #5
    New Coder
    Join Date
    Jun 2007
    Posts
    28
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by wayne3503 View Post
    Wow awesome...a fellow minnesotan this is a first for me.lol... Im from Blaine
    Thanks for the help ill give it a try
    wow just south of you guys, Faribault MN

  • #6
    Regular Coder
    Join Date
    Jul 2007
    Posts
    108
    Thanks
    0
    Thanked 2 Times in 2 Posts
    OMG minnesotans unite and flood the forum...lol...i was just down in winona during that flood. HOLY crap, talk about alot of water. I got some awesome pics out of the deal though.
    So any other help on this one?

  • #7
    Master Coder mlseim's Avatar
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,387
    Thanks
    8
    Thanked 1,077 Times in 1,068 Posts
    You have tons of height and width issues to deal with ... too many to mention.

    For example:

    .hovermenu {
    height:32px;
    margin:0;
    padding:0;
    float:left;
    font:bold 10px arial,sans-serif;
    width:100%;
    border:1px solid #625e00;
    border-width:1px 0;
    background:#000 url(../blockdefault.gif) center center repeat-x;
    }

    I would have to guess that your menu is taller than 32 pixels.

    Here's my best advice for you ...

    Look for a free CSS template that looks similar to your layout.
    http://www.oswd.org/

    or ...
    http://www.google.com/search?hl=en&q...=Google+Search

    You can always customize the various parts.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •