I'm starting to remember how to do the drop downs. I don't know why I did it this way using chrome.js.
On Thu, Apr 1, 2021 at 2:18 PM Rod Castello <rodcastel...@gmail.com> wrote: > 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 > -- 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/
