HTML Coding

29542 questions in this forum

1. Статичный генератор сайтов с gui

   Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.

   Asked by Ururu, March 23, 2016

   0 votes
   3 answers
2. В каком направлении копать для адаптивного скроллируемого фона?

   Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…

   Asked by NDanilov2015, April 26, 2016

   • htmlcss
   • css3
   0 votes
   2 answers
3. Не фиксируется меню, недочеты на IOS

   Доброго времени суток! Есть сайт http://www.evsstroy.ru. На ios слетает почти вся мобильная версия.. Хотя на андроиде и при сворачивании браузера все ОК. Что делать?? Уточнение.. Во всем виноват Safari.. Но как быть?

   Asked by Kiriklk, June 10, 2016

   0 votes
   2 answers
4. Помогите выполнить задание

   Я только начал изучать HTML и толком ещё ничего не понимаю. Хожу на курсы от 1С. Писал там сайт, на котором можно играть в крестики-нолики. Но не доделал и преподаватель задал доделать игру. Нужно, чтобы при дабл клике на кнопку значение не менялось. И завершение игры. Например: подряд 3 крестика и это означает, что крестики выиграли и выводится сообщение об этом. Но вот проблема, никак не могу допереть как это сделать. Есть идеи? Код: http://jsbin.com/jeluvucuda/edit?html,css,js,output

   Asked by Kun32216, November 5, 2016

   0 votes
   3 answers
5. Помогите сделать в ряд изображения

   Не могу понять как сделать чтобы изображения встали в ряд и сделать им одинаковый размер. https://jsfiddle.net/4uc2xLqz/

   Asked by Sunboy, October 13, 2017

   • bootstrap
   0 votes
   1 answer
6. Загрузка файла MP3 на свой сайт

   Привет всем! Записал звук с микрофона и звучание интернет-радио в формате MP3. Этот файл хочу загрузить на сервер -но закачиваться он не хочет,да и переслать по e-mail-щ?лкаю прикрепить-загрузка не ид?т. Помогите разобраться

   Asked by сергей-7, March 28, 2008

   0 votes
   1 answer
7. Проблема с DIV'ами

   Задача. В тег ДИВ фиксированного размера вставить Н-ое число ДИВов, внутри которых будет хранится изображение. Необходимо сделать прокрутку этих изображений в ДИВе, без использования скролл-бара. Проблема: 1. Внутренние ДИВы переносятся на след. строку. 2. Не могу выровнять изображение во внутреннем ДИВе по-вертикали. HTML: <div class="photos_slider"> <div><img src="/img/test_photo1.gif" border="0" alt=""></div> <div><img src="/img/test_photo2.gif" border="0" alt=""></div> <div><img src="/img/test_photo3.gif" border="0" alt=""></div> <div><img src="/img/test_photo1.gif" border="0" alt=""></div…

   Asked by Grenouer, March 31, 2008

   0 votes
   1 answer
8. IE 5,5; IE 6; - Лефт-Маргин

   Ссылка на пример В вышеназванных браузерах блок с услугами и блок с картинкой съезжают при заданном маргин-лефт. Или же правые за ними едут. Как исправить ситуацию/мою ошибку? Путем хака убрал 10 px - стало норм, есть ли другие варианты? Спасибо!

   Asked by Rootical, December 29, 2008

   0 votes
   1 answer
9. Сказка о списках

   Жил был список. Элементов в нем было много-премного!!! И был у него класс "списочный" и содержал он набор стилей. А внутри элементов жили другие стили и оформления, и некоторые части текста никак от "списочного" класса не зависели. Некоторые, но не все, были и куски текста, подверженные классу "списочный". А начало каждого пункта в списке выглядело так: <li> <div class="какой-то"> ... </div> что-то там еще, и всегда очень разное Но вот потом оказалось, что заказчик хотел бы, чтобы цифирка, рожденная тегом <li>, изменила свою окраску да и вообще выглядела совсем иначе, нежели ее описывает класс "списочный". А весь остальной текст должен оставаться …

   Asked by aruru, August 18, 2009

   0 votes
   2 answers
10. вылезает background по y

    Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…

    Asked by alexey_, June 24, 2011

    0 votes
    4 answers
11. Проблема с отображением в IE

    В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная. ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема. адрес сайта http://ingeniare.ru .ribbon em { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.3855752193730787, M21=1.2855752193730796, M22=1.6320888862379558); margin-top:-50px; margin-left:-40px; font-size:7px; } img {-ms-interpolation-mode: bicubic;} #top-titlemenu ul li {width:200px !important;} .sombra625{margin-top:-3px !important}

    Asked by moss, August 14, 2011

    0 votes
    7 answers
12. Пункт меню при наведении

    Здравствуйте! Есть такая проблема. При наведении на пункт меню блок как бы должен съежать вниз на пару пикселей. Изображение тут - . Уже всю голову поломал. Помогите пожалуйста!

    Asked by Digidie, July 3, 2012

    0 votes
    6 answers
13. тег для автора

    подскажите пожалуйста какой html5-тэг использовать для обозначения имени автора в конце статьи

    Asked by cyklop77, July 11, 2012

    0 votes
    3 answers
14. Проблема с размещением

    Не получается растянуть по всей ширине и поднять вверх до максимума. Без отступов Сразу прошу простить за плохочитаемый код Вставка изображения ? <table class="shapka" > <tr><td background="img/fon_1.png"> <div align="center"><img src="img/logo.png"></div> </td></tr> <br> </table> Css ? .shapka { width: 100%; }

    Asked by Immortal, October 10, 2012

    0 votes
    6 answers
15. проблемы с :hover

    Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?

    Asked by Alexey_Balu, November 7, 2012

    0 votes
    5 answers
16. Сайт плохо отображается в IE

    Вот собственно сайт - http://barsik.ucoz.ru/ Проблемы: - У поиска не такой отступ в шапке сайта по сравнению с другими браузерами. - В выпадающее меню, формы ввода отображаются некоректно. Как исправить подскажите.

    Asked by barsik007, January 1, 2013

    0 votes
    2 answers
17. Градиент на заднем плане

    Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)

    Asked by d.dee, April 14, 2013

    • градиент
    0 votes
    0 answers
18. Не валидный код, как лучше переделать

    Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...

    Asked by Anna Zharova, June 7, 2014

    0 votes
    4 answers
19. Проблема с -moz-filter: invert

    не могу разобраться с инверсией картинки. Чувствую что трачу излишнее время на это, поэтому молю о помощи гуру css! имеется <img class="transition" src="images/Logo.png" width="196px" height="66px" alt="Teach&Style"> .transition:hover {-webkit-filter: invert(1);-moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);} В FF(32.03), IE (11), Safari(5.1) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?

    Asked by klon_008, November 7, 2014

    • Проблема с -moz-filter: inver
    • invert
    0 votes
    3 answers
20. Как сделать сетку?

    Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.

    Asked by gummmy, November 25, 2015

    • css
    • сетка
    0 votes
    1 answer
21. Тупой макет, помогите!

    Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…

    Asked by vvsh, December 26, 2008

    0 votes
    1 answer
22. Доктайп

    Скажите пожалуйста в чем может быть дело? Вот доктайп <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вставляю его в код получаеться так Убираю доктайп получаеться вот так ( как мне надо ) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>My Site</title> </head> <body background="fueller.jpg"> <table border="0" align="center" width="800" height="100%" cellspacing="0" cellpadding="0"> <tr> <td colspan=2 height="150…

    Asked by Enid, March 14, 2009

    0 votes
    4 answers
23. Обращение к страницам во фреймах.

    Есть страница, состоящая из двух фреймов сайт.ru/2frame.htm В этих фреймах отображаются файлы с #якорями + ссылками, так что покликав по ссылкам в них — получается, что файлы отображены не с самого начала. Как можно с другого сайта обратиться к этой фреймовой структуре, чтобы сразу увидеть в ней тексты, начиная с сайт.ru/2t.htm#_ednref112 и сайт.ru/2b.htm#_edn112 — в верхнем и нижнем фрейме соотв.? Или где об этом почитать? Спасибо. пс решение придумалось — завести у себя страницу с фреймовой структурой...

    Asked by злец, June 18, 2009

    0 votes
    2 answers
24. Елементы формы

    Подскажите как добится, что б все поля формы(добавить файл, дропдаун) одинаково отображались во всех браузерах ?

    Asked by fastikkk, July 27, 2010

    0 votes
    2 answers
25. position:absolute; div

    Здравствуйте. Как сделать чтобы родительский слой изменялся по высоте исходя из размеров своего дочернего слоя который при этом position:absolute; Пример. <div style="border:1px solid #232323;position:relative; min-height:120px;"> <div style="top:2px;left:2px;border:1px solid #990000;position:absolute;height:240px;width:50px;"></div> </div> Необходимо чтобы родительский div изменял размер в соответствии с вложенным.

    Asked by G6CFfy, November 14, 2010

    0 votes
    3 answers