cmndr_alexgreen

Не актуально(.

Личное мнение: Предпочитаю для мобильников создавать свои персональные стили, это во многом облегчает работу с сайтом и упрощает его создание.

"0" то он тут, а на других страницах в нем будет обычный контент, в нормальном потоке. Можно конечно для заглавной страницы сделать свою секцию с фиксированным размером, а для других страниц с автоматическим размером по содержимому. Но если честно я думал есть способ и "абсолютные" блоки "обтягивать" контейнером. Флоат там случайно)), на автомате скопировал из другого шаблона.

Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html">1</a></div> <div class="box bbox"><a href="index.html">2</a></div> <div class="box cbox"><a href="index.html">3</a></div> <div class="box dbox"><a href="index.html">4</a></div> </section> <footer>footer </footer></div>html, body { height: 100%; margin: 0; padding:0;}body { background: #fff url(../img/bg-page.png);}header, nav, section, footer {display: block;}#page {width: 1000px;margin: 0 auto;padding: 8px 0 0 0;}header {width: 1000px;height:180px;}nav {}section {position: relative;float: left;}footer {margin: 40px 0 100px 0;}.box {position:absolute;}.abox, .bbox, .cbox, .dbox {height:80px;z-index:2;font-family: 'Jura', sans-serif;}.abox2, .bbox2, .cbox2, .dbox2 {width:230px;z-index:-1;background:url(../img/bg-box.jpg);}.abox {top:0;left:160px;width:230px;background:#dbd700;}.bbox {top:120px;left:500px;width:220px;background:#aec066;}.cbox {top:540px;left:320px;width:260px;background:#5dc0cc;}.dbox {top:530px;left:715px;width:230px;background:#ce4718;}Внутри <section>, на главной странице, будут располагаться блоки "box" с абсолютными параметрами, на остальных страницах простой контент. В данном варианте, подвал наезжает на section как только размещаешь блоки с абсолютными координатами.((

Тема не актуальна, проект изменился. Прошу закрыть тему.

Я недавно делал простыми средствами: Скачал векторные кнопки, и вставил их фоном под ссылку внутри списка. Главное не было проблем с работой в старых-хромых браузерах.

Собственно задачу решили без резинового фона, классическими методами. Всем спасибо за занятое время.

Не знаю стереотип или нет, но если смысл в табличности, заем тогда использовать DIVы). А вот по поводу "без костылей")), флекс только щас в деле и увидел), боюсь для старых браузеров придется свой css писать(.

Sensei, а без - "display: table;" никак? rus, у вас красный блок не одинаковой высоты с блоком для контента. Я подозреваю, что он не будет растягиваться по окну браузера с верху в низ. Проблема именно в том, что бы блоки адекватно вели себя растягиваясь в высоту. Даже если решать поставленную задачу немного по другому и исключить %-ную растяжку в бока, то все равно нужно растягивать блоки с верху в низ, без костылей.

Работать с живым человеком приятнее чем с генератором). Да и так я более уверен буду в правильности решения. Опишу что мне нужно, а часть кода есть в этой теме: http://htmlforum.ru/index.php?showtopic=48315 , сам я не могу осилить и довести все до хорошего-рабочего состояния. На странице - 2 секции(главных блока), 1я секция(1) должна быть примерно 30% по ширине (планировал использовать для этого <nav>, поскольку в ней будет находиться только список с меню(2)). 2я секция(3) для контента, занимает все оставшееся место. В каждой из них должен быть свой фон, соответственно они должны занимать все пространство страницы по высоте в рамках своих широт. В 1й секции - живет список с основным меню(2), припаркованный к правому краю. Во 2й секции будет располагаться блок для контента(4), с небольшим отступом от левого края, фиксированной ширины. Приложил набросок) блоков на странице.

Нужен каркас страницы. 4 блока разместить в %соотношении на странице. С меня "спасибо" на телефон или Яденьги, размер спасибо определите сами.

Да нет). Сложность меню тут не столь важна. Просто поскольку <nav> резиновый и отвечает за всю левую секцию, меню должно быть всегда прилипшее к контенту+ со своими стилями и размерами. Это проще реализовать у списка поскольку стиль пойдет как для блока, а не отдельно для каждой ссылки.

