Jump to content

sss2019

Newbie
  • Posts

    12
  • Joined

  • Last visited

sss2019's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Здравствуйте. Подскажите, как сделать ширину блока или поля input да и вообще чего угодо, чтобы было 80% -200px Например ширина родителя 1000 пикселей, значит ширина должа быть 800-200 = 600 пикселей.
  2. Проблема решилась. Но появилась другая банальная проблема, выровнять три div одинаково по высоте. Так как каждый случай в принципе уникален и не все решения подходят для рахзных шаблонов, прошу показать мне что где нужно дописать чтобы три блока были одинаковыми по высоте, и растянуты на 100%. Вот css код. в нем я удалил из трех блоков все лишние свойства, чтобы можно было с нуля задать .wrapper { width: 620px; }.left_border { width: 9px; height: 100%; background: url(../images/left_border.png); }.content { float: left; width: 600px; background: #FFF; }.right_border { width: 9px; height: 100%; background: url(../images/right_border.png); }А вот html код. В центральном блоке .content, текст растягивает его на 800 пикселей. А вот боковые блоки не растягиваются. <div class="wrapper"> <div class="left_border"></div> <div class="content"> <p>Повседневная практика показывает, что новая модель организационной деятельности позволяет оценить значение дальнейших направлений развития. Разнообразный и богатый опыт рамки и место обучения кадров играет важную роль в формировании систем массового участия. Равным образом начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании модели развития. Таким образом начало повседневной работы по формированию позиции требуют определения и уточнения существенных финансовых и административных условий. Не следует, однако забывать, что новая модель организационной деятельности требуют определения и уточнения соответствующий условий активизации.</p> <p>Задача организации, в особенности же дальнейшее развитие различных форм деятельности представляет собой интересный эксперимент проверки позиций, занимаемых участниками в отношении поставленных задач. Разнообразный и богатый опыт рамки и место обучения кадров играет важную роль в формировании дальнейших направлений развития. Товарищи! постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет оценить значение дальнейших направлений развития.</p> <p>Повседневная практика показывает, что консультация с широким активом позволяет выполнять важные задания по разработке новых предложений. Таким образом реализация намеченных плановых заданий способствует подготовки и реализации модели развития. С другой стороны рамки и место обучения кадров требуют от нас анализа направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.</p> <p>Повседневная практика показывает, что консультация с широким активом позволяет выполнять важные задания по разработке новых предложений. Таким образом реализация намеченных плановых заданий способствует подготовки и реализации модели развития. С другой стороны рамки и место обучения кадров требуют от нас анализа направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.</p> <p>Повседневная практика показывает, что консультация с широким активом позволяет выполнять важные задания по разработке новых предложений. Таким образом реализация намеченных плановых заданий способствует подготовки и реализации модели развития. С другой стороны рамки и место обучения кадров требуют от нас анализа направлений прогрессивного развития. Значимость этих проблем настолько очевидна, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач.</p> </div> <div class="right_border"></div></div>
  3. Крутотень! Спасибо. Только еще бы немного подправить, нужно чтобы при сжатии окна по вертикали, картинка урезалась и сверху и сниху, то есть как бы была закреплена серединой по вертикали. А сейчас урезается снизу.
  4. Здравствуйте. Я хочу вставить основное фоновое изображение для тега body чтобы фон был на весь экран. Задача следующая. 1. Выровнять изображение по вертикали по центру. 2. По горизонтали выровнять так, чтобы изображение было прикреплено к правому краю, и при сжатии урезалось слева. 3. Чтобы при сжатии окна не изменялся масштаб изображения. Помогите пожалуйста составить css код для этого.
  5. Здравствуйте. Как сделать подчеркивание только одной строки из блока, при наведении на весь блок Есть допустим блок <a href=""> <div class="block"> <h1>Заголовок</h1> <h1>Просто текст</h1> </div> </a> Нужно чтобы при наведении на весь блок, подчеркивалась только надпись в H1, весь блок заключен в ссылку <a>
  6. Да. Чтобы растянулись по высоте родителя
  7. Я читал что таблицы давно устарели, и все не рекомендуют их использовать, и если я сделаю таблицу на сайте когда надо три одинаковых столбца, то я неудачник и т.д. Как код прикрепить не знаю, он большой, а файлы не загружаются вот части кода <body> <div class="Container"> <div class="BorderLeft"></div> <div class="Content"> <div class="BorderRight"></div> <div class="Clear"></div> </div> <div class="Clear"></div> </body> .Container { width: 778px; height: 100%; margin-left: auto; margin-right: auto; } .BorderLeft { float: left; width: 15px; height: 100%; background: #FFFFFF; } .BorderRight { float: left; width: 15px; height: 100%; background: #FFFFFF; } .Content { float: left; min-height: 500px; width: 728px; background: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 15px; }
  8. Все равно не помогает. Проблема в том что высота контента 1033 пикселя, а высота окна 100% это 412 пикселей. Нужно как то вытянуть соседний блок по высоте с блоком контента.
  9. Пробовал 100%. Дело в том что 100% окна это около 600 пикселей, а высота контента намного длинее, поэтому body при высоте 100% растягивается на эти 600 пикселей, а контент вылезает за него. Под контентом я поставил блок clear: both и тег body растянулся на всю высоту контента, а вот боковые блоки не растянулись. На скриншоте при открытом анализаторе кода высота окна 412 пикселей это 100% Как можно явно указать родителя принудительно?
  10. переделал немного, сделал для контейнера такие свойства .Container { width: 778px; height: 100%; margin-left: auto; margin-right: auto; } А для тегов body и т.д. вот такие body, html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; margin: 0; padding: 0; background: #EEF3FA; color: #444444; } Теперь браузер показывает, что контейнер, а так же body и html растянулись по всей высоте контента. И стали 1033 пикселя. А вот блок left все равно не растягивается на 100% от контейнера, хотя он равен 1033 пикселя. .BorderLeft { float: left; width: 15px; height: 100%; background: #FFFFFF; } Не нравится мне уже этот css еще в самом начале, нежели нельзя было сделать, так, если родитель равен 1033 пикселя, то дочерние элементы при height: 100% тоже были бы 1033 пикселя.
  11. Здравствуйте. Такая проблема у меня. Когда ставлю для div в свойствах height: 100%, то за эти самые 100% берется только высота окна браузера, то есть если у меня разрешение по вертикали 768px, отнимаем отсюда тулбар браузера и получается около 710px. Это и получается у меня высотой 100%. НО, если добавить на сайт больше контента, так чтобы появилась полоса прокрутки, то высота блока в браузере все равно 710px. Вот приложил скриншот. На нем отметил, что высота окна браузера равна 412 пикселей при открытом проводнике кода, от этого и высота div равна 412 пикселей, хотя контент идет далее. Из-за этого некоторые блоки не растягиваются до конца. Скриншот http://5.firepic.org/5/images/2013-10/16/lbg9l53ipbd7.png
×
×
  • 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