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. <!doctype html> и плавающие элементы

    Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…

    Asked by Briss,

    0 votes
    4 answers

  2. Проблема с шапкой

    В общем есть шапка формата 1150х250.Вот самая картинкаСпециально сделал затемнение что бы сделать кусочек в ширину 1px и высотой 250px,черным цветом.Теперь всё проблема как сделать что бы картинка на каждом мониторе была в центре, а побокам этот кусочек в 1px заполнял до краёв шапку.Подскажите пожалуйста что нужно изменить в сss-е и html-е?Заранее спасибо.Если вам нужен сам html и css выложу

    Asked by Alex15,

    0 votes
    5 answers

  3. frame, hover, ie9

    такой код <div> <frame> </frame> </div> блок div виден частично при div:hover он весь появляется и видно frame, но когда навожу на область frame-а, div сворачивается (hover отключается) такое только в ИЕ

    Asked by jurassik,

    0 votes
    7 answers

  4. Выравнивание пунктов меню (без li)

    Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li. http://karelin.tk Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет. Помогите решить проблему. Вот css: http://karelin.tk/css/default.css

    Asked by xSPiRiTx,

    0 votes
    7 answers

  5. Как сделать что бы контент спойлера грузился только после его активации?

    Скажите с помощью чего можно это осуществить? На странице есть несколько спойлеров,как сделать что бы контент в них грузился лишь тогда когда спойлер открывает юзер?Точнее что бы грузлось содержимое только того спойлера по которому кликнули. <a href="#1" class="videoA">спойлер 1</a><div class="videoB">содержимое спойлера 1</div><a href="#2" class="videoA">спойлер 2</a><div class="videoB">содержимое спойлера 2</div><a href="#3" class="videoA">спойлер 3</a><div class="videoB">содержимое спойлера 3</div><script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).nex…

    Asked by pudge,

    0 votes
    6 answers

  6. Меню из квадратных элементов

    Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.

    Asked by PavelTkachev,

    0 votes
    11 answers

  7. Запретить браузеру запоминать переходы в iframe в историю

    Всем привет. Такая проблема. Широко пользуемся модальными окнами на сайте. Внутри модальных окон требуются переходы между страницами, отправки формы и т.п. Поэтому решили вставить в jQuery.dialog iframe, и отображать страницы внутри iframe. Проблема следующая. Если внутри iframe были переходы по страницам, браузер запоминает их в историю. Поэтому после закрытия модального окна, если нажать на внопку "Назад", то браузер остаётся на той же главной странице, потому что переход был внутри уже скрытого iframe. В общем надо как-нибудь запретить браузеру запоминать переходы внутри iframe? Единственное, что нашёл - это использовать location.replace вместо ссылок, но там ещё…

    Asked by Serg@NT,

    0 votes
    1 answer

  8. Header пропадает, если в нём просто фон или картинка

    Делаю свой первый сайт. http://cssdeck.com/labs/fxuxxevq При любом из !DOCTYPE тег header не показывает содержимое (фон или картинка), но может показывать заголовок - тогда и фон отображается. Как сделать, чтобы только фон или картинка отображалась без употребления заголовка?

    Asked by Сергей_Б,

    0 votes
    3 answers

  9. Аннимация изображения

    Добрый день, поделитесь, пожалуйста опытом, задача следующая - есть картинка, на ней изображен медведь) Нужно при наведении на медведя сделать так, чтобы он махал лапкой) Вот такая вот задача, подскажите, как это сделать?

    Asked by Lady_V,

    0 votes
    4 answers

  10. Пропажа бордюров

    Здравствуйте! Помогите пожалуйста по следующей проблеме. У меня перестали отображаться бордюры с правой и с левой стороны. В чём может быть проблема? -moz-border-image: url(images/1.png) 10 20 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-image: url(images/1.png) 6113 0 0 fill stretch stretch; border-width: 30px; border-right: 30px solid; -moz-border-image: url(images/1.png) 10 260 10 250 stretch stretch; -webkit-border-image: url(images/1.png) 6113 0 0 stretch stretch; -o-border-image: url(images/1.png) 6113 0 0 stretch stretch; border-width…

    Asked by bobb,

    0 votes
    3 answers

  11. Про адаптивное меню

    Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.

    Asked by Oloref,

    0 votes
    1 answer

  12. Блок с фиксированными width, height но не block.

    Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.

    Asked by Astraller?,

    0 votes
    0 answers

  13. Как сделать, чтоб всед за одним слоем второй также удлинялся в высоту?

    Подскажите пожалуйста ещё раз, как сделать, чтобs всед за одним слоем второй также удлинялся в высоту?

    Asked by Glebr,

    0 votes
    2 answers

  14. Ссылка с картинкой и пунктирное подчеркивание

    Здравствуйте ! Есть такая ссылка : <a href="#" onclick="JS-code">Текст<img src="foo.gif" alt="foo" /></a> Можно ли сделать так, чтобы текст в ссылке был подчеркнут пунктирной линией, а картинка нет ? Разделить это на две отдельные ссылки не предлагать. Дело в том, что код, который находится в onclick достаточно длинный и укоротить его нельзя, а таких ссылок на странице много. Страница и так уже довольно обьемная и увеличивать ее еще больше не хотелось бы. Спасибо.

    Asked by subalex,

    0 votes
    1 answer

  15. Как В Строку Вставить Блочный Элемент?

    Нужно сверстать название новости и тут же через несколько пробелов вставить блок с датой. То есть, блок с датой должен находиться сразу после окончания текста новости в этой же строке, и в случае переноса строки - блок тоже переносится (полностью, а не по частям). Ширина строки не фиксирована. Вот ссылка на то как это должно выглядеть должно выглядеть Я сначала сделала два дива, с float:left, один с не фиксированной длинной (в котором название новости)второй с фиксированной (с датой). В принципе, большинство браузеров адекватно отобразили верстку, кроме всеми любимых ИЕ6 и ИЕ7, в них все развалилось - вариант не подошел. Потом пробовала блок с датой сделать через span, но…

    Asked by ker,

    0 votes
    4 answers

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

    Вот макет: http://filesurf.ru/230610/var_1_bw_3.jpg.html. Столкнулся с проблемой верстки изображений в галерее справа страницы. Так как они находятся под углом, просто вырезать и вставить в верстку их нельзя, почестям резать их тоже не желательно, так как потом нужно будет встраивать JS для того что бы при нажатие они увеличивались. Может быть кто нибудь подскажет как именно это можно реализовать? Буду бескрайне благодарен)

    Asked by moskalev_mihail,

    0 votes
    11 answers

  17. Сортировка страниц сайта

    Добрый день! Подскажите, пожалуйста, как реализовать следующее: Я планирую сайт с большим количеством страниц. Каждая страница - отдельная статья. Каждой странице соответствует несколько ярлыков/меток (они разбиты на категории). На отдельной странице выведены все ярлыки с чекбоксами рядом с каждым из них. Посетитель выбирает один или несколько чекбоксов и по нажатию кнопки ему показываются страницы, содержащие все отмеченные метки, в виде результатов поиска.

    Asked by Ted Bronson,

    0 votes
    6 answers

  18. Изменить цвет части блока

    Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?

    Asked by luethus,

    0 votes
    4 answers

  19. Кодировке и хостинг

    Помогите разобраться. При сохранении html или php файла(предварительно сохраненных в блокноте как utf8 и c прописанным тегом meta) на сервере хостинга, вместо русских букв появляются вопросы. На локальном сервере(Denwer) проблем нет, русские буквы отображается верно. В связи с этим также не работают запросы с русскими символами в параметрах, с английскими все работает.

    Asked by ab138,

    0 votes
    9 answers

  20. input type=file не расширается

    Народ, я только заметил что Firefox не понимает ширину для input type=file. Смотрите здесь. Не смотря на то что задана ширина 300px Firefox показывает как обычно. Как можно добиться этому?

    Asked by jumancy,

    0 votes
    6 answers

  21. Отстык=пы в меню

    Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; char…

    Asked by Zeeeya,

    0 votes
    5 answers

  22. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley,

    0 votes
    5 answers

  23. DIV не выравнивается по высоте

    Добрый день, подскажите пожалуйста: http://jsfiddle.net/8xyNP/ 1) Почему, у span.b автоматически не выставляется высота как у родителя div.a? 2) Если, у span.b выставить width: 500px, как сделать чтобы span.c сам выставил себе значение width, до элемента span.b?

    Asked by AppleMacMy,

    0 votes
    6 answers

  24. Плагины в Photoshop

    Недавно по рассылке получил новость о плагине для Photoshop. Этот плагин в автоматическом режиме преобразовывает выбранные слои макета в CSS правила. Почитал еще немного и узнал, что такие плагины существуют уже давно их немалое кол-во. Подскажите, действительно ли такие плагины работоспособны и стоит ли их применять на практике?

    Asked by aaron,

    0 votes
    4 answers

  25. Радиальный градиент в Firefox и Chrome

    Решился использовать на странице радиальный градиент. Однако обнаружил забавную вещь: При одинаковых параметрах: background-image: -webkit-radial-gradient(circle farthest-side, #FFF, #C5C5C5); background-image: -moz-radial-gradient(circle farthest-side, #FFF, #C5C5C5); Градиент отображается по-разному в Firefox и Chrome (в других пока что не проверял): Chrome: http://rghost.ru/41034060.view P.S. Видна внешняя граница градиента. Firefox: http://rghost.ru/41034084.view P.S. Внешняя граница градиента становится видна только на расстоянии от монитора. Вот такая вот штука Вроде бы все одинаково, а отображается по-разному. Как сгладить градиент в хроме я даже не знаю (увелич…

    Asked by Feel,

    0 votes
    3 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