Ну это я так)), на всякий случай. С HTML5 еще не сильно ознакомился, а то вдруг по каким то идейным соображением этот блок нельзя использовать в таком роде.

Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oswald:400,300" type="text/css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--></head><body> <nav> <ul> <li class=""> <a href="index.html">1</a> </li> <li class=""> <a href="index.html">2</a> </li> <li class=""> <a href="index.html">3</a> </li> <li class=""> <a href="index.html">4</a> </li> </ul> </nav> <div class="ct-green"> <ul> <li class=""> <a href="index.html">0</a> </li> <li class=""> <a href="index.html">00</a> </li> <li class=""> <a href="index.html">000</a> </li> <li class=""> <a href="index.html">0000</a> </li> </ul> </div> </body></html>CSS: html { height:100%; }body { margin:0; background-color:#ce4718; font-family: 'AbelRegular'; position:relative; height:100%;}a { outline:none;}a img { border:0; display:block;}p { font-family:Arial, Helvetica, sans-serif;}nav { width:31%; height:90%; float:left; position:relative; }.ct-green { width:69%; height:100%; margin-left:31%; background:url(../img/bg-green.png); position:relative;}nav ul { width:122px; height:100%; position:absolute; top:0; right: 0;} Насколько такая конструкция будет "кошерна")?

Даже не задумывался о гарантиях)). Раньше когда сам делал сайт я не передавал чистовой шаблон заказчику без 100% оплаты, особо даже и не оговаривалось. Последние время люди которых я привлекаю для работы, в итоге как правило получают оплату на прямую от заказчика банковскими переводами, очень редко через меня как придется. Так же бывают случаи оплаты после получения чистовика, но это обычно с уже знакомыми кодерами и дизайнерами. А так об адекватности человека обычно судим по общению, и если не возникает причин усомниться, то выслать до получения чистового варианта полную стоимость не проблема.

Деньгами. Если у Вас есть какие то предпочтения, можете их озвучить.

Вот основная тема: http://demiart.ru/forum/index.php?showtopic=233970 Добрый день. Ищу исполнителя для следующей работы. _ ТЗ _Заказчик занимается электромонтажными работами. Ему необходим сайт описывающий несколько услуг, конкретно сборка электрощитов и продажа комплектующих для электрощитов. Карта сайта: Главная, Услуги, Галерея, Информация, Контакты Сайт должен быть написан на HTML. Код должен быть аккуратным и нормально читаться (мне потом его обслуживать)). При отсутствии основных и значимых элементов в коде, разговор дальше не ведем. (К примеру отсутствие - доктайпа, исключает продолжение работы с таким исполнителем)CSS обязателен, никаких стилей в теле самого сайта. Галерея должна быть выполнена на быстром и легком скрипте. Сайт не должен растягиваться в ширину. Фиксированная ширина, к примеру - 980 px. Цветовая гамма: белая подложка, серые тона или черная графика. Возможно исполнение с какими-то техническими графиками, схемами, планами. То есть должно быть понятно, что это технический сайт. Не нужно рюшечек, радуг и прочей красоты. Контора называется "Электробокс", видел у них валяется эскиз логотипа: коробка с шнуром и вилкой, но как понял четкого понимания на данный момент нет как это будет выглядеть.___ Бюджет : В данной работе, самое геморное, это придумать дизайн-оформление, поэтому не исключаю привлечение дизайнера, а далее это банальная визитка в 5 страниц. Стоимость работы предлагает мастер. Деньги не мои, если понравиться заказчику то он волен оплатить любой счет. +Возможно логотип и прочая стилистика.___ Варианты, примеры, вопросы и тд, можно присылать сразу заказчику elbox.su(собака)gmail.com, но все технические вопросы лучше - писать мне в личку, или оставляйте тут. Регион - Москва, оплата электронно.

Собственно, да)) упустил нюанс.

Собственно, как правильнее: <h1><a href="">Text</a></h1> или <a href=""><h1>Text</h1></a>

Уважаемые мастера, хотелось бы услышать ваше мнение про этот метод http://habrahabr.ru/post/116267/ , прижатия к полу страницы, блока <footer>. Насколько он адекватен (если был опыт его внедрения) и насколько этот вариант оправдан по сравнению с вариантами в CSS?

)) просто, тихо, улыбнуло.

На старые версии принципиально "фиолетово", хватит поддерживать костыли. Разговора о резине тут не ведется, единственная цель это вывести фиксированную страницу на центр экрана. При написании правильного резинового кода, сам подход будет уже другим.

Это делаеться для позиционирования сайта в центре страницы, а отступы сверху это просто частный случай, выдернутый мною из контекста готовых стилей. Я понимаю, что можно и в голове можно сайт сверстать, но тут вопрос заключался в подходе и наличии какого-нибудь "тайного смысла". Поскольку 90% верстки которой я наблюдаю, делают именно через обертку, а тегу боди как правило отводиться пара тройка стилистических параметров для странице но не позиционирование.

Уважаемые профессионалы, прошу вашего разъяснения: Общепринято, для выравнивания содержимого страницы по центру - создавать обертку страницы (<div id="обертка">) и задавать ему автоматическое выравнивание по горизонтали. Я попробовал выровнять содержимое страницы по горизонту, без обертки - не посредственно внутри тега <body>. Задал ему position: relative; margin: 40px auto; padding: 0; width: 970px; и все работает как и с оберткой. Возможно я просто еще не наткнулся на косяки, или это уже просто специфика нового html5, пока не понял. Поясните насколько "кошерно" работать в таком стиле с боди.

В даннй момент к сожалнию не хватает времени для изучения статьи, но обязательно прочту. SelenITв двух словах, как мне можно подстраховаться, от сжатия текста в мобилках?