Thanks for the reply Tom. I don't code that ofter anymore so I'm not sure what you mean? Here's the code I used for the main nav.
<div id="navContainer"> <div class="chromestyle" id="chromemenu"> <ul> <li><a href="/index.php">Home</a></li> <li><a href="#" rel="dropmenu1">Character Design</a></li> <li><a href="/car_celeb4.php">People</a></li> <li><a href="#" rel="dropmenu3">Backgrounds & More</a></li> <li><a href="/logo3.php">Logos</a></li> <li><a href="#" rel="dropmenu4">Sculpts & Posters</a></li> <li><a href="#" rel="dropmenu5">Disney, WB & CN</a></li> <!-- <li><a href="/links.php">Links</a></li> --> <!-- <li class="last"><a href="/resume.php" class="last">Resume</a></li> --><!--removed 03162021--> </ul> </div> <div id="email"> <h2><a href="mailto:cartoonmast...@sbcglobal.net";> cartoonmast...@sbcglobal.net</a></h2> </div> <div id="dropmenu1" class="dropmenudiv"> <a href="/char_bw30.php">Black & White</a> <a href="/char_color57.php">Color</a> <a href="/plush_toys1.php">Plush Toys</a> </div> <!--2nd drop down menu --> <!--<div id="dropmenu2" class="dropmenudiv" style="width: 100px;"> <a href="/car_celeb1.php">Caricatures</a> <a href="/portrait1.php">Portraits</a> </div> --> <!--3rd drop down menu --> <div id="dropmenu3" class="dropmenudiv" style="width: 150px;"> <a href="/bk1.php">Backgrounds</a> <a href="/vw1.php">Vehicles & Weapons</a> </div> <!--4th drop down menu --> <div id="dropmenu4" class="dropmenudiv"> <a href="/sculpt1.php">Sculpts</a> <a href="/poster4.php">Posters</a> </div> <!--5th drop down menu --> <div id="dropmenu5" class="dropmenudiv"> <a href="/disney1.php">Disney</a> <a href="/3d_1.php">Disney 3D</a> <a href="/wb1.php">WB & More</a> <a href="/genc1.php">CN</a> </div> <script type="text/javascript"> cssdropdown.startchrome("chromemenu") </script> </div> On Thu, Apr 1, 2021 at 11:34 AM Tom Livingston <tom...@gmail.com> wrote: > On Thu, Apr 1, 2021 at 1:59 PM Rod Castello <rodcastel...@gmail.com> > wrote: > > > > Hi Everyone, > > It's been a long time so I hope I'm posting this correctly. > > On this really old hand-coded website the drop-down menus shift to the > > right further and further as the screen size increases. When it's smaller > > it looks okay. Should be under the nav title and stay that way. > > http://pedroastudillo.com/char_color57.php > > If you need my code for the various elements I can attach those. Or if > > screenshots of the problem would help I can send those as well. > > Anyway, would appreciate it if anyone had the time to give it a look. > > > > thanks > > > > The dropdown, #dropmenu1 for example, is position:absolute relative to > the closest parent that is position:relative, which in this case is > #wrapper. > > I'd have #dropdown1 inside the main nav <li> of 'Character Design' and > position it relative to that. Repeat. > > > > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > ______________________________________________________________________ > css-discuss [css-d@css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Rod Castello DIGITAL DESIGN AND DEVELOPMENT 818.437.7880 rodcastel...@gmail.com www.smashcube.com ______________________________________________________________________ css-discuss [css-d@css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
