Hi
Ive managed to fix i) by placing the GBG newsletter image inside an <h2>
tag but Ive run into another issue.
If you start typing in the mandatory box, a list of golfers names will
appear but this has the side effect of bumping the newsletter form down so
that the top of it is visible between the bottom of the golfers names list
box and the top of the menu. I want the newsletter form to be completely
out of view when the golfers names box appear. I figure the GBG
newsletter form just needs to stay put so that the golfers name box covers
it up.
Ive tried making the ezine_wrap div both fixed and absolutely positioned
but neither work.
Heres the code snippet from inside golf-stats2.php
<div class="left">
<div id="leftcontentwrap">
<div id="vals1" style="
font: bold 0.9em verdana, arial, sans-serif;
background: #eaf3da;
border: #393 1px solid;
width: 155px;
height: 218px;
overflow: auto;
display: none;
z-index: 2;
"></div>
<div id="ezine_wrap">
<h2><img src="../images/gbgnews.gif"
alt="Golf Betting Guide
newsletter" /></h2>
<form name="newsletter" method="post"
action="http://www.golfbettingguide.com/12all/box.php";>
<input name="name" type="text" value="first name"
id="name" class="nametext" onclick="if( this.value ==
'email address' ) this.value = ''; return true;" />
<input name="email" type="text" value="email address"
id="email" class="emailtext" onclick="if( this.value ==
'email address' ) this.value = ''; return true;" />
<div id="radio">
<input name="funcml" type="radio" value="add"
id="sub_radio" checked="checked" />
Subscribe
<input name="funcml" type="radio" value="unsub2"
id="unsub_radio" />
Unsubscribe</div>
<input name="p" type="hidden" id="p" value="2" />
<input type="hidden" name="nlbox[1]" value="1" />
<input name="submit" type="submit" value="Submit"
class="button" />
</form>
<p>Sign up now for our weekly golf tournament picks, best value
bets and lays, and latest free bet offers...direct to your
inbox!</p>
<div id="ezine_links"> <ul>
<li><a href="../content/privacy.html"
onclick="NewWindow(this.href,'popups','320','280','no','center');return
false" onfocus="this.blur();">Privacy</a></li></div>
</div>
<!-- end div ezine_wrap -->
The inline style inside the vals1 div is for the box that appears when you
type a golfers name in the mandatory box.
At the moment #ezine_wrap looks like this in styles123.css (but Ive tried
position: absolute and position: fixed etc)
#ezine_wrap {
background-color: #fff;
width: 152px;
height: 208px;
border-top: 1px #aaa solid;
border-right: 1px #aaa solid;
border-bottom: 1px #aaa solid;
padding: 0px;
margin: 10px 0 0 7px;
z-index: 1;
}
Id really appreciate any ideas/suggestions you gurus out there might have
and also for ii) and iii) below.
Many thanks,
Graham Cox
> Hi all,
> Ive got a few layout problems that Im having trouble fixing and would
> appreciate any help you could provide. The webpage in question is
http://www.golfbettingguide.com/statistics/golf-stats2.php
> and the css
http://www.golfbettingguide.com/styles/styles123.css
> Its a test page for a feature very similar to Google Suggest
> auto-complete which a
> programmer Ive hired has implemented (fyi, It only works in IE, this is
the
> expected behaviour ) for me. See the inline form at the top of the page
> (mandatory,
> optional etc) Im now implementing the code into my page but it seems to
> be causing
> a few layout issues (mostly minor) which Ill list here:-
> i) In IE, the heading for the email sign up box on the left has
> become messed up since the auto-complete code has been implemented.
The GBG newsletter
> image has been pushed to the left and a white space left where it was
previously.
> You can see what it should look like at the homepage
http://www.golfbettingguide.com/index.html
> Im pretty sure this is connected to the auto-complete code as the problem
> doesnt occur in Firefox (where the script doesnt work).
> ii) In Firefox the form displays too high up the page (should be
> in the middle of the bar at the top like in IE). The Home | Contact |
Site Map bar is also
> too high but I guess thats a related issue.
> iii) In IE, the gap between the Events or Year label and its
> drop down box is a
> few pixels wider than the gap between the other labels and their
> accompanying boxes.
> Thats it, there are a few other cosmetic things wrong (the menu in FF for
> example) but I know how to fix them.
> Any suggestions would be much appreciated.
> Best Regards,
> Graham Cox
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
