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. Картинка как ссылка

    Подскажите, пожалуйста, как сделать, чтобы при наведении курсора мыши картинка меняла цвет? К примеру есть серая картинка, я хочу, чтобы при наведении курсора мыши картинка превращалась в коричневую. Картинки соответствуют ссылкам (то есть используется не текст, а картинка) и надо, чтобы текущая действующая открытая страница выделялась также коричневым цветом. Возможно ли хотя бы что-то из перечисленного проделать с помощью css, манипулируя 1 картинкой, то есть не применяя замещения? Хотелось бы прийти примерно вот к этому: http://www.basis-group.ru/

    Asked by maksimka,

    0 votes
    4 answers

  2. CSS3 : Как начать работать?

    Здравствуйте. У нас в ВУЗе проходит курс web-графики и в кач-ве финального экзамена надо продемонстрировать сайт, который мы должны сделать сами. Тема мне понравилась, получалось неплохо. Даже сайт получился симпатичный. Но есть одна проблема : фоновая картинка верхнего фрейма "прыгает", в зависимости от ширины экрана, то бишь на моем мониторе все смотрится так, как хотелось бы мне, но если диаметр другого монитора отличается хотя бы на дюйм - картинка искажается. Я не сразу побежал писать тему сюда, вы не подумайте! Я пытался разобраться сам, но увы - не получилось. Я подумал, что решением проблемы может послужить функция растяжки фона в CSS3, о котором нашел мануал у…

    Asked by Eugene Kireev,

    0 votes
    17 answers

  3. Неправильно работает CSS по атрибуту в Chrome

    Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст &l…

    Asked by Mouse-art,

    0 votes
    11 answers

  4. Выпадающие списки меню Bootstrap

    Доброе время суток. Использую Bootstrap. Проблема с выпадающим списком. Он не выпадает. Как можно исправить? Подключаю JS <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>И сам выпадающий список: <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Дома/Бизнесы <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li class="divider"></li><li><a href="#">Separated link&lt…

    Asked by Florens,

    0 votes
    3 answers

  5. Проблема с Flex

    Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

    Asked by John106,

    0 votes
    5 answers

  6. Писать сверху по картинке

    В таблицу вставлена картинка. Пытаюсь что-то писать - оно мне пишет слева, сверху, снизу, где угодно - но только не на картинке. Как это сделать?

    Asked by sm.hermes,

    0 votes
    3 answers

  7. Помогите сверстать

    Помогите сверстать,вот картинка. Делаю но получается что левый и правый блок вне блока content.Могу сюда скинуть свой код.СПАСИБО

    Asked by azarkin7,

    0 votes
    13 answers

  8. Проблема с кавычками в сплывающей подсказки

    Мне нужно изменить вид всплывающей подсказки и я на сайте нашла статью как это можно сделать: Можно ли изменить вид всплывающей подсказки?. Теперь у меня вопрос как передать кавычки через функцию toolTip. Например -Это рисунок: "Машины". Когда я передаю текст с кавычками у меня выдаёт ошибку: Uncaught SyntaxError: Unexpected token ILLEGAL

    Asked by Katerina23,

    0 votes
    8 answers

  9. Отпимизация --- сайта

    Где то видел такую тему, человеку очень помогли будем надеяться на тоже . Вот сверстал, как можно сделать его более компактным я в смысле кода. Буду рад если покажите на ошибки, дурные манеры. БЫТ п,с сори если тему создал не там,

    Asked by musulman,

    0 votes
    13 answers

  10. AlphaImageLoader и ссылка

    Есть div, в котором есть ссылка. Фоном для этого слоя задан PNG с прозрачными областями. Для отображения его в IE использую AlphaImageLoader. Ссылка при этом, хоть и отображается, но перестает быть ссылкой - не реагирует на наведения и клики. Вопрос. Это поведение фильтров IE каким-либо образом можно исправить, или лучше плюнуть и оставить ссылку как есть?

    Asked by extruder,

    0 votes
    8 answers

  11. Select option добавить тег

    Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?

    Asked by sergio_ktt,

    0 votes
    9 answers

  12. Как подключить PIE.htc

    Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.

    Asked by Borka,

    0 votes
    15 answers

  13. Thumbnail custom для Owl slider

    Здравствуйте. На сайте стоит слайдер Owl. Потрубовался функционал от него - thumbnail. Дописан следующим образом // 1 - assign each 'dot' a number dotcount = 1; jQuery('.owl-carousel_4 .owl-dot').each(function() { jQuery( this ).addClass( 'dotnumber' + dotcount); jQuery( this ).attr('data-info', dotcount); dotcount=dotcount+1; }); // 2 - assign each 'slide' a number slidecount = 1; jQuery('.owl-carousel_4 .owl-item').not('.cloned').each(function() { jQuery( this ).addClass( 'slidenumber-item slidenum…

    Asked by kattiperk,

    0 votes
    6 answers

  14. Вместо Open Sans Condensed браузер рендерит системный шрифт

    Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?

    Asked by vkapas,

    0 votes
    2 answers

  15. Подскажите Как Поменять Настройки Чтобы Читался Шрифт

    Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…

    Asked by Игорь Виленский,

    0 votes
    4 answers

  16. Не работает "Enter" Internet Explorer

    Не могу понять, почему в эксплорере не работает кнопка "Enter" при заполнении формы. Отправлять запрос приходится нажатием на кнопку мышкой. Хотя в Опере или Файрфоксе все нормально. <form action='poisk.php' method=POST> <table border='0' align='center'><tr><td><input name='kod' type='text' value='' MAXLENGTH='50'> </td> <td><input type='submit' name='submit' value=' поиск '></td></tr></table> </form> Что я не так сделал? UP. ссылка - http://autopremium.com.ua/poisk.php (за другое не пинать, пока интересует только эта проблема )

    Asked by vvm,

    0 votes
    8 answers

  17. Неправильное отображение в Opera

    В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #e…

    Asked by epog333,

    0 votes
    9 answers

  18. Здраствуйет. Требуеться ваша помощь...

    Здраствуйет. Требуеться ваша помощь. Нужно сделать выподающиее меню что то в этом роде http://vl-ubn.ru/index.html. Плз очень нужно.

    Asked by musulman,

    0 votes
    9 answers

  19. Меню не расстягивается на 2 строки

    В меню заголовок ,когда не помещается,нормально растягивается на 2 строчки,а самом меню вторая строка уже налезает на след пункт.хотела прикрепить принтсрин,не поняла как) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Кафедра медицинской биологии и генетики КГМУ</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало конте…

    Asked by net,

    0 votes
    8 answers

  20. Не работает домен .pw, что делать?

    Помогите пожалуйста, я зарегистрировал домен и хостинг на https://www.nic.ru/ сайт http://www.legat.pw/ , его синонимы www.legat.nichost.ru и legat.nichost.ru работают правильно, а www.legat.pw - нет. не знаю почему. в чём может быть проблема?

    Asked by Гриша,

    0 votes
    10 answers

  21. Меню разделенное логотипом

    Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И

    Asked by Drunk_Monkey,

    0 votes
    7 answers

  22. Не тянутся таблицы по высоте правильно

    Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…

    Asked by partiz,

    0 votes
    9 answers

  23. CSS Parallax - откуда-то появляется горизонтальный скрол

    Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…

    Asked by cartrege,

    0 votes
    0 answers

  24. Opera version hacks

    Подскажите пожалуйста, как в CSS можно написать правило для конкретной версии оперы? Дело в том, что 7-я и 8-я по-разному размещают абсолютно позиционированный элемент. Тут уже обсуждалось решение с использованием PHP, но в моем случае лучше обойтись без этого. Благодарен за любые подсказки

    Asked by rash,

    0 votes
    7 answers

  25. Галлерея

    Как сделать так, чтобы при нажатии на эту картинку: Она увеличивалась и появлялась тут.?

    Asked by vvsh,

    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