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. Формат изображений для фона: почему не jpg?

    День добрый форумчанам. Хочу задать вопрос - да, может смешной, но прямого ответа не нашла на него. Форматы изображений для фона: png, jpg, gif. Почему крайне редко используют jpg? Читала про прозрачность и пр. А если прозрачность не нужна, качество устраивает и вес файла подходит, то почему jpg практически не используют все-таки? Вот поставила в шапку background'ом крупное изображение - в формате png. Загружается долго, весит много, а в jpg - более-менее. Вот почему бы не поставить jpg? Или фоном для body? И где-то краем глаза видела, что что-то не так с использованием jpg и gif - то ли с безопасностью связано, то ли еще с чем. А может, я что-то перепутала и сама мор…

    Asked by IrgaI,

    0 votes
    8 answers

  2. Двойной цикл

    Подскажите, пожалуйста, как можно выйти из двойного цикла. Пробовал так и ничего не получилось: function search_Array(point) { for (var i = 0; i < mainArray.length; i++) { alert(i); for (var j = 0; j < mainArray[i].option.length; j++) { alert(j); if (mainArray[i].option[j].value == point) { alert (mainArray[i].option[j].value); break endLoop; } } } endLoop: return [i, j]; } Можно, конечно, по окончанию первого цикла еще раз вставить такую же проверку (if (mainArray.option[j].value == point) ), но как-то криво выглядит. Помогите. Спасибо.

    Asked by uefa,

    0 votes
    4 answers

  3. Подскажите..

    Подскажите пожалуйста простой, но надежный скрипт опросаголосования. Я уже столько всего обыскал, а нормального скрипта не нашол. Очень важе настраеваемый дизайн. И еще..Это очень-очень важно....помогите зделать так чтоб к тексту можно было писать комментарии. Тоесть у меня каталог онлайн игр..на одной странице десять игр и мне нужно что б к каждой из этих игр можно было писать комментарии... Это все очень нужно.. Всем сразу огромное спасибо...

    Asked by Cyrax,

    0 votes
    11 answers

  4. Фон с полосой посредине.

    Господа, что-то у меня все представления о верстке поменялись... Вот простой код: * {margin: 0; padding: 0;} html { background-color: black; } body { margin:0 auto; width:700px; background-color: #009933; } Тут совершенно ясно, что на черном фоне (посредине) должна быть полоса зеленого цвета шириной 700пкс. И мне было ясно до сегодняшнего дня. Но сегодня я обнаружил, что в ИЕ6 это не так! В нем вся площаль зеленого цвета. Здесь даже хак вставить некуда и не о чем! Я чего-то не понимаю.... Какие есть мнения относительно природы этого явления? Хотя есть еще вариант, что это MultipleIEs глючит. Да, предвидя замечания про теги html и body (а почему бы и нет?) скажу,…

    Asked by N-Mak,

    0 votes
    7 answers

  5. Высота строк в таблице

    Вот код таблицы: <body> <table cellspacing="0" cellpadding="0" border="1"> <tr valign="top" height="0"> <td><!--#include virtual="/ssi/header.html" --></td> </tr> <tr valign="top"> <td> <div id="page-content"></div> </td> </tr> <tr valign="bottom" height="0"> <td><!--#include virtual="/ssi/footer.html" --></td> </tr> </table> </body> В стилях: table { height:100%; width:100%; } Однако в IE каждая строка занимает треть экрана, хотя шапка и подвал должны быть прижаты. В Mozilla все нормально. И еще, какой DOCTYPE необходимо ук…

    Asked by pps,

    0 votes
    1 answer

  6. Фиксация заголовка таблицы от прокрутки

    Хотелось зафиксировать верх страницы (конкретно в моем случае названия колонок таблицы) от прокрутки. Пытался нагуглить решение, но понравившегося мне не нашел - у всех найденных решений область прокрутки имела фиксированный размер, и если размер окна был больше чем "надо", лишнее место пропадало зря, но хуже, если высота экрана оказывалась меньше. Тогда появлялась вторая полоса прокрутки, которая все-таки уводила названия колонок за пределы экрана. Ничего лучше найти не смог. Тогда решил сделать с помощью фреймов. Все банально просто - в верхнем фрейме табличка с заголовками колонок, в нижнем - таблица с собственно данными. Хочу обратить внимание на два момента. 1. Ширин…

    Asked by rgl,

    0 votes
    3 answers

  7. Одинаковая высота у двух блоков

    Кратко: есть основной контентный блок, есть правый контейнер. На контентный блок ложится основная нагрузка: он сильно растягивается под действием новостей и пр., а в правом контейнере будут небольшие объявления, необходимая высота гораздо меньше. Как сделать так, что бы оба этих блока растягивались до футера? HTML <div id="right">Правый контейнер</div> <div id="center">Контентный блок</div> CSS #center { background-color:#8080FF; margin-right: 252px; background: url(/templates/Custom/img/contentbg0.1.png); background-repeat: repeat-x-y; border: solid 1px black; } #right { background: url(/templates/Custom/img/upheader1.0.png); background-repea…

    Asked by Klever.,

    0 votes
    7 answers

  8. Карусель с навигацией в 2 ряда

    Всем привет! Есть задачка - сделать карусель, в котором навигация в 2 ряда http://prntscr.com/pb6dlu Обычно пользуюсь плагином slick. Есть у него в настройках slidesPerRow и rows, с помощью которых можно выстроить визуально в 2 ряда, но увы, навигация работает некорректно. Буду благодарна советам, как такое можно реализовать. Slick не обязателен, может есть другой хороший плагин.

    Asked by Crystal-3,

    0 votes
    10 answers

  9. Проявить бблоки по ссылки

    Здравствуйте, уважаемые! Это снова я. На сей раз у меня следующий вопрос: поставлена задача при клике на ссылку (определенную ссылку) необходимо отобразить на этой же странице еще несколько по сути схожих блока, как это сделать? какими средставами? если кто знает где можно найти такой пример (скрипт и т.д.) поделитесь, пожалуйста. Спасибо!

    Asked by inweb,

    0 votes
    4 answers

  10. Применение margin к встроенным элементам.

    Почему b{margin: 15px} отталкивает селектор только от левого края, а b{padding: 15px} работает нормально?

    Asked by Gnom7,

    0 votes
    12 answers

  11. Элемент не центрируется в Firefox / IE.

    Довелось мне править чужой говнокод. Основной кусок: <tr> <td> <table align="center"> <tr> <td> <table align="center"> <tr> <td> <DIV align="center"><TABLE STYLE='width: 100%; background-attachment: scroll; background-repeat: no-repeat; background-position: 0% 0%; background-image: url("http://*.ru/obuchenie.png"); border-collapse: collapse' align summary="null"><TBODY><TR><TD STYLE='width: 1198px; letter-spacing: 0px; word-spacing: 0px'><BR><BR><BR><BR><TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE><DIV onclick="if (…

    Asked by Kawamura,

    0 votes
    7 answers

  12. При зуме в Chrome появляются лишние пиксели

    Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…

    Asked by zodcyi,

    0 votes
    5 answers

  13. Фамилии по 1-й букве в <Select>

    Гоню список фамилий из базы в тэг (на пхп). Сортировка списка не алфавитная. Проблема: по набору буквы не подтягивается фамилия на эту букву. Локально стоит Денвер. Все нормально работает. При наборе первой буквы в селекте подтягивается первая по порядку фамилия на эту букву. Второй раз жму букву, подтягивается следующая фамилия на эту букву. На хосте через инет когда как бывает. Иногда работает. Иногда нет. Не пойму логики. Самый тупой вариант решения, это переписать все такие селекты с предварительной сортировкой списка по алфавиту. Не знаю пока поможет ли это. Но почему локально работает? Пхп + майскл. Кодировка базы utf-8.

    Asked by ХисДамир,

    0 votes
    5 answers

  14. Галерея на JS + выравнивание по центру

    Есть сайт на Drupal 7, в нём модуль Views Slideshow выводит при помощи jQuery Cycle Plugin галерею с меняющимися изображениями (пример можно увидеть по ссылке). Проблема в том, что у меня не получается выровнять эту галерею по центру (по горизонтали). Например, при использовании display: block; margin: 0 auto; галерея выровнена по центру (сразу после открытия страницы), но, буквально через секунду (когда страница сайта загружается полностью) галерея прилипает к левому краю :-(. Как это исправить? Я также пробовал различные способы с указанием процентной записи отступов слева-справа, но они работают некорректно из-за различной ширины изображений в галерее. UPD. РЕШЕНИЕ…

    Asked by vkapas,

    0 votes
    6 answers

  15. Некорректное расширение картинки.

    Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.

    Asked by Dimitry Wolotko,

    0 votes
    4 answers

  16. Reset form

    зравствуйте, столкнулся с проблемой относительно горячих клавиш, а точнее с функцикй которая должна имитировать кнопку ресет при нажатии клавиши. Как это реализовать с привязкой к id формы я понимаю, но ето не вариант, так как страниц с формами должно быть много. Поетому хотелось бы написать универсаьную функцию ля всех форм. По логике, ето должна быть либо первая найденная скриптом форма, либо просто любая (хотя етот вариант менее желателен). Собственно вопрос, как такую функцию написать? заранее благодарен

    Asked by korzhik,

    0 votes
    1 answer

  17. Рамка - изображение

    Здравствуйте. Подскажите пожалуйста как сделать изображение рамкой при помощи CSS?

    Asked by Cyrax,

    0 votes
    5 answers

  18. Простой шаблон

    Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …

    Asked by Ururu,

    0 votes
    8 answers

  19. проблема с отображением изображения

    день добрый, форумчане! разработкой сайтов занимаюсь более 3-х лет и с хтмл приходилось работать немало. Впервые столкнулся с одной проблемой - качественный рисунок отображается некачественно в теге IMG не уверен, что дело именно в хтмл, просто не могу понять что же это такое вот здесь выложил psd с изображением проблемы http://kostroma.pro/temp/ak.psd "кривизна" наблюдается в IE, Firefox, Opera, Chome а так же в фотошопе при сохранении для вэб (alt+shift+ctr+s) та же самая кривизна подскажите что с этим делать?

    Asked by icyberbot,

    0 votes
    17 answers

  20. Использование атрибута type у тега <link> в HTML5

    Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.

    Asked by Ultran,

    0 votes
    5 answers

  21. обратная форма связи для шаблона на dle

    Как сделать форму обратной связи если я сделал сайт на dle движке, не понимаю просто вообще, был один способ но онскорее для обычных html страничек, облазил весь инет, пытался подключить в дле модуль нифига не вышло, помогите братья

    Asked by igornagorny89,

    0 votes
    3 answers

  22. opera vs "универсальный шаблон"

    Доброго времени суток! Возникла проблема с оперой (что меня удивило) Сверстан сайт по вот этой идее http://trifler.ru/blog/i/users/ushablon.htm пример работает везде и на ура. у меня же после внедрения в жЫзнь, по закону подлости отображает не правильно ФФ и ИЕ корректно понимают margin-bottom:-32767px;padding-bottom:32767px; а вот опера не пожелала пример сайта http://devel.domik.net/mod/offers/ даю ссылку не на главную старницу специально. вкратце для тех кто не хочет заходить: в опере появляется огромное пространство размеров в те самые ~30000рх. Код в студию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401…

    Asked by ignar,

    0 votes
    3 answers

  23. Проблема с ссылками

    У меня еще один вопрос, только уже по поводу отображения некоторых ссылок на сайте: есть одна огромная таблица, в которой множество вложенных таблиц. В одном из фрагментов данной таблицы находятся: поиск по сайту - 2 ссылки (главня - выход), а на строку ниже - Сделать стартовой, добавить в закладки, РСС и т.п. так вот, вопрос в следующем: В ИЕ6 ссылки "Главная" и "Выход" не отображаются как ссылки, просто как текст и все подчеркивания для ссылок в ИЕ 6 и 7 под расширением 1024*768 выглядят некорректно (получается не подчеркивание, а зачеркивание).. Подскажите пожалуйста, где у меня в коде ошибка Сам фрагмент кода с данными элементами: <!--Поиск--> <div class="li…

    Asked by DImaN,

    0 votes
    10 answers

  24. Выравнивание по горизонтали и вертикали

    body { margin: 0px; } .bdiv { width: 100%; height: 200px; border-color: #000000; border-style: solid; border-width: 1px; z-index: -1; position: absolute; vertical-align: bottom; } .bodydiv { width: 900px; height: 900px; min-height:900px; border-color: #000000; border-style: solid; border-width: 1px; z-index: 1; position: absolute; left: 50%; top: 50%; margin-top: -275px; margin-left: -390px; } <body> <div class="bdiv">Content for class "bdiv" Goes Here</div> <div class="bodydiv">Content for class "bodydiv" Goes Here</div> </body> </html> Хочу чтобы было вот так как на картинке. bdiv прилип к верху и все. Ко…

    Asked by triode-master,

    0 votes
    0 answers

  25. Резиновый слайдер со скроллбаром

    Возникла потребность узнать, а существуют ли вообще в природе такие слайдеры. Даже на jQuerry UI обнаружил то, что итоговая ширина для всей линейки слайдов всё равно фикс. Резина нужна не для самого окна со слайдером, а для всей линейки слайдов.

    Asked by John Do,

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