Sent by Colin Busby on 5 April 2005 22:10
Hey Don,
As an answer to part 4 of your question, I see two fairly simple fixes.
1) Your header div (#header) currently has a width of 750 pixels. If
you decrease that size to 720 pixels, the links will be almost touching
the image. Adjust the width from 720 pixels to 750 pixels to get the
desired amount of space.
*Expanation: Since you are floating the the masthead nav div
(#mastheadNav) to the right, it will automatically align itself with
the right edge of it's containing div. Therefore, the narrower the
containing div, the close the masthead nav div gets to the image.
2) Since the div is floating right, you could give it the appropriate
margin-right to align it closer to the image. Giving it a margin-right
of 30 pixels should have approximately the same effect as making the
header div 30 pixels narrower.
Since IE tends to have some issues with left/right margins on floating
elements, I would stick to the first fix.
Your new CSS for the header div would simply be:
#header {
padding: 0;
background: #FFFFFF;
width: 720px;
}
Hope this helps,
Colin
---
Colin Busby
Sackville, NB Canada
http://www.colinbusby.ca
On 5-Apr-05, at 4:53 PM, Don Hinshaw wrote:
> I am back to the well again to try to resolve a couple of niggling
> problems.
> I managed to achieve a fair bit of stability in this layout:
> http://64.132.144.101/~somedom/senior-navigator/round2/
> index_v6.5b.html
>
> Then the requests for changes came in and I needed to add a sponsor's
> name under the 'Health' link.
> Here is the resulting page:
> http://64.132.144.101/~somedom/senior-navigator/round2/
> index_v6.5a_stable.html
>
> It looks much like I would expect in IE6 (see screenshot:
> http://64.132.144.101/~somedom/senior-navigator/round2/2604422.jpg ),
> but in most other browsers there are problems.
>
> Here are my questions:
> 1/ In FF/PC and all the Mac browsers I have tested the blue background
> is not as tall on the rest of the menu as it is on the Health
> link...it looks goofy and I'd like to change it.
> 2/ In IE6 the hover on the rest of the menu items is no longer the
> full height of the blue menu bar...can they be?
> 3/ When I shrink my browser window, at some point the menu items wrap.
> I'd like to prevent that
> 4/ To the right of the masthead photos are three link (home, about us,
> etc.). How can I get them to sit closer to the photo on their left?
>
> Thanks so much for any thoughts on these questions.
>
> Don
>
> --
> Don Hinshaw
> Hinshaw Design Group
> http://www.hinshawdesign.com
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> 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/
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
