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

29,542 questions in this forum

  1. Вертикальная разделительная черта между колонками в таблице

    Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.

    Asked by Roman-NN,

    0 votes
    2 answers

  2. копирование html кода iframe формы.

    Приветствую камрады! Появилась у меня задачка: необходимо скопировать часть html кода сгенерированного у пользователя на странице сайта и передать на сервер. Интересующий код является сторонним виджетом js с использованием jquery. Есть ли какая либо возможность скопировать исходный код виджета у пользователя? Можно по запросу разрешения у пользователя. Лично сам рассматриваю примерно такой вариант: Пользователю предлагается форма копирования, в которой находится виджет. Пользователь его копирует в свободную форму и отправляет на сервер. Как этот процесс можно реализовать?

    Asked by momai,

    0 votes
    8 answers

  3. Не могу убрать отступы

    Продукция Услуги Партнерам Новости компании Контакты

    Asked by sarlev,

    0 votes
    13 answers

  4. Центрирование на экране фиксированного элемента

    Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

    Asked by MageMerlin,

    0 votes
    13 answers

  5. Пустой узел текста

    Творится что-то непонятное (во всяком случаи для меня): Есть тело <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> <html> <body> <div> <strong>123</strong> <strong>123</strong> <strong>123</strong> </div> </body> </html> Я пытаюсь изменить дочерние объекты div-а, но не могу так как после каждого </strong> он мне создает еще один объект. И в итоге получается что дочерних объектов не 3, а 5!! Средства разработки в IE8 ставит в дереве документа, после каждого <strong>123</strong> объект "Текст - Пустой узел текста". Тоже самое прои…

    Asked by kosh_,

    0 votes
    22 answers

  6. внутри div сделать img+p к низу

    В общем делаю каталог продукции. Каждая позиция товара находится внутри div. Div имеет фиксированный размер 200x200px. Внутри DIV находится IMG. IMG имеет разный размер, но меньше 200px по высоте и ширене. Также внутри DIV есть P. В общем P нужно прибивать к низу DIV, а потом IMG прибивать к верху P. Но самое главное, все это добро должно быть по центру. <div id="content" class="catalog"> <div><img src="img/okolco.png" alt="" /><p>Обручальные кольца <span>180</span></p></div> <div><img src="img/pechatka.png" alt="" /><p>Печатки <span>78</span></p></div> <div><img src…

    Asked by Вадим,

    0 votes
    8 answers

  7. Оформить поле ввода и кнопку

    Как мне оформить поле ввода и кнопку уникальным дизом? Я нарисовал сво? поле ввода и кнопку, а как заставить их работать?

    Asked by sm.hermes,

    0 votes
    9 answers

  8. LINK - не показывается иконка

    У меня ч?-т иконка не показывается( - правильно ведь? И сама иконка 16х16... В ч?м может быть подвох?

    Asked by Wol11,

    0 votes
    5 answers

  9. CSS + CSS2

    Доброго времени суток , извините есле етот топ уже создавался , я его не нашел ... Суть :-) : {в чем различие CSS vs CSS2 где можно почитать ?}

    Asked by mOnYa,

    0 votes
    11 answers

  10. Почему Opera так себя вед?т?

    Вот так: В ИЕ и FireFox вс? нормально. Вот код: <div style="border: solid 1px #C0C0C0; margin: 5px; cursor: hand; float: left;" onclick="java script:win('../gallery/imageLibrary/file.jpg','win','w','h');" onmouseover="this.style.borderColor='#AF2D2D';" onmouseout="this.style.borderColor='#C0C0C0';"> <table cellpadding="0" cellspacing="0"><tr><td style="vertical-align: middle; height: 88px;"> <img src="../gallery/imageLibrary/file_tb.jpg" alt="" style="margin: 5px;" /> </td></tr></table> </div> Причем помечанные фотографии при любом их местоположении отображаются нормально...

    Asked by gizmomy,

    0 votes
    17 answers

  11. посоветуйте книгу про CSS

    Сейчас учусь по книге Джон Дакетт Основы веб-программирования с использованием html xhtml и css. Почти закончил изучение css, яву пока учить не буду, а хочу углубиться в css. У меня ещё есть книга CSS. Рецепты программирования, но пролистав её по ней я пока что учиться не хочу, там просто показаны примеры и в них очень много свойств из CSS 3 про которые я не знаю и в ней не написаны, как работают эти свойства, а просто показаны примеры. Какую книгу посоветуете??? Не люблю читать за компом

    Asked by DivMan,

    0 votes
    10 answers

  12. transform, transition и IE

    Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей…

    Asked by maritca,

    0 votes
    5 answers

  13. Фон

    Добрый день всем, нуждаюсь в помощи более опытных. Есть фоновая картинка размером 1024*1320, на 17 дюймовых мониторах думаю понятно что она будет на всю ширину, а вот мне надо так что бы она была по центру на широкоформатных мониторах и фон был черным. <style type="text/css"> BODY { background-image: url('img.jpg'); background-color: #000; background-repeat: no-repeat } </style> Каким образом его можно сместить на центр?

    Asked by Pawtin,

    0 votes
    13 answers

  14. Древовидные комментарии

    расскажите кто-нибудь как сделать древовидные комментарии, как например на Яндексе и тут http://habrahabr.ru/blogs/ui_design_and_usability/22820/

    Asked by Deacon,

    0 votes
    11 answers

  15. Формы

    Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?

    Asked by lapwing,

    0 votes
    17 answers

  16. Таблица-список

    Добрый день. Есть необходимость сделать пронумерованную таблицу-список. Проблема в том, что она часто пополняется или изменяется и тогда приходится заново нумеровать строки с места добавления/удаления строк. Попытался сделать 2 таблицы вложенные в одну главную: в первой - столбик номеров строк, во второй - данные. Так легче корректировать номера: если добавляются/удаляются строки, просто добавляем или удаляем номера внизу первой таблицы. Но есть загвоздка, некоторые строки в таблице с данными имеют 2-3 строки (данные в ячейки записаны через <br>, например, 2 мобильных номера телефона у человека), и тогда первая таблица с номерами съезжает. Вопрос: как можно написать…

    Asked by svobodniy,

    0 votes
    11 answers

  17. Изображения в блоке

    Всем добрый день! У меня возникла проблема с тремя рисунками. Почему при добавлении нового рисунка в том же блоке неправильно вычисляет высоту с использованием position: relative? Вот пример: <div id="container"> <div id="top"> <div class="top_2"></div> <div class="top_3"></div> <div class="top_4"></div> </div> </div> В общем, если смотреть на страницу, то всё правильно показывает. Только не понятно почему когда есть position: relative, при добавлении второго рисунка, он берёт высоту относительно предыдущего рисунка. Если добавлять третий рисунок, тогда совсем не понятно как он там вычисляет высоту. Может, я с…

    Asked by imariki,

    0 votes
    9 answers

  18. Реализация сложного фона средствами CSS

    Добрый день. Назрел такой вопрос с реализацией многослойного фона. На картинке - очень хороша видна суть, и все описано. Очень похоже сделано здесь - http://dgame.ru/ (сильно уменьшите масштаб чтобы посмотреть как реализован фон), но - у них реализовано на табличках. Хотелось бы (по крайней мере по кускам) замутить на дивах. Я думаю на изображениях все предельно понятно, если что-то нет дообъясню Как должно выглядеть в браузере (если окно меньше или равно 1000px) Как должно выглядеть при уменьшении масштаба/увеличении разрешения P.S. Опять же, ребята, просто кому интересно, может быть просто навести на мысль даже по кускам, я и сам не проч позамарачиваться, спецификац…

    Asked by Radik_45,

    0 votes
    6 answers

  19. алфавитный указатель?

    такой вопрос. есть список фильмов от А до Я, на каждый из которых дано однострочное описание. надо сделать алфавитный указатель. самое простое - сделать 30 страниц по одной на каждую букву, однако хочется сделать по-умному ) например разместить все записи на одной странице, и сделать так, чтобы при нажатии определенной буквы скрывались все строчки, начинающиеся с других букв )) примерно как авто-фильтр в экселе. есть варианты решения?

    Asked by alazankin,

    0 votes
    2 answers

  20. Текст, надпись на фоне-картинке

    Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…

    Asked by Hell,

    0 votes
    5 answers

  21. Не работает кнопка

    Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.

    Asked by Normylik,

    0 votes
    20 answers

  22. Двухуровневое меню горизонтальное

    верстаю меню по готовому примеру: http://blog.sjinks.pro/css/53-cross-browse...out-javascript/ я - новичок и , пожалуй, упускаю многие вещи. Просьба проверить мой код: 1. активное (class="on") подменю видно под нужным подменю (при наедении на верхнее). z-index лишь отчасти помогает 2. не получается разделить стили для верхнего меню и ниж. подменю (нижнее нужно расположить каким-то образом, чтобы оно не переносилось на другую строку) 3. самое главное сомнение. будет ли это меню работать, поскольку пока, в тестовом режиме, мне не удается поймать мышкой подменю. Может еще что добавить? <body> <div id="frame"> <div id="header"> <div id="logo…

    Asked by ola,

    0 votes
    1 answer

  23. font-face кириллица

    На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…

    Asked by theo_,

    0 votes
    4 answers

  24. 3-x пиксельный баг ИЕ

    как с ним бороться а первый раз столкнулся и не могу справиться=(

    Asked by VoVa,

    0 votes
    6 answers

  25. Невероятная проблема с png

    При реализации очередного проекта я столкнулся с невероятной трудностью в настройке отображения прозрачности png для IE<7. Дело в том, что я постоянно пользовался трюком с созданием .htc-файла, этого было достаточно. Но текущая задача заставила меня убрать тег img и вставить .png-файл в background. И тут начались невероятные трудности... Задача: сделать скругленные края у картинки. Решение: Поместить картинку в background , внутри которого будут лежать еще 4 с полупрозрачными .png-уголкамиРеализация: Ограничения, накладываемые задачей: размеры всех div должны быть одинаковы Думаю, идея ясна. Теперь проблема: в IE<7 как известно прозрачность зад…

    Asked by XXXVII,

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