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
-
Не получается ничего((((
Привет всем. Давно мечтала научиться делать верстку сайтов. Только недавно нашла нормальные видео курсы, которые мне нравятся. Но не смотря на это у меня пока что не все получается гладко, а вернее я совершаю ошибки которые сама не могу найти. Подскажите кто нибудь из опытных вначале всегда так? Пройдет некоторое время и при регулярных занятиях со временем все получится? Просто уже третий день мучаюсь с одним уроком все повторяю по шагам но в браузере отображается неверно. Когда вставляю код автора то все нормально. Перепроверяла много раз но в чем допустила ошибку не нашла. Я в отчаянии неужели у меня ничего не получится?
0 votes6 answers -
Фреймы и вкладки над фоном
Добрый день! Делаю дизайн, есть рисунок который растянут на полный экран браузера. Заказчик хочет чтобы над этим рисунком расположил вкладки в виде фрейм либо таблиц. Коллеги посоветуйте пожалуйста как мне верстать над рисунком? Рисунок - как бы бекграунд а над над ним надо верстать как? даже не имею представления. Спасибо
0 votes5 answers -
Как сделать скролл на странице быстрым?)
При открытии страницы должен появится блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))
0 votes10 answers -
как сделать линию из середины блока в пол?
есть блок, вертикальный размер которого плавно изменяется скриптом. как сделать внутри этого блока вертикальную линию, начинающуюся не с самого верху, а с неизменным отступом, до низа блока, причем с изменением размера блока линия не вылезает и не отстает от нижней границы? допускается через рисунок бекграунда или бордер. спасибо!
0 votes3 answers -
псевдо классы hover, first-child
Подскажите можно ли прописать так : #denss_page .denss_menu_items li:hover ul.child:first-child{ display:inline-block; } мне нужно задать для первого ребенка списка li ul li на ховере display:inline-block; пытаюсь по разному, не получается. Помогите разобраться плиз. Спасибо.
0 votes9 answers -
табы без содержимого этих табов bootstrap в шаблоне
Всем привет, Делаю дизайн админки на основе http://github.meritoo.pl/Bootstrap-3-Admin-Theme/ui-and-interface.html и в правом нижнем углу есть табы без содержимого этих табов. Я попытался посмотреть как это сделано в другом темплейте: <div class="panel panel-default"><div class="panel-heading"><div class="text-muted bootstrap-admin-box-title">Tabs</div></div><div class="bootstrap-admin-panel-content"><ul class="nav nav-tabs"><li><a href="#tab-1" class="active" data-toggle="tab" >Tab 1</a></li><li><a href="#tab-2" data-toggle="tab" >Tab 2</a></li><li><a href="#tab-3" da…
0 votes1 answer -
Верстка выдерживающая масштабирование в браузерах
Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.
0 votes4 answers -
Проблемы с фоновым JPG в safari
Всем привет! Ситуация такова: верстаю макет, в нём большая фоновая картинка JPG, почему-то safari её не отображает. если ставлю фоновую картинку PNG, то всё нормально. FF и Chrome нормально отображают JPG. Не могу понять в чем проблема.. пациент: bf.golden-life.ru/beerfest Благодарен за любую помощь
0 votes6 answers -
jQuery dialog смещается вверх за границы экрана
Всем привет. Помогите, плз, решить проблему. Разрабатываю второстепенные модальные окна на сайте. Использую jQuery.dialog. Внутрь вставил iframe, где и открываю страничку. <div class="modal"><iframe id="wndw_modal" src="/page_loading.htm"></iframe></div>$("#wndw_modal").dialog({ modal: true, buttons: {}, draggable: false, resizable: false, width: '80%', dialogClass: "uiModal", open: function(event, ui) { $(this).attr("src", url); }, close: function(event, ui) { $(this).attr("src", "/page_loading.htm"); }});Собственно проблема. Если в главной странице с прокруткой открываю второстепенное окно, прокручиваю его вниз и нажимаю там ссылку для переход…
0 votes2 answers -
На мобильных устройствах обрезается половина фона
Пациент: http://demo.imatte.us/english/ На десктопе всё нормально, а вот на мобильных устройствах беда. Вот, например, iPad: Подскажите, как пофиксить?
0 votes2 answers -
Выравнивание содержимого в таблице
Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?
0 votes3 answers -
Правильная кодировка для мобильных сайтов
Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.
0 votes6 answers -
Проблема верстки шаблона DLE
Доброго времени. Имеется слайдер <a href="{full-link}"><img src="{image-1}" alt="" title="{short-story limit="200"} <hr> {date} Посмотрели {views} раз(а)" width="330" height="250"/></a>Работает нормально, НО если в short-story появляются кавычки слайдер расползается. Подскажите, что можно поправить?
0 votes2 answers -
Нужно что бы страница открывалась в новом окне браузера, как сделать?
Для того что бы открывалась страница в новом окне браузера прописывать нужно <a href="/test/" target="_blank">Тест</a>, но, для создания валидного кода узнал что теперь атрибут target использовать нельзя! Так что теперь делать, подскажите?
0 votes5 answers -
Из за чего может быть так?
Ребят, из за чего так может быть так? Во всех браузерах нормально кроме сафари версии 6.1.1 которую я никак найти не могу что бы установить у себя и попробовать. И хром, и фф, и сафари (более старых и новых версий чем 6.1.1, даже на windows который) показывают все отлично, а вот сафари которая у заказчика делает вот такую пакость. http://www.youtube.com/watch?v=hjwHVHQmvg0&feature=youtu.be
0 votes8 answers -
Блок, фиксированный на одном месте
Здравствуйте! Задача состоит в следующем: сайт с фиксированной шириной. Нужно разместить кнопку "Заказать звонок" так, чтобы она всегда находилась в одном месте относительно края общего блока, а не области просмотра. Как это сделать? Если можно, то без JS.
0 votes17 answers -
Изогнутые блоки
Как сделать такие изогнутые блоки на CSS?
0 votes6 answers -
Первая верстка (ошибки)
Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…
0 votes10 answers -
floaf и overflow: auto
Здравствуйте. Проблема такая. Имеем подобную структуру http://codepen.io/usf/pen/enGgE В хроме при overflow: auto ширина блока blockquote ведет себя правильно. А вот в мозилле ширина блока составляет на 200 пикселей меньше. То есть, чтобы они вели себя одинакового нужно добавить margin-left(или padding) 200px. НО! В моем случае размер блока слева может быть разным, не только 200, как заставить ФФ вести себя точно так же, как хром, чтобы получить верное значение ширины блока blockquote (отсутствие переносов и прокрутки)
0 votes8 answers -
Если поменять кодировку прописав @charset "utf-8"; в начале файла css, будет ли такой метод правилен?
Если поменять кодировку прописав @charset "utf-8"; в начале файла css, будет ли такой метод правилен, так сейчас делают? Обычно меняю через notepad++.
0 votes2 answers -
Выравнение блочного <img> в <td>
Генерятся строки таблицы вида: <td><img src=some.png></td><td>text</td>Изображения и текст подгружаются из БД. Все изображения одной высоты, но разной ширины. Высота td описана в css и превышает высоту изображений, однако без display: block либо float в стилях img изображение смещается вверх и тем самым нарушает структуру таблицы. display: inline display: block Изображения разной ширины и требуется горизонтально выровнять их по центру ячейки, однако display: block не позволяет это сделать. Помогите пожалуйста решить данную проблему.
0 votes5 answers -
Проблема в Safari (mac os)
Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…
0 votes2 answers -
В чем отличие # и . в css?
Когда писал код в css при изменении знаков с # на . код не переставал работать, но он и наоборот работает для отдельных случаев. В чем их разница и для чего используются?
0 votes36 answers -
тег artical для комментариев
Ребят помогите понять, комментарии независимая часть или все же зависимая... к примеру комментарий к какой либо статье зависит от этой статьи т.к. сделан определенно к этой статье, или я не правильно чего то понимаю? и вот такой код будет не верным <section> <h1>comments</h1> <article> <h2>same name</h2> <p>same text same text same text same text same text same text same text same text</p> </article> <article> <h2>same name</h2> <p>same text same text same text same text same text same text same text same text</p> </article> <article> <h2>same nam…
0 votes2 answers -
CSS селектор на невложенные элементы
Здравствуйте, столкнулся с очень специфичной проблемой: если нужно скажем выделить ссылку, которая находиться внутри какого-то выделенного div'a мы пишем: div.my-div:hover a.my-ref{/*делаем что-то*/}Но, возможно ли в CSS написать селектор, который бы применялся к указанной ссылке при выделения данного div'a, при том что ссылка не находиться внутри div'a. Возможно ли вообще такое в CSS или это только силами JS?
0 votes3 answers