Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Перекатывание изображений

    Здравствуйте. Есть задача: Портфолио работ(картинки) черно-белого цвета. При наведение - картинка становится цветной. Нашел статью на хбуке http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Но данный пример не подходит, т.к картинки все будут разные, а к каждой применять класс и прописывать ей стили не хочется. Нашел решение на JS: http://www.sdws.ru/topic.php?t=3&id=2# Как бы тоже не хочется его применять: 1. Нужна поддержка JS. 2. Нужно создавать две картинки(Желательно спрайтом). 3. Опять же, если правильно понимаю, нужно лезть в JS файл и задавать пути. Собственно вопрос: Можно ли как-то с помощью CSS решить эту проблему? ps. рылся в …

    Asked by Temiks,

    0 votes
    4 answers

  2. ie6 меню

    Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="contai…

    Asked by Nailya,

    0 votes
    2 answers

  3. Overflow и горизонтальный споллер

    Добрый день! Есть блок <div>, в нем есть список выстроенный горизонтально. Если у <div> выставить размеры, так, чтобы горизонтальный список не умещался в блок и показать скролы то список сбивается в вертикальный, т.е. появляется только вертикальный скрол, а требуется, чтобы был горизонтальный скрол... В чем может быть проблема? Как можно поправить? <div style="overflow: scroll ; height: 150px; width: 150px; border: 1px solid black"> <ul "list-style: disc outside; padding: 0px 0px 0px 0px"> <li style = "list-style-type: none; display: inline; float: left"> <div style = "border: 1px solid black"><img src="ссылка на картинку 1"&…

    Asked by AmateR,

    0 votes
    4 answers

  4. Проблема с колонками

    Есть сайт из двух колонок. Левая - контент, правая - доп. меню и т.п. Как сделать чтобы обе колонки были на одном уровне? Делал через div'ы.

    Asked by xDemix,

    0 votes
    1 answer

  5. "Закрыть" внешние ссылки от поисковых систем

    Приветствую! На сайте пользователи пишут комментария, введут блоги и т.п. В тексте могут использовать ссылки на внешние сайты и/или почтовые адреса. Я сделал так чтобы все ссылки автоматически высвечивались, то есть юзер введет www.test.ru, а уже на странице это будет готовая ссылка к примеру: <a href="test.ru"... Я в SEO не силен, но я знаю что если на сайте будут внешние ссылки, то сайт будет терять некую "популярность". 3 варианта решения: 1. Убрать к черту скрипт высвечивая ссылок и эл.адресов (либо подключать его только для зареганых, ведь поисковой робот не зарегистрируется и не увидит ссылки :-) ); 2. Переводить все внешние ссылки на подтверждающую страницу (как…

    Asked by Bebeka,

    0 votes
    0 answers

  6. вопрос про footer

    http://jsfiddle.net/2R7RR/ Как бы сделать так, чтобы footer прибивался к низу экрана, но как только middle будет больше чем экран, то тогда футер уходил за пределы экрана ?

    Asked by rtl_one,

    0 votes
    2 answers

  7. Два видео на одной странице

    Здравствуйте. Установила на сайт flowplayer. Видео проигрывается, все нормально. Но мне нужно встроить два видео на один лист. Как это сделать если id="player" можно встроить в лист только один раз! Вот такой код: <a href="http://vceprovce.ru/11/teplogen/video/2.flv" style="display:block;width:420px;height:300px" id="player"> </a> <!-- this will install flowplayer inside previous A- tag. --> <script> flowplayer("player", "http://vceprovce.ru/flowplayer/flowplayer-3.2.16.swf"); </script> Как можно встроить еще одно видео?

    Asked by Y-7,

    0 votes
    1 answer

  8. position absolute and relative

    Добрый день, на этапе изучения возник вопрос который я уже пол дня обмозговываю и вроде как для себя разобрался. position absolute позволяет блокам накладываться друг на друга а position relative не позволяет накладываться блокам друг на друга ,и если выставить блокам position relative то они позиционируются друг под другом. я правильно понял? и если мне надо сделать сайд бар где нибудь справа от основного содержимого то шапка сайта у меня будет absolute, а основное содержимое и сайд бар будут relative ?

    Asked by yarosh,

    0 votes
    4 answers

  9. Подскажите,не хватает опыта при верстке специфического фона для блока

    При верстке фона для блока возникла проблема. Фон специфической текстуры с шумами,а также присутствует градиент... http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-4.png Вырезать кусок по всей высоте и пикселей 10 по ширине а потом его размножить по горизонтали не помогло,получается неаккуратно и некрасиво! Возможно есть другой подход к этой проблеме,но я о нем не знаю) http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-7.jpg

    Asked by My}I{uK,

    0 votes
    3 answers

  10. Инвертация значений нескольких кнопок

    Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…

    Asked by Ser8191,

    0 votes
    0 answers

  11. Приоритет наложение слоёв

    Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?

    Asked by aqua.77,

    0 votes
    3 answers

  12. Несколько изображений на одном месте

    Подскажите как сделать "наложение" одного изображения на другое. При чем наложени(как слоев)не мало. Есть(в черчежах) "слой" задний., средний(он как раз статичен) и внешних окола 4. Для чего все это? для бра.. и так все слои с самого последнего(ну первое в списке будет закрыватся последним в списке): Слой."волосы1" Слой."основа" Слой."волосы2" Слой."глаза" Слой."лицо" Слой."эмоция" Слой."одежда" Слой."брюки,шорты" Слой."носки" Слой."обувь" Слой."верххняя одежда" Слой."перчатки" Слой."аксесуары" наверное уже догадались для чего.

    Asked by LDF,

    0 votes
    2 answers

  13. Извените за новую тему НУ ОЧЕНЬ надо

    Я сделал веб страницу через psd шаблон и сделал меню сайта и гипер ссылки меню сайта ушло в низ и гипер ссылки тоже что делать подскажите плиз? вот скрин где оно щас находитса http://dump.ru/file/4866262 а вот скрин где это всё должно быть http://dump.ru/file/4866261

    Asked by Suriko,

    0 votes
    1 answer

  14. Выпадающий список

    как его создать?

    Asked by alvaros,

    0 votes
    3 answers

  15. Нужна помощ

    Привет всем! Подскажите плз как сделать чтобы при добовлении новой новости, главная не опускалась в низ... К примеру: Есть новость под названием "Правило добовления новостей" Тоесть мне нужно сделать чтобы оно всегда сверху было

    Asked by Suriko,

    0 votes
    2 answers

  16. Основные инструменты для верстки?

    Какие основные инструменты нужны для верстки?

    Asked by Sergey410,

    0 votes
    2 answers

  17. overflow

    В css использую overflow: auto; когда к картинке в <div> добавляю этот Overflow все работает но стоит картинке указать атрибут align, то Overflow перестает работать как надо. он работает как Overflow: hidden;

    Asked by Gotafak,

    0 votes
    1 answer

  18. Помогите. Направьте на верный путь

    Здравствуйте дамы и господа! С недавнего времени я заинтересовался версткой сайтов. Прошел курс по HTML и CSS, ни по одному разу. Теперь я в тупике, незнаю в каком направление мне двигаться дальше. В интернете очень много полезных статей и уроков, но нет где бы досконально обьяснялись все элементы посторойки сайтов. Везде одно и то же - берем это ставим сюда, а вот это сюда, тоесть все делают за вас. Мне бы хотелось познать весь процесс целиком, а не просто знать, что куда пихать. Времени вагон, да и желание есть заниматся версткой. Прошу знающих людей помочь, подкинуть пару советов, в каком направление мне идти дальше. Я понимаю, что главное практика, но методом тыка - э…

    Asked by Vitaliy,

    0 votes
    5 answers

  19. Пропадает прозрачность

    Изначальная задача сделать полупрозрачный текст под углом (и не было бы проблем если бы какие то чудики все не забили на IE 6-8) Вот как оно выглядит по идеи: <!DOCTYPE html> <html lang="ru"> <head> <title>test</title> <meta charset="UTF-8"> <style type="text/css"> #mytext { width:150px; margin:200px auto; opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=20); transform:rotate(-25deg); -moz-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-…

    Asked by stars,

    0 votes
    2 answers

  20. Помогите с кодом

    Добрый вечер. Есть на сайте каталог. Нужно ниже него сделать такой же. При копировании кода второй почему то не работает. Вот адрес каталога для просмотра: Каталог А вот собственно сам код: Помогите пожалуйста. Очень надо

    Asked by Timoti_xxx,

    0 votes
    0 answers

  21. margin-top производит не тот еффект, который должен

    Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}

    Asked by fr1run,

    0 votes
    2 answers

  22. Как реализовать такой фон?

    Есть такой макет: центральная часть фиксирована по ширине (желтый фон у хидера и футера, зеленый - у блока с контентом). Нужно сделать, чтобы фон желтого и зеленого цвета растягивался на всю доступную ширину. Единственное, что я придумал - применить, допустим, для html фон желтого цвета, а для body - зеленого, сместив по вертикали на величину, равную высоте хидера, предварительно подготовив фон, равный по высоте блоку с контентом. Но ведь высота блока с контентом может меняться (например, при увеличении шрифта). Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал

    Asked by sfc,

    0 votes
    1 answer

  23. Селекторы, классы

    Всем привет, начал изучать данные технологий, почитал кое-что у нас, на стороне (ру/en) Возник вопрос в в таких записях типо: #div ul{...} #div ul li{...} #div ul li a{...} видел еще много подобных (если не изменяет память, то что то из разряда ul.div li) Зачем используются такие записи (их цель назначение, а еще важнее как работает) Это понятно, что мы задаем стиль для списков, ссылок, но почему нельзя делать это например по одному, например все что отностися к UI записать сразу все в одном стиле (хотя получится громоздко) Заранее спс

    Asked by goGAS,

    0 votes
    2 answers

  24. Призрачный отступ

    После своего собачьего сайта, Я прочел рекомендованные статьи, переварил полученную информацию, проанализировал свои ошибки и принялся за верстку нового шаблона но уже учитывая ошибки, валидность и семантику. А теперь суть самой проблемы, от верхней границы браузера до блока body какой-то непонятный отступ, я знаю что его можно убрать использовав margin с минусовым значением, но Я хочу понять что там происходит. Сначала я подумал что это из-за файла reset, но Я его отключил и проверил, проблема сохранилась, прошу помощи. Заранее спасибо! Подопытный Файлы Шаблон(если надо)

    Asked by li4e,

    0 votes
    2 answers

  25. Нужна помощь в устранении проблем

    Доброго времени суток. Буду краток. Есть шрифт, который понравился заказчику, называется "Arsenal". Так вот он отображается не корректно в браузерах кроме Хрома. Как его заставить отображаться правильно? Какие есть способы, "читы" и тд? пс: как я понимаю, каждому браузеру нужен свой формат (поправьте где не прав), он (шрифт) у меня в .otf формате, через всякие сервисы кодировал его в нужные форматы (нашел на htmlbook статью, какому браузеру какой формат), но толком ничего не помогло. пс2: На гуглфонте шрифта нету. Проблема №2: В навигации не работает z-index. Ткните носом на проблему! Сайт - baklazhan.zz.mu Проблема №3: Очень нравится навигация Бутстрепа и ее поведение …

    Asked by n0_th1nk,

    0 votes
    8 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept