Jump to content

energ

Newbie
  • Posts

    2
  • Joined

  • Last visited

Everything posted by energ

  1. Там аж две ошибки в слове фотогалерея. Одна наверху, одна внизу.. Ещё правильно - Абитуриентам! (вверху и внизу) ну извини мне торопили тогда, я еще готовую площадью не сделал а мне уже заявлют что им срочно нужно разместить кучу материалов для комисии, а еще проблема то с ротгиванием была в общем так вот.... Это основной /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; color:#fff; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { color:#c8d1e2; font-weight:bold; text-decoration: none; padding:0 0px 0 0px; padding-top:10px; } p, span { padding:0px 10px 0px 10px; } /* body */ .font{ background-color:#3d4d5a; margin:0 auto; width:1004px; height:840px; } #heder{ width:1004px; height:148px; margin:0 auto; background-image:url(../images/heder.jpg); } #hii{ margin:0 auto; color:#fff; margin-left:200px; margin-top:-30px; } #menu{ margin-top:10px; margin-left:204px; width:800px; height:38px; background-image:url(../images/aenu_grad.jpg); color:#FFF; } #glavmenutext{ margin-left:10px; padding-top:10px; } .body{ margin-left:204px; background-image:url(../images/gradient.jpg); width:760px; height:538px; } #rightblock{ width:42px; height:538px; background-image:url(../images/rightblock_1.jpg); margin:0 auto; margin-right:0px; margin-top:-538px; } .bottommenu{ width:751px; height:35px; background-image:url(../images/menu_bottom_grad.jpg); margin-left:219px; color:#FFF; margin-top:0px; color:red; font-weight:blod; padding:0 0px 0 0px; } #bottommenutext{ margin-left:2px; padding-top:10px; } #menu_left_block{ margin-top:-35px; width:15px; height:35px; background-image:url(../images/menu_left_block.jpg); margin-left:205px; } #menu_right_block{ margin:0 auto; margin-right:0px; margin-top:-35px; width:49px; height:35px; background-image:url(../images/menu_right_block.jpg); } #futer{ margin-top:10px; margin-left:532px; margin-right:472px; color:#f8f8f8; } #leftmenu{ margin-top:20px; margin-left:20px; width:200px height:248px;; color:#f6f6f6; text-transform: uppercase; padding:0 10px; } #leftmenutext li{ text-decoration:underline; padding-bottom:5px; } #leftmenutext ul li a:hover{ color:#00000; } #bottommenutext ul li a:hover{ color:#00000; } Вот дополнительный код ксс выподающего меню: #hxdmoomenu ul{ margin: 0; padding: 0; background-image:url(aenu_grad.jpg); } #hxdmoomenu ul li a { color:green; } #hxdmoomenu ul li a:hover { color:red; } #hxdmoomenu ul li.active a { color:#000000; } #hxdmoomenu ul li:hover{ background:#CCCCCC; } .menuhxdmenu,.menuhxdmenu *{margin:0;padding:0;} div#hxdmoomenu{ z-index:100;} #hxdmoomenu li li{margin:0;} .menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101} .menuhxdmenu ul{background:#fff; padding:0;} .menuhxdmenu li{float:left;list-style:none;position:relative;} div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;} .menuhxdmenu li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;} .menuhxdmenu li:hover ul, .menuhxdmenu li.sfHover ul{left:0px;top:25px;} .menuhxdmenu li:hover li ul, .menuhxdmenu li.sfHover li ul, .menuhxdmenu li li:hover li ul, .menuhxdmenu li li.sfHover li ul, .menuhxdmenu li li li:hover li ul, .menuhxdmenu li li li.sfHover li ul{top:-999em;} .menuhxdmenu li li:hover ul, .menuhxdmenu li li.sfHover ul, .menuhxdmenu li li li:hover ul, .menuhxdmenu li li li.sfHover ul, .menuhxdmenu li li li li:hover ul, .menuhxdmenu li li li li.sfHover ul{left:170px;top:0px;} .menuhxdmenu li li{position:relative;float:none;width:100%;} /*** EDIT THESE CSS CODES WITH CARE: ENDS ***/ #hxdmoomenu{ } #hxdmoomenu ul{ margin: 0; padding: 0; margin-top:-5px; margin-left:0px; } #hxdmoomenu ul li{ margin:0; padding:0; display:block; } #hxdmoomenu ul li a{ margin:0; display:block; float: left; height: 25px; line-height: 25px; padding: 0 0px; color:red; } #hxdmoomenu ul li.active { color:#00000; } #hxdmoomenu ul li a:hover{ display:block; color:#f6f6f6; } #hxdmoomenu li.active a { display:block; } #hxdmoomenu li ul { margin-top:0px; margin-left:auto; width:195px; } #hxdmoomenu ul ul ul { margin-top:10px; margin-left:-10px; } #hxdmoomenu ul ul li{ display:block; padding:0 0 0 15px; text-align:left; width:180px; } #hxdmoomenu ul ul li a{ display:block; } #hxdmoomenu li.active li a { } #hxdmoomenu ul ul li a:hover, #hxdmoomenu ul li.active.parent ul a:hover { display:block; background:#CCCCCC; } #hxdmoomenu ul li.active a { color:#fff; } #hxdmoomenu ul li:hover{ background:#CCCCCC; } /*** Copy upto here ***/ /****** DEMO CSS CODE TO DEMONSTRATE THE IMPLEMENTING SECOND MENU START ***/ /****** These codes are only for demonstration. You can delete this code. ***/ /*** Changes made from orignal CSS: Replaced parent UL class menuhxdmenu with menuhxd_moodemo_2 Replaced Div ID hxdmoomenu with moomenu2 ***/ .menuhxdmenu2,.menuhxdmenu2 *{margin:0;padding:0;} div#moomenu2{ z-index:55;} #moomenu2 li li{margin:0;} .menuhxdmenu2 {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:56} .menuhxdmenu2 ul{background:#fff; padding:0;} .menuhxdmenu2 li{float:left;list-style:none;position:relative;} div#moomenu2 li li a, div#moomenu2 li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;} .menuhxdmenu2 li ul{float:none;left:-999em;position:absolute;width:170px;z-index:57;} .menuhxdmenu2 li:hover ul, .menuhxdmenu2 li.sfHover ul{left:0px;top:25px;} .menuhxdmenu2 li:hover li ul, .menuhxdmenu2 li.sfHover li ul, .menuhxdmenu2 li li:hover li ul, .menuhxdmenu2 li li.sfHover li ul, .menuhxdmenu2 li li li:hover li ul, .menuhxdmenu2 li li li.sfHover li ul{top:-999em;} .menuhxdmenu2 li li:hover ul, .menuhxdmenu2 li li.sfHover ul, .menuhxdmenu2 li li li:hover ul, .menuhxdmenu2 li li li.sfHover ul, .menuhxdmenu2 li li li li:hover ul, .menuhxdmenu2 li li li li.sfHover ul{left:170px;top:0px;} .menuhxdmenu2 li li{position:relative;float:none;width:100%;} /*** EDIT THESE CSS CODES WITH CARE: ENDS ***/ #moomenu2{ } #moomenu2 ul{ margin: 0; padding: 0; background: #ACACAC; } #moomenu2 ul li{ margin:0; padding:0; display:block; } #moomenu2 ul li a{ margin:0; display:block; float: left; height: 25px; line-height: 25px; padding: 0 15px; } #moomenu2 ul li a:hover{ display:block; } #moomenu2 li.active a { display:block; } #moomenu2 li ul { margin-top:0px; margin-left:auto; width:195px; } #moomenu2 ul ul ul { margin:0; margin-top:10px; } #moomenu2 ul ul li{ display:block; padding:0 0 0 15px; text-align:left; width:180px; height: 25px; } #moomenu2 ul ul li a{ display:block; } #moomenu2 li.active li a { } #moomenu2 ul ul li a:hover, #moomenu2 ul li.active.parent ul a:hover { display:block; } Код меню, модульный, сам сайт ставил на движок joomla версии 1.5
  2. Делал сайт для техникума по заданому шаблону http://htkem.ru/ столкнулся с проблемой не хватки места подс татьи на страницах этого шаблона, пришлось делать переключатели, но все же все это проблемно и гемарно и при том в админке статьи будут добовлять люди не владеющие навикахи хтмл, поэтому тут вступает в силу такая тема, нужно сделать подобный шалон резиновым так чтобы от размера статьи он растягивался до нужной длинны, сам шаблон сверстан на css все сложные блоки вставлены как картинки что и создает проблему для переведения шаблона в растягиваемый режим, подскажите как это можно сделать?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy