HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Должен ли верстальщик уметь натягивать шаблон на cms?
Должен ли классический верстальщик уметь натянуть свою верстку на шаблон. И не выходит ли тогда, что это уже не верстальщик, а целый человек-пароход? И что должен делать тогда программист, если верстальщик делает ЭТО?... Если верстальщик натягивает дизайн на cms, то выходит из цепочки создания сайта выпадает php-программист и сайт целиком и полностью создают 2 человека - дизайнер и верстальщик. Более того, натянув шаблон, верстальщику еще придеться помогать с какими-то вылезшими артефактами, вроде подключенной формы не имеющей нужного дизайна. И нужно ли это верстальщику, сидеть и скурпулезно разбираться с большим количеством функций, что есть в каком-то движке? И возможн…
0 votes17 answers -
"background-size: cover" не работает на iPhone на конкретной странице
На главной странице с iPhone CSS-свойство "background-size: cover" работает как надо: А на другой странице отображается только верхний нижний уголок картинки, а не умещается вся полностью: Сравните с результатом на компьютере - как видите, от всей фотки остались только листья. Как это исправить?
0 votes5 answers -
Фиксированный хедер в мобильной верстке
Доброго время суток. Подскажите, пожалуйста, кто сталкивался со следующей проблемой в верстке под андроид и айфон: необходимо сделать, чтоб при скролле хедер всегда находился в верхней части экрана. Казалось, что нет ничего проще - достаточно поставить position: fixed; top: 0. Но iOS4 не поддерживает данное свойство. При использовании плагина iScrool 4 возникаю проблемы с галереями, которые хочется листать перетаскиванием пальцев. С Hammer-ом получилось тоже самое. Еще как вариант jQuery Mobile, но тоже есть минусы: при зуме хедер всегда прилеплен к левому краю экрана и увидеть его целиком никак нельзя. Сейчас я деаю хедер абсолютно позиционированным и пробую скриптом при…
0 votes4 answers -
OBJECT вместо IFRAME
Раз элемент IFRAME заперещен в XHTML Strict, то нужно как-то без него обходиться. Вот только как? Элемент OBJECT конечно может отобразить другой документ на странице, но это само по себе бесполезно, если учесть что атрибут TARGET тоже запрещен. Таким образом, необходимо придумать как по клику на элементе панели навигации сайта менять документ, загруженный элементом OBJECT. Вот такой способ... <object id="information_field" data="page_1.html" type="text/html"> <div class="button" onclick="information_field.data=page_2.html';"> ...не подходит. Атрибут меняется, но на странице все остается по прежнему. Что же делать???
0 votes7 answers -
Валидация, что не так?
Добрый вечер Решил сделать свой проект валидным, поубирал почти все ошибки, вот не пойму как эти две ошибки исправить: there is no attribute "data-category-id" <a data-category-id="1" href="/cat/1/">Школа<ins></ins></a><br/><a data-catego there is no attribute "itemid" </h1><div style="float:left; width:20%;"><div class="catalog-entry" itemid="8"> Может кто-то знает что тут не так? И такой вопрос, как валидация влияет на индексацию страниц сайта?
0 votes30 answers -
В чем отличие # и . в css?
Когда писал код в css при изменении знаков с # на . код не переставал работать, но он и наоборот работает для отдельных случаев. В чем их разница и для чего используются?
0 votes36 answers -
Тени от блоков (таблиц) на неоднородном фоне
Есть бэкграунд, который представляет собой узор. Например, такой: , или такой: . Как при помощи css сделать тень на таком фоне? Интересует корректная работа результата как минимум в ИЕ, Firefox, Opera и Safari. Спасибо.
0 votes11 answers -
смена картинок по onclick
Доброго времени суток. суть вопроса такова. Необходимо сделать категории для картинок в слайдере nivo. вот предположим, что это кнопки категорий. <div id=cont_main_menu> <div class =menu_item_1><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 1</a></center></div> <div class =menu_item_2><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 2</a></center></div> <div class =menu_item_3><center><a href="" class="off1" onMouseOver="this.className='on1'"…
0 votes13 answers -
Нет скролла в Frame
Есть 2 фрейма, но во втором, где должен быть контент, нет полос прокрутки, скролла. Я пробовал самые разные способы: добавлял div в котором был overflow, scrolling="yes/auto", ничего не помогло. В чем может быть проблема? Оставлю "сайт" тут: http://risovalka-16.hol.es/html/index.html
0 votes8 answers -
position: fixed не работает в IE < 7мой версии - есть альтернатива?
Привет всем. Слой должен оставаться на месте при прокруте. Доктайп строгий. Использую position: fixed; в FF , Safari слой на месте, в IE 7 тоже вс? отлично но! не работает в IE в версиях меньше 7мой ((( Существует ли альтернативное решение этой задачи для более ранних версий IE?
0 votes6 answers -
Резиновый горизонтальый слайдер
Здравствуйте форумчане, Сегодня столкнулся с небольшой проблемкой вот и решил попросить помощи у вас. Есть необходимость сделать горизонтальный слайдер с тремя видимыми ячейками остальные видны при нажатии на стрлочки вправо влево. js часть написана. Вопрос вот в чем не могу сделать так слайдер был резиновым. В данном случае он 900 пикселей а надо чтоб он подстраивался под экран. Реализация подставления нужной ширины через js не преветствуется. Прилагаю код: <a style="float:left;" onclick="prev()" href="#"><--</a> <div id="s" style="margin-bottom:10px; border:1px solid red; width:900px; float:left; display:block; height:200px; overflow: h…
0 votes10 answers -
Зафиксировать ширину таблицы/ячейки
Как зафиксировать ширину таблицы и/или отдельной ячейки, чтобы контент ее не растягивал? Прописать width="чего-нибудь" не помогает
0 votes2 answers -
Пожалуйста, помогите с парольным доступом!
Приветствую, не могли бы вы помочь, у меня первый заказ на веб сайт, до этого занимался созданием сайтов,но тут придумал уже дизайн, сделал макет, договарился с людьми и заступорился на такой вещи как парольный доступ, покапался на этом сайте. нашел код, но он у меня чтото не работает, при любом пароле пускает! не могли бы вы помось с кодом! нужно чтобы был один пароль ну и как на картинке В общем (она увеличена, сам пароль находиться в верхнем правом углу) ОГРОМНОЕ СПАСИБО ЗАРАНЕЕ! ПОЖАЛУЙСТА помогите!
0 votes16 answers -
Хоть убейте не получается :(
Здравствуйте, господа сиэсэс-гуру. Верстаю сайт и столкнулся вот с какой проблемой. Есть список. Каждый <li> должен выглядеть следующим образом: <li><a><img src="" width="40" height="40" style="float: left;" /></a><a>Текст ссылки, который должен выравниваться вертикально по середине, при том что текст может быть и в две и в три строки</a></li> Если текст в одну строку, то все тривиально выравнивается vertical-align: middle. А вот если не в одну строку... Хоть убейте, не знаю как реализовать без таблиц, да и чтобы во всех браузерах смотрелось одинаково. Просто руки опускаются. Для тех кто не понял чего надо добиться привожу …
0 votes24 answers -
Возможно ли горизонтальное центрирование блока относительно соседних блоков
Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} …
0 votes39 answers -
Широкий background, центрирование
Добрый день. Делаю резиновый сайт. Намечается бэкграунд во всю ширину страницы. Как его отцентрировать грамотно??? Смотрю на широкоформатном монике - фон растянут, основной орнамент фона центрирован, а с краев, как у задумано, затемняется. Но на меньших разрешениях (1280, 1024) основной орнамент фона смещен в правой границе экрана! как можно ему указать центрирование всегда? Заранее спасибо!
0 votes6 answers -
Скачет текст (ссылка) при исполь-нии :hover
есть табличная верстка. меню сделано списком, размер текста 24, а при наведении задала что бы был 26. И вот при наведении у меня текст увеличивается но при этом, слова которые ниже - сдвигаются вниз на какое то расстояние. думала исправить эту проблему с помощью margin-down or padding-down при hover, но ничего не вышло. что делать? <td rowspan="5" width="240" valign="top"> <ul id="menu"> <li><a href="#">Главная</a> </li> <li><a href="#">Каталог нот</a> </li> <li><a href="#">Композиторы</a> </li> <li><a href="#">Современные мелодии</a> </li> …
0 votes5 answers -
Выравнивание по низу
Как в строчно-блочном блоке выровнить строчный элемент по низу? Я сделал так div{ height:500px; border:1px black solid; display:inline-block; vertical-align:bottom; } p{ border:1px black solid; display:inline-block; vertical-align:bottom; } <body> <div> <p>hkjhkj hjgjh ghjkg</p> </div> </body> vertical-align: Ведь выравнивает только строчные или строчно-блочные элементы, почему тут не сработало?
0 votes5 answers -
3 колонки, шапка, подвал - контент вверху html (после шапки)
Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…
0 votes2 answers -
Проблема в ie
Страница http://namemail.ru/reg.php Создал такой стиль width:100%; border:1px solid #dddddd; Во всех браузерах кроме IE6 показывает как надо, а в IE6 правый border не выделяется (его просто не видно) Подскажите в чем может быть проблема
0 votes22 answers -
Неужели так сложно сделать полоску меню на всю ширину экрана?
Доброго времени суток. Вот уже 2 день не могу осуществить задуманное. В сss я первоклассник! Вот и прошу совета !!! Есть сайт eco-life.by Там есть меню, где Главная, Новости.... и т.д. Так вот, как сделать что бы полоска ЭТОГО меню была на весь экран мониторов (будь то Широкоформ... либо Квадрат...) В общем не важно. ВАЖНО! но при этом все те же ГЛАВНАЯ ... НОвости оставались на своих местах, то есть В ЦЕНТРЕ. Советовали всего и много, но в итоге ничего не работает, конечно было подозрение на "криворукость в СSS" но после 5-7 повторных действий – развеялось. Может кто подскажет нормально, где что убрать что изменить .дописать ... Это, по моему мнению, то где надо что-то м…
0 votes11 answers -
графический элемент - кружочек
Здравствуйте всем! Как можно средствами HTML нарисовать кружочек, наподобие маркированного списка? Заранее, спасибо!
0 votes16 answers -
какие есть скрипты для текста: тень, вдавленный и пр...
какие есть скрипты для текста: тень, вдавленный и пр... подскажите пожалуйста, а то в дримвивере МХ только курсив, полужирн и подчеркивание....
0 votes8 answers -
Не работает свойство transition при клике на меню
Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство transition чтобы изменить скорость отображения меню но не получается Демо 1 Демо онлайн там используется jquery для отображения меню $(".mob-menu").click(function(){ $(this).toggleClass("open"); // transform mobile menu icon to X $(".nav-left,.wrapper,.header").toggleClass("openleft"); }); я пробую добавить css эффект transition но не работает, в чем может быть проблема? .nav-left.openleft,.wrapper.openleft,.openleft{ -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition:all 2s; }
0 votes2 answers -
Посоветуйте
Посоветуйте шаблонизатор, не такой огромный и монстрообразный как Smarty. 150кб кода кажутся мне лишними в 40кб-ом проекте
0 votes3 answers