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://plitka20x20.h1n.ru/n3/

    Asked by aqua.77,

    0 votes
    2 answers

  2. onmouseover эффект на одой линии кнопок работает, а на другой не работает

    У меня onmouseover эффект на одой линии кнопок работает, а на другой не работает. как починить? http://members.dodo.com.au/~rouslan/ninawebsite/index.html и еще, есть ли способ, когда можно не вкладывать onmouseover эффект два раза на странице, но при этом все кнопки работали внизу и наверху, то есть есть ли какой-нибудь "под-код", который будет повтрорять onmouseover эффект?

    Asked by DolbyRoom,

    0 votes
    2 answers

  3. По разному отображается в IE и Firefox. Помогите!

    HTML код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="author" content=""> <link rel="STYLESHEET" type="text/css" href="style.css" > <title>Untitled 1</title> </head> <body> <div class="fl halfofbigcol icol icol_ie"> <div class="box box_s"></div> <div class="box2 box_full"></div> <div class="box3 box_full"></div> <div class="box6 box_full3_s"> …

    Asked by ale-g,

    0 votes
    1 answer

  4. Проблемы при создании всплывающего окна!

    У меня вот такие вопросы Помогите их решить!

    Asked by CnaM,

    0 votes
    7 answers

  5. Как создание систему рейтинга на подобие Yandex

    Подскажите, пожалуйста, как создать систему рейтинга на подобие Yandex? Очень нужно для работы. ★✩ - система рейтинга по Yandex Буду очень благодарен!

    Asked by Pansaga,

    0 votes
    1 answer

  6. Интернет-камера через ActiveX

    Доброго времени суток Не получается ответить на вопрос один, может подскажете.. Имеется камера, к которой доступ только по сети, благо что под админом. Все контакты с ней возможны только через ослика, так как всё завязано на ActiveX. Камера вот - http://91.151.240.240/ Получается, что ввожу логин-пароль - она проверяет, что мне можно. И если можно смотреть, то показывает. Кажется всё просто.. Меня интересует - можно ли выдрать видео-поток куда-то отдельно? Скажем вставить объектом в страничку, которая сможет открываться везде, а не только в ИЕ? Я понимаю, что тут будет небольшая запинка с рассказом камере, кто к ней подключился. Я что-то попользовал гугл, но так и не пон…

    Asked by hAhol,

    0 votes
    2 answers

  7. Выравнивание таблици

    <table width="95%" align="center" border="0"> <tr> <td width="250px"> <table width="250" border="0"> <tr align="center"><td></td></tr> <tr align="left"> <td></td> </tr> </table> </td> <td> <table width="700" border="0"> <tr align="center"><td class="title">news</td></tr> <tr align="left"> <td></td> </tr> </table> </td> <td width="250px"> <table width="250" border="0"> <tr align="center"><td></td></tr> <tr align="left"> <td></td> </tr> </table…

    Asked by MefistofeleS,

    0 votes
    5 answers

  8. абсолют

    Приветствую вас, уважаемые мастера! Недавно обновлял свой персональный сайт и возникла такая проблема с некоторым нововведением. Даже не знаю как описать проблему, но все-таки попробую: Справа внизу картинка деревца, там где написано "древо...", я его с помощью дива и в параметрах прописал абсолют: <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--> div.drevo { position: absolute; bottom: 0; right: 0; width: 100%; z-index: 999; }<!--c2--></div><!--ec2--> Всё, вроде бы, нормально, но когда я зашел на сайт с более меньшим разрешением экрана, то нашел непорядок: Загрузилась страница-то должным о…

    Asked by f1nik,

    0 votes
    3 answers

  9. background vs text

    Добрый день. Верстаю макет, и заметил ошибку в отображение background в браузерах google chrome, ie7, ошибка в том что например background таблицы, который выровнен по середине экрана, и background дива который тоже выровнен по середине экрана расходятся на 1пх при нечетной ширине экрана Пример на скрине, как не должно быть И как должно быть Надеюсь на вашу помощь ps. помню что такую тему уже задавали на форуме, но так и не смог ее найти

    Asked by Temiks,

    0 votes
    6 answers

  10. Применение нескольких классов к одному элементу

    Друзья, подскажите, пожалуйста, почему к элементу не применяется один из заданных классов. HTML <table border="0" cellpadding="15" cellspacing="15" class="bonusChoice"> <tr> <td> <div class="accountForm"> <div class="input"> <div class="submit"> <input type="submit" value="Select"> </div> </div> </div> </td> </tr> </table> CSS .body.ar .bonusChoice .accountForm .input { float: right; height: 1%; overflow: hidden; width: auto; display:inline; line-height: 15px; } При арабской раскладке не применяется класс bonusChoice. Соответственно применяетс…

    Asked by Subcomandante.A,

    0 votes
    8 answers

  11. Форма ввода

    Переделываю шаблонную форму ввода. В неактивном состоянии отображается нормально, после ввода e-mail и перехода к вводу пароля, e-mail отображается на фоне картинки, как сделать чтобы отображался на белом фоне? {$FORM_ACTION} <div class="loginformEmail"> {$FIELD_EMAIL} </div> <div class="loginformPass"> {$FIELD_PWD} </div> <div class="LoginButton"> {$BUTTON} </div> {$FORM_END} .loginformEmail input { background-image: url(img/Background_login.gif); background-repeat:no-repeat;} .loginformEmail input:focus, .sffocus, .sffocus { background-image:url(img/Background_login_focus.gif); background-repeat:repeat-x;} .loginformPas…

    Asked by Olekh,

    0 votes
    4 answers

  12. Как сделать кнопку при наведении курсора картинка изменяется

    Я хочу сделать свою кнопку при наведении курсора картинка изменяется Это CSS код: .hrss { float: right; margin-top: 8px; padding-top: 32px; width: 32px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat; } .lcol { float: left; } .rcol { float: right; } А это код могу вставить куда хочу: <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> Помогите дополнить кнопку при наведении курсора картинка изменяется

    Asked by GhostNiniga,

    0 votes
    6 answers

  13. DOCTYPE и высота ячеек таблиц

    <!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> …

    Asked by skvor,

    0 votes
    1 answer

  14. Как убрать отступы в div для элемента ul

    Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.

    Asked by Gambini,

    0 votes
    2 answers

  15. Структура сайта

    Столкнулся с вопросом когда начал создавать вторую страницу своего сайта. Как я понимаю сайт это скрепленные между собой документы HTML находящиеся в одной папке , а сколько должно быть таблиц стилей к этим документом ? меня волнует как оперативние будет работать browser читая один файл css или бегая по разным. Ну и хотелось бы узнать как делаете Вы. Спасибо за внимание и ответы.

    Asked by Mirabo4,

    0 votes
    3 answers

  16. Помогите с background-position

    Добрый день. Столкнулся вот с такой проблемой. Есть такая конструкция: <div class="one"> <div class="two"> текст текст текст текст текст текст текст текст текст текст текст текст </div> </div> У класса two background-image выровнен по: center top и не размножается. У класса one background-image так же выровнен по центру, но он размножается по repeat-y Но возникла проблема накладывания двух изображений друг на друга и получается замыленность (так как изображения полупрозрачные). Как сдвинуть повторяющееся изображение вниз, что бы оно повторяться начало не с самого верха, а ниже на то значение, что я указываю? Вот такая конструкция не хочет работа…

    Asked by shotlandec,

    0 votes
    7 answers

  17. Верстка интерактивной схемы для сайта

    Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддержив…

    Asked by Ex.clusive,

    0 votes
    0 answers

  18. Проблемы с верткой 4 клеточной таблицы.

    Не могу никак разобраться со странным багом, обычно я никогда не задаю вопросы, и стараюсь найти решение в поисковике но в данном случае вынужден спросить у вас. Может кто сталкивался с такой проблемой. Есть таблица: <tr> <td></td> <td rowspan="2"></td> </tr> </tr> <td></td> </tr> В хроме все нормально, все парситься как нужно, а firefox криво. Там не виден первый td второго tr. Хром при выборе первого tr (отображена высота в 56px ) В файрфоксе также выбираем этот же tr. как видно высота всей второй строки равна 0. А высота первой строки занимает 100% таблице, не смотря на явно заданный параметр …

    Asked by Ahelhot,

    0 votes
    8 answers

  19. Курсор при наведении на выпадающий блок

    http://jsfiddle.net/daniilKhanin/cH9ML/ В общем когда наводим на Опыт разработки всплывает блок и хотелось бы чтобы когда курсор мыши переместили на этот блок , Цвет кнопки Опыт разработки оставался светло-серого цвета... как реализовать поомогите?

    Asked by Daniil Khanin,

    0 votes
    7 answers

  20. Как объединить медиазапросы

    Для отладки использовал такую схему: <link rel="stylesheet" media="screen and (orientation:portrait) and (max-width:240px)" href="{THEME}/css/style_p.css" /><link rel="stylesheet" media="screen and (orientation:landscape) and (max-width:480px)" href="{THEME}/css/style_l.css" />Как правильно объединить эти два медиазапроса в один? <link rel="stylesheet" media="screen and (((orientation:portrait) and (max-width:240px)) or ((orientation:landscape) and (max-width:480px)))" href="{THEME}/css/style_p.css" />Так правильно? Можно ли использовать вложенные выражения?

    Asked by alleclf,

    0 votes
    6 answers

  21. Как проверить вёрстку в ie-9 ? чтобы его не устанавливать себе.

    Не получается проверить вёрстку в ie-9, поделитесь ссылкой на тестер или хороший он лайн ресурс.

    Asked by Fizruke,

    0 votes
    4 answers

  22. Меню с применением :hover

    Здравствуйте. Не могу никак понять как сделать подобного вида меню(Как в приложении). Пробовал через display:none->display:box; , через opacity:0->opacity:1; теперь через transform:scale(0.5); -> transform:scale(2); <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="about.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"></div> <div class="show-menu"></div> </body> </html> Задача такая чтобы при наведении курсора на центральный элемент, круговое меню появлялось как-бы вокруг него. Вот …

    Asked by serganto92,

    0 votes
    1 answer

  23. Многоуровневое выпадающее меню. Ширина блока по содержимому.Как?

    Привет! возникла такая проблема при тестировании выпадающего меню, внутри category блок category1 а в нем category level2 который переносится по слогам а должен тянуться по ширине строки Пример здесь http://213.111.228.103/drop/ ps: вроде-бы это стандартное решение с position:absolute и должно работать но возможно я где-то ошибку допустил, никак не пойму...первый уровень меню category1 нормально тянется по содержимому а уже вложенный в category1 не корректно работает

    Asked by фдуч,

    0 votes
    1 answer

  24. Как оптимизировать скорость загрузки картинок без сжатия веса?

    У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slid…

    Asked by Katerina23,

    0 votes
    3 answers

  25. Проблемы с плавной анимацией градиента

    Нужно чтобы при наведении курсора на кнопку-ссылку, тело кнопки плавно заполнялось светло красным цветом влево, а когда курсор убрали с кнопки, то светло красный цвет плавно уползал обратно. Как такое сделать? У меня получается только стартовать начальную анимацию при ховере https://codepen.io/l1nx/pen/xxGrwrW

    Asked by L1nx,

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