tag:blogger.com,1999:blog-4160081393971349871.post6574497132605035937..comments2018-11-14T09:30:24.244+01:00Comments on ThinkHTML: Float-drop CSS-only multilevel dropdown menuTimo Huovinenhttp://www.blogger.com/profile/03601349277118301163noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-4160081393971349871.post-14138024209144086402011-01-21T18:24:26.356+01:002011-01-21T18:24:26.356+01:00@rickatucdavis as far as I know, it's already ...@rickatucdavis as far as I know, it's already in em'sTimo Huovinenhttps://www.blogger.com/profile/03601349277118301163noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-2646352063803082782011-01-21T18:09:24.020+01:002011-01-21T18:09:24.020+01:00Any way to use a variable unit (like em) instead o...Any way to use a variable unit (like em) instead of px for some of the sizing. I note that doing a text-only zoom will cause menu items to start to overlap.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-1668010967784144192010-11-21T18:54:36.386+01:002010-11-21T18:54:36.386+01:00this really works, i used for my website.
thanks f...this really works, i used for my website.<br />thanks for the tips ;)Unknownhttps://www.blogger.com/profile/08885513143034374285noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-82412808606125722922009-10-23T10:19:10.951+02:002009-10-23T10:19:10.951+02:00updated "easier to customize" version to...updated "easier to customize" version to add the a.main:hover state<br />so that you can add a color to the hover state of the main link<br /><br />for further technical questions email me at timoh89 at gmail point comTimo Huovinenhttps://www.blogger.com/profile/03601349277118301163noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-14453880432780550722009-10-23T03:48:43.515+02:002009-10-23T03:48:43.515+02:00Awesome stuff! Thanks so much for the help on alte...Awesome stuff! Thanks so much for the help on altering your version a bit -- and am glad to see the fix was already available.mistyfootprintshttps://www.blogger.com/profile/03736154900209992912noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-4974515144094032122009-10-23T00:09:33.236+02:002009-10-23T00:09:33.236+02:00to make the top link behave as you describe add th...to make the top link behave as you describe add this to the css<br /><br />.sub {<br /> border-top:solid red 25px;<br /> margin-top:-25px;<br />}<br />a.main {<br /> background:transparent;<br />}<br /><br />its a little border/background fakery :)<br /><br />if you want the navigation to stick to the top, then you need to remove the margins and paddings from the css body element<br /><br />i suggest using a css reset [google it] or just this css<br />* {<br />margin:0; padding:0;<br />}<br /><br />i also found a different version of anton p's version, that i will post shortly, where he claims the bug is not present, the fixed version is a direct simplification of my version, while the broken version is a version of another persons version of my version. hope that makes it clearer :PTimo Huovinenhttps://www.blogger.com/profile/03601349277118301163noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-38249458221337833362009-10-22T22:46:57.194+02:002009-10-22T22:46:57.194+02:00Timo,
Thanks for posting the bug, and I'm gla...Timo,<br /><br />Thanks for posting the bug, and I'm glad a fix might be coming soon.<br /><br />I really like your more "easily customizable" version, it's much more neatly organized.<br /><br />I have two questions about it, however -- and I apologize in advance if the questions are elementary in nature.<br /><br />First, I would like the "Main" link at the top to be a certain color in the hover state (say blue, for instance), and for it to stay that color when I scroll down through the submenu's (which should stay a different color from the "Main" link at the top). I should add that I'd like the Main link to have a clear background when it's not being used. I was able to acheive this in Anton's version, but I'm having trouble duplicating this effect in yours. Do you have any advice on how to make this possible?<br /><br />Also, the second question may be a bit more obvious to some -- but I'd like to know how to make the #navigation div flush with the top of the screen, without any space in between.<br /><br />Hope this isn't too many questions. Thanks again for all your wonderful help.mistyfootprintshttps://www.blogger.com/profile/03736154900209992912noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-37477942240293439112009-10-22T14:03:20.738+02:002009-10-22T14:03:20.738+02:00paintedswan has discovered a bug in Anton P's ...paintedswan has discovered a bug in Anton P's version in IE5-7.<br /><br />i have fixed the bug in IE5-6 by adding some conditional comments to his version, i have also emailed him about the issue and will post his "fixed" version as soon as i have it.<br /><br />in the meanwhile i suggest you use my version, or my "easier to customize" version i just added :)Timo Huovinenhttps://www.blogger.com/profile/03601349277118301163noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-92233034986132457592009-10-22T04:18:36.733+02:002009-10-22T04:18:36.733+02:00I got it to work, thank you so much for your quick...I got it to work, thank you so much for your quick and helpful reply. :)mistyfootprintshttps://www.blogger.com/profile/03736154900209992912noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-58275777730108940022009-10-18T11:21:07.445+02:002009-10-18T11:21:07.445+02:00if each link contains only 1 row of text then you ...if each link contains only 1 row of text then you could get away with line-height, as in you set the link to have a height:24px; and line-height:24px;<br /><br />modern browser also support <br />display:table-cell;<br />vertical-align:middle;<br /><br />i also suggest using padding-top + padding-bottom to center text, this way even if it does grow too bit it will remain centered<br /><br />you can use any known methods of vertical centering on block elements.<br /><br />useful links:<br /><a href="http://www.w3.org/Style/Examples/007/center" rel="nofollow">http://www.w3.org/Style/Examples/007/center</a><br /><a href="http://www.student.oulu.fi/~laurirai/www/css/middle/" rel="nofollow">http://www.student.oulu.fi/~laurirai/www/css/middle/</a>Timo Huovinenhttps://www.blogger.com/profile/03601349277118301163noreply@blogger.comtag:blogger.com,1999:blog-4160081393971349871.post-33409230352965902532009-10-18T06:27:13.233+02:002009-10-18T06:27:13.233+02:00This is really brilliant work! Thank you so much f...This is really brilliant work! Thank you so much for sharing this to the world.<br /><br />I'm curious -- is there any way to have the text in the vertical center of the color blocks? I noticed they tend to display toward the top.<br /><br />Thanks again for all your hard work.mistyfootprintshttps://www.blogger.com/profile/03736154900209992912noreply@blogger.com