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
29,542 questions in this forum
-
График контрибутов.
Почему на графике контрибутов, квадраты закрашиваются максимально зеленым цветом независимо от того, что я сделал?
0 votes2 answers -
bootstrap и нестандартная сетка
Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).
0 votes3 answers -
ACRONYM
Дело в том, что я загружаю текст из вне во флеш и на некоторые слова мне нужно сделать пояснение. Желательно чтобы при наведении на него появлялась подсказка, либо как нибудь иначе. пытался сделать так: в css пишу ACRONYM { border-bottom: 1px dashed blue; /* Подчеркивание текста */ color: maroon; /* Цвет текста */ } а в txt пишу <acronym title="Деревня в Красноярском крае">Овсянка</acronym> и ничего не происходит. подскажите как решить проблему...
0 votes10 answers -
Не могу прикрутить hover
Приветствую! <!--Вступление про чайника опущено--> У меня есть тэг: <a href = "fbs.htm">Блоки стен подвалов</a> Хочу сделать его неподчёркнутым и не синим - пожалуйста, нет ничего проще: <a href = "fbs.htm" style = "text-decoration: none; color: #5F3800;">Блоки стен подвалов</a> А теперь хочу, чтоб эта (и только эта, а не все остальные за компанию) еще меняла свой вид при наведении мышой. Больше часа экспериментов, гугля и форумов не принесли результатов. Желательно всё разместить внутри этого тега, а не в <style> или в отдельном css-файле (вопрос религии ). Заранее ОГРОМНОЕ спасибо!
0 votes6 answers -
Проблемы с упорядоченными списками в ишаке
<ol> ишак нумерует все под номером 1, что же делать?
0 votes8 answers -
Шрифт и разные браузеры
Сталкнулся с проблемой. В Опере и Фаерфоксе текст отображается поразному, из-за этого в Опере текст съезжает и не помещается в таблицы как задумано. Подскажите как с этим бороться. Если можно с примерами. Спасибо.
0 votes6 answers -
Каким образом делается переадресация сайта
Был у меня когда-то сайт на народе (да и сейчас он там висит..)... теперь хочу новую версию разместить на платном хостинге... каким сделать так, чтобы пользователь вводя старое имя сайта автоматически попадал на новый сайт???
0 votes7 answers -
Помогите с хитрым меню
В общем я с таким сталкиваюсь впервые, так что прошу вашей помощи. Есть горизонтальное меню, пункты которого (тег li) не фиксированы по ширине и зависят от текста в них. Хитрость в том, что по бокам у этого пункта есть картинки и при наведении они должны меняться. Долго ломал голову и сделал через JavaScript. Но вот косяк из-за использования id: Дальше меня не хватило Вот ту выкладываю архив с данным меню: http://rghost.ru/3728840 Если кто знает как помочь, то можете править прямо в указанном мной шаблоне. Заранее спасибо!
0 votes8 answers -
Не работает Colorbox !
Сутки мучаю этот скрипт . И не могу понять что не так . Вроде подключил стиль и два скрипта , пути к картинкам норм прописал и че ...Смотреть PS: js-ки не трогал только в css добавил селектор для превью из "Pirobox-a" а так все из оф сайта.
0 votes3 answers -
Эффективный путь изучения вёрстки
Расскажите ваш путь изучения вёрстки? О себе: я технически грамотный человек, программист по профессии, но вёрсткой никогда серьёзно не занимался. Как лучше построить свой путь изучения? Что почитать (какие статьи, книги - можно на английском), какие упражнения-задачки поделать, может быть начать свой проект, в котором всю вёрстку выполнить самому? Форумы, mailing lists и т.д.?
0 votes15 answers -
Вертикальное выравнивание при абсолютном позиционировании
Здравствуйте. Почему не работает вертикальное выравнивание при абсолютном позиционировании? Код хтмл: <div class="col"> <p>Lorem ipsum dolor sit amet..</p> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div>Код цсс: .col { display: table; position: relative; float: left; width: 33.3%; height: 250px; background: red;}.col:nth-child(2n) { background: green;}.col-prew { display: table-cell; position: absolute; top: 0; left: 0; width:…
0 votes10 answers -
фиксированный 100% размер таблицы
<body><table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td valign="top" width="450px" height="100%"> <div id="menu" style="height: 100%; overflow: auto;"><br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s&…
0 votes3 answers -
Навигация
Как думаете, такая навигация имеет право на жизнь? http://www.greymlelelele.chat.ru/gepeBo.html Просто на сайтах такую не встречал, а захотелось, что б с любой страницы можно было спокойно в один клик перейти любую другую страницу. Сделать покрасивее и норм вроде будет. Доступ с клавиатуры обеспечен! Скрипты отключены - пользуйся ссылками. Как мне показалось, код получается огромным - это минус, и всё, в остальном одни плюсы?
0 votes12 answers -
Фон на всю ширину
Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.
0 votes4 answers -
проблема IE и white-space:nowrap
изначально нужно было вывести отзывы пользователей в бегущую строку, проблема возникла на этапе самого вывода, было перепробовано множество вариантов, и с использованием <nobr>, и с white-space:nowrap и display:inline-block; все свелось к тому, что все браузеры отображают отзывы как нужно в одну строку, а IE упорно выводит каждый новый комментарий в новой строке(посмотреть можно тут) сейчас вывод строки выглядит следующим образом <marquee style="white-space:nowrap; display:inline-block; *display:inline; width:100%; padding:4px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; " onmouseout="this.start();" onmouseo…
0 votes4 answers -
Отступ сверху
Добрый день. Почему-то на главной странице этого сайта делается отступ с самого верха страницы... Стандартное margin:0, padding:0 стоят. Никто не подскажет что может быть?
0 votes5 answers -
Щели между DIV
Здрасьти Друзья Щели между DIV. Приближаешь-удаляешь в браузере, то видно то невидно. сайт http://mastaki.pro здесь все в дивах. а на айфоне стабильные щели скриншоты с айфона: может тема и заеженная, пробовал разное, однако не получается решить) Подскажите пожалуйста как залотать эти щели, желательно не передвигая сами блоки? Где-то float left, где-то right;
0 votes10 answers -
Сейчас реально нужно ли адаптировать hover-меню для тачскрин устройств?
У меня складывается такое впечатление, что современные тачскрин устройства сами прекрасно обрабатывают hover событие по клику. Поэтому хотелось бы узнать мнение сообщества: я одинок в своих догадках, что переводя hover-меню на javascript костыли я занимаюсь мартышкиным трудом, если не хуже. Хочу пояснить, что рассматриваю вариант когда родительский пункт меню сам по себе ссылкой не является.
0 votes4 answers -
Некорректная подсветка синтаксиса CSS в Notepad++
Notepad ++ 8.1 x64, но проблема существовала и в предыдущих версиях. В таблице стилей форматирование, условно говоря, первого абзаца, отличается от остального текста. Т.е. (см. скришнот) в первом селекторе подсвечиваются ЗНАЧЕНИЯ свойств, во втором - СВОЙСТВА, в третьем - и сам селектор. Причём если добавлять или убирать/добавлять селекторы, менять их местами в таблице, то эта условная граница "перемещается", т.е. она не привязана к какому-то конкретному участку кода. Мне кажется, что это баг (или фича) NPP++ и не стОит искать в этом поведении какой-то логики. Подсвечивает, и ладно. Но может всё же есть рациональное объяснение этому странному поведению? В частности, если…
0 votes3 answers -
Изменение порядка загрузки изображений
Добрый день! Порой встречаются страницы, на которых достаточно много тяжелых изображений. При этом браузер начинает загружать все изображения одновременно. Пример такой страницы: http://africa-studio.ru/04_studio.htm Можно ли сделать так, чтобы изображения загружались по очереди в той последовательности, в которой они встречаются в коде, т.е. чтобы следующее изображение не начинало загружаться, пока полностью не загрузится предыдущее? P.S. галерея работает некрасиво, приходится ставить большую начальную задержку, иначе при первом проходе изображения показываются обрезанными, т.к. они еще не загрузились: http://tihonko.spb.ru/show_gallery.php?id_section=25
0 votes3 answers -
Верстка и масштабирование / зум браузера
Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями
0 votes5 answers -
индикатор загрузки
как сделать что бы до загрузки страницы в ее центре работал анимированный гиф, а после загрузки исчезал?
0 votes4 answers -
HTML5 SVG грфика и анимация
Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > <…
0 votes10 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
Криво отображается блок на iphone 5
Телефон скачет на другую строчку при разрешении 320 только на iphone 5 На других устройствах отображается нормально. Все что можно перепробовал все равно на ipone 5 телефон сьезжает вниз:
0 votes4 answers