...

View Full Version : page layout help



wayne3503
08-31-2007, 04:56 PM
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

mlseim
08-31-2007, 08:15 PM
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;
}

wayne3503
08-31-2007, 08:33 PM
Wow awesome...a fellow minnesotan this is a first for me.lol... Im from Blaine
Thanks for the help ill give it a try

wayne3503
08-31-2007, 08:44 PM
well its a start but still not quite. Click the link again you will see the issue I am having now

JimM
08-31-2007, 09:17 PM
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

wayne3503
08-31-2007, 09:35 PM
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?

mlseim
08-31-2007, 09:40 PM
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=free+css+templates&btnG=Google+Search

You can always customize the various parts.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum