Jump to content

serjdjio

Neophyte
  • Posts

    2
  • Joined

  • Last visited

Everything posted by serjdjio

  1. Полный код + screenshot margin: 0; padding: 0; } ul { /*для списка отменяем маркеры*/ list-style: none; } a { /*для ссылок отменяем подчёркивание*/ text-decoration: none; } body { background: url(../images/background1.png) no-repeat 50% 0 #0e0e0e; font: 12px/1.67 Arial, Helvetica, sans-serif; padding: 40px 0; } .wrapper { width: 960px; margin: 0 auto; } /*HEADER BEGIN*/ header { background: #ffffff; height: 97px; -webkit-border-radius: 7px 7px 0 0;/*для разных браузеров которые могут не потдерживать(webkit - движок, опера и мозила)*/ -o-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } header h1 { float: left; margin: 30px 0 0 40px; } .tel { background: url(../images/bg-phone.png) repeat-x 0 0;/*repeat-x-Фоновый рисунок повторяется только по горизонтали. Аналогично repeat no-repeat*/ padding: 3px 27px 3px 90px;/*размер картинки*/ font-size: 18px; font-weight: bold; color: #c0c0c0; float: right; } nav{ float: right; clear: right; } nav li { float: right; margin: 20px 30px 0px 5px; } nav li a { color: #808080; text-transform: uppercase; /*заглавные буквы*/ font-weight: bold; padding: 3px 15px; } nav li a:hover { background: url(../images/bg-bt.gif) repeat-x 0 0; color: #ffffff; border-radius: 4px; } nav li.current a { background: url(../images/bg-bt.gif) repeat-x 0 0; color: #ffffff; border-radius: 4px; border: 1px solid #00224b; } /*HEADER END*/ @font-face { font-family: Treb; src: url(../fonts/treb.ttf); } .slider-block { background: url(../images/slider-bg.png) no-repeat 0 0; height: 332px; padding: 85px 50px 0; font-size: 29px; font-family: Treb; color: #fff; line-height: 34px; } .fs-35 { font-size: 35px; font-style: bold; text-transform: uppercase; margin: 10px 0 35px; } .started { background: url(../images/rr.png) no-repeat 95% 55%, url(../images/bg-button.gif) repeat-x 0 0;/*95 и 60 - repeat по x и y*/ font-size: 20px; color: #b90016; text-transform: uppercase; font-weight: bold; padding: 15px 50px 13px 25px; border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; }
  2. Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо
×
×
  • 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