Livandey
-
Posts
32 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Livandey
-
sigma77, благодарю, все получилось. Почитить поток - это удалить все лишнее в #info?
-
Блок под названием info "перепрыгивает" вниз, при уменьшении окна браузера, а мне нужно что бы он уменьшался и текст, который в нем, переносился на новую строку, при необходимости, в зависимости от размера окна браузера. код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>cайт</title> <style type="text/css"> body { color: #FFF; /* цвет текста */ background-color: #FFF; /* цвет фона */ margin: 0 auto; /* выравниваем макет по центру */ } #container { min-width: 960px; /* минимальная ширина макета */ max-width: 1310px; /* максимальная ширина макета */ margin: 0 auto; /* выравниваем макет по центру */ height: 800px; /* высота */ background-color: #069; /* цвет фона */ z-index: 3; /* позиция */ } #logotip { min-width: 960px; /* минимальная Ширина макета */ max-width: 1307px; /* максимальная Ширина макета */ height: 260px; /* высота */ background-color: #FFF; /* цвет фона */ z-index: 1; /* позиция */ margin: 0 auto; /* выравниваем макет по центру */ background-image: url(images/1.jpg); /* изображение */ background-position: center top; /* положение изображения */ } #menu { margin: 0 auto; /* выравниваем макет по центру */ width: 960px; /* ширина макета */ height: 89px; /* высота */ background-color: #69F; /* цвет фона */ z-index: 1; /* позиция */ } #kontent { margin: 0 auto; /* выравниваем макет по центру */ min-width: 960px; /* минимальная ширина макета */ max-width: 1200px; /* максимальная ширина макета */ height: 500px; /* высота */ z-index: 2; /* позиция */ background-color: #9C6; /* цвет фона */ } #niz { margin: 0 auto; /* выравниваем макет по центру */ width: 300px; /* ширина макета */ height: 30px; /* высота */ z-index: 1; /* позиция */ background-color: #FFF; /* цвет фона */ color: #000; /* цвет текста */ } #foto { width: 400px; /* ширина макета */ height: 300px; /* высота */ z-index: 1; /* позиция */ background-color: #FF3; /* цвет фона */ float: right; /* выравнивание справа */ margin-top: 30px; /* отступ сверху */ margin-right: 30px; /* отступ справа */ margin-bottom: 30px; /* отступ снизу */ margin-left: 15px; /* отступ слева */ } #info { min-width: 450px; /* минимальная ширина макета */ max-width: 700px; /* максимальная ширина макета */ height: 300px; /* высота */ z-index: 1; /* позиция */ background-color: #FC0; float: left; /* выравнивание слева */ margin-top: 30px; /* отступ сверху */ margin-right: 15px; /* отступ справа */ margin-bottom: 30px; /* отступ снизу */ margin-left: 30px; /* отступ слева */ color: #000; } </style> </head> <body> <div id="container"> <div id="logotip"></div> <div id="kontent"> <div id="menu"></div> <div id="foto"></div> <div id="info"> <p>Главная страница</p> этот блок растянется до нужных размеров под вставленную в него информацию и станет нормальный ширины даже при большом формате монитора. </div> </div> <div id="niz"> <div align="center">© 2011</div> </div> </div> </body> </html>
-
sigma77,
-
sigma77, благодарю =) у меня новое непонимание получилось.. я вставила туда контент, но блок занял максимальную ширину и в случае если недостаточно места в окне, то он просто перепрыгивает ниже, а не уменьшается.
-
sigma77, с добавлением контента работает. Благодарю =) А какой коментарий надо удалить?
-
с созданием макета я разобралась. не работает максимальная ширина, в info, и я не понимаю почему. Объясните пожалуйста кто сможет. Буду рада конструктивной критике. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style type="text/css"> <!-- body { color: #FFF; /* цвет текста */ background-color: #FFF; /* цвет фона */ margin: 0 auto; /* выравниваем макет по центру */ } #container { min-width: 960px; /* минимальная ширина макета */ max-width: 1310px; /* максимальная ширина макета */ margin: 0 auto; /* выравниваем макет по центру */ height: 800px; /* высота */ background-color: #069; /* цвет фона */ z-index: 3; /* позиция */ } #logotip { min-width: 960px; /* минимальная Ширина макета */ max-width: 1307px; /* максимальная Ширина макета */ height: 260px; /* высота */ background-color: #FFF; /* цвет фона */ z-index: 1; /* позиция */ margin: 0 auto; /* выравниваем макет по центру */ background-image: url(images/1.jpg); /* изображение */ background-position: center top; /* положение изображения */ } #menu { margin: 0 auto; /* выравниваем макет по центру */ width: 960px; /* ширина макета */ height: 89px; /* высота */ background-color: #69F; /* цвет фона */ z-index: 1; /* позиция */ } #kontent { margin: 0 auto; /* выравниваем макет по центру */ min-width: 960px; /* минимальная ширина макета */ max-width: 1200px; /* максимальная ширина макета */ height: 500px; /* высота */ z-index: 2; /* позиция */ background-color: #9C6; /* цвет фона */ } #niz { margin: 0 auto; /* выравниваем макет по центру */ width: 300px; /* ширина макета */ height: 30px; /* высота */ z-index: 1; /* позиция */ background-color: #FFF; /* цвет фона */ color: #000; /* цвет текста */ } #foto { width: 400px; /* ширина макета */ height: 300px; /* высота */ z-index: 1; /* позиция */ background-color: #FF3; /* цвет фона */ float: right; /* выравнивание справа */ margin-top: 30px; /* отступ сверху */ margin-right: 30px; /* отступ справа */ margin-bottom: 30px; /* отступ снизу */ margin-left: 15px; /* отступ слева */ } #info { width: 450; /* ширина макета */ min-width: 450px; /* минимальная ширина макета */ max-width: 550px; /* максимальная ширина макета */ height: 300px; /* высота */ z-index: 1; /* позиция */ background-color: #FC0; float: left; /* выравнивание слева */ margin-top: 30px; /* отступ сверху */ margin-right: 15px; /* отступ справа */ margin-bottom: 30px; /* отступ снизу */ margin-left: 30px; /* отступ слева */ } </style> </head> <body> <div id="container"> <div id="logotip"></div> <div id="kontent"> <div id="menu"></div> <div id="foto"></div> <div id="info"></div> </div> <div id="niz"> <div align="center">© 2011</div> </div> </div> </body> </html>
-
не понимаю как сделать два разных изображения по бокам от колонок и от логотипа, которые бы закрывались при уменьшении окна браузера.
-
Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.