Выпадающее меню кодами цсс

суббота, 24 мая 2014

03:47

все записи пользователя в сообществе Kieran

Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|

Дорогие и любимые.
Спасите, пожалуйста, идиота, мой мозг уже сдох.

решеноМне нужно получить горизонтальное выпадающее меню цссныцми методами, а не встроенной настройкой.
Если что - да, встроенная не подходит. Совсем не подходит.

Беру для этого готовый дизайн от Тех. Но не понимаю, каким кодом в нем прописывается выпадение элементов в строчку, а не списком. Убрать этот кусок кода - и вуаля, я получу то, что нужно.

Самое обидное, что я это уже делал лет 6 тому назад. Сейчас пытаюсь повторить и НЕ ПОМНЮ.

Великий код от великого Тех.

 * html body{behavior:url("/files/csshover.htc";);}
 * html #wrapper{overflow:visible;}
 body {padding:10px !important; font-family: "Trebuchet MS",Arial,sans-serif!important; font-size:75%!important; color:#333!important; background:#ccc;}
 .postDate, .postTitle {color:#349dcb; font-size:140%!important; font-weight:700!important;}
 A {color:#006DBA!important;}
 #wrapper{ background:#fff; padding:0 !important; width:980px; min-width:980px!important; margin:0 auto !important;overflow:hidden !important;}
 #side {margin:0 !important; padding:0 !important;}
 #side .bordered {width:980px;background:#002e4b; height:91px; margin: 0 !important; padding: 0!important; position:absolute; top:10px;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #side A, #side {color:#fff!important;}
 #extratop {height:130px;}
 #page-c {height:auto; margin:0!important}
 #page-t {margin:0!important}
 .singlePost {height: auto !important; height: 1em; border: 0 !important;}
 #thisDiaryLinks, #globalLinks, #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1 {clear:none; float:left; display:block; width:135px; height:26px; margin:0!important; }
 #thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:960px; padding:10px 10px; position:absolute;left:0; top:90px;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #lastComments ul li {float:left; width:450px!important; margin-right:20px; height:40px; border-bottom: 1px dashed #ddd;}
 #thisDiaryLinks ul {background:#FFAA00;}
 #thisDiaryLinks {background: # #FFAA00 no-repeat;}
 #globalLinks ul {background:#0198AC;}
 #globalLinks {background: # #0198AC no-repeat;}
 #thisDiaryOwner ul {background:#89D51C}
 #thisDiaryOwner {background: # #89D51C no-repeat;}
 #myDiaryLinks ul {background:#e33827;}
 #myDiaryLinks {background: # #e33827 no-repeat;}
 #lastComments ul {background:#AE015C;}
 #lastComments {background: # #AE015C no-repeat;}
 #pchs ul {background:#005286;}
 #pchs {background: # #005286 no-repeat;}
 #thisDiaryPhoto, #paySupportLink, #diarySupportLink, #diarySpiritLink, #myLinksLink, #upInChart, #myProfileLink, #NContent, #login_form, #mainpageLink, #pchs_title, #lastComments_title {display:none !important;}
 #extrabottom {height:5px;width:100%; background:#002e4b; clear:both;}
 #thisDiaryInfo, H1 {font-size:220%!important;margin:0!important; height:45px!important;}
 #thisDiaryInfo { width:350px;text-align:right; padding: 10px 10px 0 0!important; }
 H1 { width:610px;text-align:left!important; padding:10px 0 0 10px!important;}
 .search {width:160px !important;}
 .sign {font-size:80%; color:#666;}
 .header {color:#e33827!important;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:-55px;}
 #TagsList LI {border-bottom: 1px dashed #ddd; display:block; height:20px; float:left; width:140px!important; margin-right:10px!important;}
 #TagsList LI A {padding:0 !important; }
 .postLinksBackg {display:block !important; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 10px !important; padding:10px 0 !important;}
 .comments {background: # no-repeat; padding:0 0 0 20px!important;}
 .subscribe {background: # no-repeat; padding:0 0 0 20px!important;}
 .addToQuote {background: # no-repeat; padding:0 0 0 20px!important;}
 .umail, .email {background: # no-repeat; padding:0 0 0 20px!important;}
 .diary {background: # no-repeat; padding:0 0 0 20px!important;}
 .profile {background: # no-repeat; padding:0 0 0 20px!important;}
 .bordered, .menuSection {border: none !important;}
 .text, textarea, #mce_editor_0, #mceSpanFonts {font-family: "Trebuchet MS",Arial,sans-serif!important;border:#ccc 1px solid!important;color:#000!important}
 #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;}
 #JournalComments .singlePost div.paragraph {margin:0!important;}
 #codebuttons a {float:left;}
 #codebuttons {clear:both;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}