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
-
Отображение горизонтальной прокрутки у списка
https://jsfiddle.net/cxz0n2u2/10/ - код для проверки и тестов здесь. Убрал весь ненужный код jquery и html Проблема возникла при изменении (своей же) верстки. Не появляется скрол по оси x (горизонтальная прокрутка). Если сделать вывод не списком а через div то проблемы нету - прокрутка появляется но как только делаю через список прокрутка не отображается. В примере вы увидите 10 сообщений (10-элементов списка) и хотя стоит фиксированая высота и ширина стоит float:left , overflow-x: auto (или scroll), overflow-y: hidden, блок показывает результаты что поместились а остальные что ушли в низ прячет, то есть не показывает прокрутку. Опять же если не делать через список то…
0 votes2 answers -
Можно ли с помощью <article> разрывать другие парные тэги
Добрый день! Хочу внедрить на сайт HTML 5 тэги. Вопрос: можно ли этим тэгам так разрывать div'ы <article> <h1> Моя статья </h1> <div class="content"> <p>Текст статьи</p> </article> <div class="reviews"> </div> </div>
0 votes4 answers -
Таблица по высоте
Как наиболее правильно сделать вытягивание таблицы по высоте, если разрешение экрана (1280x1024)? Как лучше описать стиль css для таблицы?
0 votes2 answers -
Волшебные divы
Кароче Есть три элемента которые идут друз за другом и должны, соответственно отображаться друг под другом и все они находятся в большом диве. <div> <img ...> <div ...> ... </div> <img ...> </div> Несмотря на все padding : 0; margin : 0 в css, появляюется прогал сверху дива и снизу дива. Однако, когда если прописать у этого дива border : 1px solid; то все норм! Как с этоим бороться?
0 votes2 answers -
Анимация
Я новичок в создание сайтов и хотел бы получить понятный человеческий ответ. Вопрос заключается в следующем: Как сделать так что-бы картинка появлялась на экране, затем опускалась вниз, а затем поднималась вверх?(иллюзия камеры двигающейся вверх и вниз) Если этого нельзя сделать кодом, какую программу лудше использовать?(в PhotoShop'е каждый фрейм прорисовывать очень долго или получается дёрганно)
0 votes4 answers -
Помогите с таблицей
Вставил в <td> картинку - появились отступы где-то в 10px. Прижимается к левому краю, с помощью vertical-align:bottom; прижал к низу, а как быть с верхом? Причём высота у td задана. Код HTML: <tr> <td height="120" width="auto" colspan="3" class="footer"> <div align="left"> <img src="img-hair/bg_footer.jpg"> </div> </td> </tr> И CSS: .footer{ position:fixed bottom; background-image:url(img-hair/bg_footer.jpg); background-repeat:no-repeat; background-position:bottom right; margin:0px; padding:0px; vertical-align:bottom; } Очень нужна помощь. И как можно скорее.
0 votes8 answers -
Помогите с поиском
Задача — блок с поиском должен быть под вспомогательными ссылками, но при прокрутке должен оставаться в верхнем левом углу... Я осилил его прокрутку, но не осилил верхний левый угол. Помогите советом. Вот что сделал я
0 votes10 answers -
вопрос про перемещение
logo прижался максимально влево .Как его немного сдвинуть правее? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>сайт"</title> <style type="text/css"> body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } #logo { w…
0 votes11 answers -
Проблема с padding у clear:both
Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price <…
0 votes4 answers -
Векторная маска для изображений?
Допустим есть картинка, но надо у это фотки, допустим, уголки вырезать, что бы они были прозрачными. Вот так: Если сохранить в png то размер во мноооого раз увеличивается относительно jpg. Пробовал подключать скрипт corners (или как-то так, на jQuery), но для него надо создать див вокруг картинки и когда фон не однородный на уголках они становятся белыми %-) Пробовал подключать ictinus, но он не работает в IE8. Скажите как вы решаете данную проблему?
0 votes9 answers -
Попиксельная верстка макета из Adobe Illustrator'а
Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.
0 votes6 answers -
strong и b пожалуйста дайте развернутый ответ
На вашем сайте прочитал, что strong, это логическое выделение текста. А b - визуальное. Хотелось бы получить исчерпывающее объяснение во избежании неверного толкования. Следует ли понимать, что фраза - "логическое" подразумевает выделение для поисковых систем и имеет значение в определении значимости. Как-то, title; h1-6; strong. Или это мое заблуждение?
0 votes13 answers -
Модальное окно
Добрый день. Вопрос такой: У меня форма обратного звонка, которая модальным окном открывается поверх индекса. Взял скрипт отсюда Вопрос: Как сделать так, чтобы при нажатии на кнопку "отправить" в том же самом окне загрузилась другая страница с подтверждением о удачной отправки? Заранее спасибо.
0 votes3 answers -
Несколько вопросов по ul>li>li
Приветствую всех! Пример того что я хочу получить http://cs322217.vk.me/v322217856/4ff9/1jIuUfxmnx0.jpg Мой код http://cssdesk.com/vNVjG Собственно мои вопросы: 1.Почему моя li с черным потом уезжает направо,ведь я задавал padding справа для него в блоке ul в 9px 2.Почему не отображаются блоки ul>li>li т.е. li вложенные в li? 3.На верном ли я пути к осуществлению задачи?
0 votes7 answers -
:before или img...или что-то другое ?!?!
Господа, очень, очень сильно прошу вас помочь...задолбался нереально....сижу уже часов 6-7 и НИКАК НЕ МОГУ ДОГНАТЬ, КАК ЖЕ СДЕЛАТЬ ВЕРНО. Итак, имеется темплейт ресторана, в блоке меню ресторана есть определенный список позиций, который подгружает дополнительные позиции при помощи кнопки...но, там где название позиции и цена - между ними должна быть резиновая серая линия....КАК ЭТО СДЕЛАТЬ, ЧЕРТ ПОДЕРИ...пожалуйста, помогите. Ссылка на код: https://jsfiddle.net/bu45rn4c/1/ Ссылка на изображение: http://savepic.ru/7247519.jpg Посоветуйте, может нужно было вообще не через dl, а просто через div, h и p.
0 votes5 answers -
Верстка html-письма
Добрый день. Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине. В остальных почтовиках и браузерах все гуд
0 votes2 answers -
увеличение картинок при клике
Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …
0 votes0 answers -
В коде блок выше чем в броузере
Как сделать так что бы? <div id="down"><div> <div id="up"><div> Блок up показывался на down? Но в коде down ш?л выше
0 votes1 answer -
Кусочек другого сайта
Времени всем.. Подскажите, возможно ли вставить к себе на страницу элемент страницы другой(не картинку, а текст, например, находящийся в конкретном месте, и в случае замены этого текста на источнике, поменялось бы и у меня)? thx
0 votes2 answers -
цвет гиперсылок
непойму почему когда я пишу атрибуты link, vlink,alink и указываю цвет браузер не отображает а ставит вс? время свой цвет, я ставлю атрибуты в тэги body может надо в другом тэге?? подскажите...:|
0 votes1 answer -
о картах изображений
всем привет! интересует можно ли для фонового рисунка ячейки таблицы сделать карту изображения? если да, то как? спасибо
0 votes2 answers -
Формы и отправка данных
Доброго времени суток господа. Вопрос от новичка. Допустим имеется сайт (моя визитная карточка), есть на сайте форма, которая должна служить для того, что бы пользователь смог отправить мне какое либо текстовое сообщение (или какой либо другой файл). Так вот — как все это организовать, какими языками нужно владеть, каким средствами все это делается (отправка данных посредством формы)… Подскажите пожалуйста, с чего нужно начинать изучать сию штуку. Владею только HTML и CSS. P.S. Я правильно мыслю, мне это поможет…? Спасибо.
0 votes1 answer -
Ширина фиксированого макета
Делаю фиксирований макет Какая максимальная ширина этого макета может быть, чтоб не появлялась полоса горизонтального скроллинга на всех основных браузерах и ОС?
0 votes4 answers -
Проблема В Ie7
Здравствуйте. Пациент - http://frutality.ru Суть проблемы: у блока (#content) задана высота 1300 пикселей. Если текста в этом блоке слишком много, блок растягивается (FF, Opera, IE8, Chrome). После блока идет еще один блок - футер. В IE7 футер встает сразу после этих пресловутых 1300 пикселей, даже если дальше идет текст. В остальных браузерах блок просто растягивается и футер стоит там, где и задумано. Если убрать фиксированную высоту у #content, то футер во всех браузерах отображается нормально, но: если текста на странице меньше, чем высота сайдбара, то сайдбар просто наезжает на футер. Пример: http://frutality.ru/tag/html Что лучше сделать - побороть багу конкретно IE…
0 votes5 answers -
Подключение блока коментариев у Wordpress шаблон.
Хочу подключить блок комментариев к блогу. Как можно сделать, опишите подробно если можно или дайте ссылку на статью, гугл не помог. Изучаю Wordpress и делаю шаблон с нуля, хочу разобраться как все действует ну и постепенно наполняю шаблон функциональностью.
0 votes2 answers