Maximilian
-
Posts
13 -
Joined
-
Last visited
Maximilian's Achievements
Explorer (1/14)
0
Reputation
-
Переделал всё по новой, но не получается навигацию (там где ссылки, мероприятия, новости ...) разместить на одной строке с телефоном и лого. Подскажите как это сделать, плиз. <html> <head> <title>Название сайта</title> <meta charset=utf-8 /> <style type="text/css"> body{ font-size: small; font-family: 'Trebuchet MS', sans-serif; font-weight: normal; } div{ margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } li { position: relative; float: right; margin-right: 5px; list-style-type: none; } #top-stripe{ background-color: #000000; height: 10px; left: 10%; position: relative; width: 80%; } #layout { max-width: 1650px; margin-top: -7px; } #header{ background-color: #c0a0c1; position: relative; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; padding-top: 10px; min-height: 30px; } #logo{ font-size: 150%; float: left; width: 300px; } #contact{ position: relative; margin: 0 auto; width: 20%; } #navigation{ position: relative; float: right; width: 500px; } #page_body{ position: relative; float: left; } #footer{} </style> </head> <body> <div id="layout"> <div id="top-stripe"> </div> <div id="header"> <div id="logo"> Название сайта </div> <div id="contact"> телефон: 278-32-34 </div> <div id="navigation"> <ul> <li>Помощь</li> <li>Мероприятия</li> <li>Новости</li> <li>Ссылка</li> </ul> </div> </div> <div id="page_body"> Временные выезды (путешествия) людей в другую страну или местность, отличную от места постоянного жительства на срок от 24 часов до 6 месяцев в течение одного календарного года или с совершением не менее одной ночевки в развлекательных, оздоровительных, спортивных, гостевых, познавательных, религиозных и иных целях без занятия деятельностью, оплачиваемой из местного источника.[1]. </div> <div id="footer"> </div> </div> </body> </html>
-
Попробовал на дивах сделать, вроде нормально но как сделать так, чтобы блок с адресом и телефоном выровнять по центру и по вертикали в самый низ (чтобы был на одной строке с "Название сайта"). Напрашивается весь неадер поместить в див и относительно него выровнять всё по низу. Цвет я задал для лучего визуального восприятия, в финальной версии "сайта" его не будет. <!DOCTYPE html> <html> <head> <title>Заглавие</title> <meta charset=utf-8 /> <style type="text/css"> body { font-size: small; font-family: 'Trebuchet MS', sans-serif; font-weight: normal; } .logo { background-color: #fc0; float: left; width: 250px; font-size: 250%; } .bricks { clear: left; } li { position: relative; float: right; margin: 5px; list-style-type: none; } .contacts { background-color: #c0c0c0; float: left; width: 350px; } </style> </head> <body> <header> <div class="logo">Название сайта</div> <div class="contacts">Адрес: ул. Шевченко 20. <br> Телефон: 23-23-45 </div> <div> <nav> <li><a href="">?</a></li> <li><a href="">Ссылка</a></li> <li><a href="">Ссылка2</a></li> <li><a href="">Ссылка3</a></li> <li><a href="">Ссылка4</a></li> </nav> </div> </header> <div class="bricks"> Блоки </div> <footer> <hr> <address class="email"><a href="mailto:mail@mail.ru">mail@mail.ru</a></address> <p class="horror">© 2001</p> </footer> </body> </html>
-
Работает, но проблемма в том, что при уменьшении размера окна текст наползает друг на друга - это можно как-то решить. Но всёравно спасибо. И чем плохо если задать 3 дива и туда всё впихнуть?
-
Вот и я теперь думаю... Но ведь мне написали что можно скрипт подключить какой-то, разве так работать не будет? Что значит отрицательный top? Для каждого блока (Название страницы, строка с адресом и телефоном, меню) я добавил position: relative, а вот top не знаю как отрицательным сделать. Напрашивается вариант сделать 3 дива, и просто выстроить их по горизонтали.
-
Подскажите, как лучше спозиционировать шапку? А то не получается. Конкретно интересует, как адрес поместить по середине, а меню справа, а названи сайта с лева. Чтобы оно всё было в одну строку. Вобщем примерно така как я на рисунке показал. И ещё инетерсует, как сделать так, чтобы при уменьшении окна телефон размещался под адресом, а когда места достаточно то всё в одну строку? Большое спасибо за помощь. Хочется понять как делать правильно, а не лишь бы работало. <!DOCTYPE html> <html> <head> <title>Заглавие</title> <meta charset=utf-8 /> <style type="text/css"> body { font-size: small; font-family: 'Trebuchet MS', sans-serif; font-weight: normal; padding: 0px; } #logo { text-align:left; font-size: 250%; } li { float: right; margin: 5px; list-style-type: none; } .contacts { float: top; } </style> </head> <body> <header> <h1 class="logo">Название сайта</h1> <address class="contacts">Адрес: ул. Шевченко 20 телефон: 23-23-45 </address> <nav> <menu> <li><a href="">?</a></li> <li><a href="">Ссылка</a></li> <li><a href="">Ссылка2</a></li> <li><a href="">Ссылка3</a></li> <li><a href="">Ссылка4</a></li> </menu> </nav> </header> <div class="bricks"> Блоки </div> <footer> <hr> <address class="email"><a href="mailto:mail@mail.ru">mail@mail.ru</a></address> <p class="horror">© 2001</p> </footer> </body> </html> И ещё, а как же Студия Лебедева? Почему там позиционируют дивами? Например последний сайт www.baby-club.ru? Или там работают далёкие люди?
-
Нет. Просто картинку не обрезал.
-
Спасибо. Попробую сделать так как вы сказали.
-
А зачем тогда человечество придумало дивы и таблицы? Я не имею в виду, что ими можно делать только вёрстку, я имею в виду что люди тоже ими пользуются. Вы выносите мне мозг
-
Светлана, я так понимаю, вы привели код html и предлагаете это всё позиционировать в css? Не используя блоков и таблиц?
-
Я имею ввиду, как сверстать меню, хэдер с футером, заголовок и всё прочее. Вы можете это сделать без таблиц или блоков? Рамки не обязательны, я просто обозначил что информация будет в таких блоках.
-
Структуру с лебедева и слямзил, хочу сделать под разные экраны. А с шапкой не понятно, как лучше сделать меню? Напрашивается таблица. Я так понимаю название сайта, строка с адресом и телефоном и блок меню это 3 разных дива? Как лучше организовать чтоб было удобно управлять ими?
-
Подскажите пожалуйста новичку, как лучше реализовать даную схему сайта? Где использовать таблицы, а где блоки? Потому что не знаю с чего начать. На таблицах как-то не круто, а на блоках непонятно как сделать. Спасибо.
-
Как сделать чтобы блоки убирались при уменьшении сайта по горизонтали. Например как на www.artlebedev.ru, при уменьшении окна браузера по горизонтали пропадает несколько работ студии. Таким образом на 12 дюймовом мониторе сайт показывает меньше работ чем на 22 дюймовом мониторе и не появляется горизонтальная полоса прокрутки. Извините, если есть где-то такая тема, я просто не знаю как правильно в поиск забить. Заранее спасибо.