HTML Coding

29542 questions in this forum

1. Проблема при верстке

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

   Asked by VictorioIP, August 3, 2012

   0 votes
   5 answers
2. Адаптивная вёрстка под мобильные

   Здравствуйте Столкнулся с проблемой адаптивной вёрстки. Телефон имеет ширину экрана 640px, высоту 1100px Делаю в css такое условие: @media only screen and (max-device-width: 670px) { #navi-h {height:auto; width:500px; background:url(images/home-menu-bg.jpg) repeat; margin:0 auto;} } Подцепляется стиль, но отображается на экране намного меньше реальности, по ширине показывается меньше процентов на 30. В чём может быть причина? ну и дабы не быть голословным сайт f c d e c o r точка ru

   Asked by Hobu4ek, January 13, 2014

   0 votes
   5 answers
3. Что-то с шириной и margin: 0 auto

   Здравствуйте. Я что-то потерялась. Давно фиксированный сайт не верстала) http://kates.cc.ua/ Посмотрите, пожалуйста, на мониторах больше 1280 пкс или в девтулс. Не по центру у нас.

   Asked by kattiperk, May 6, 2015

   • margin
   • ширина
   • фиксированный сайт
   0 votes
   5 answers
4. Некорректно работает transition-duration

   Добрый день! Я уже замучился, не пойму в чем проблема. Делаю так, чтобы при наведении на главный пункт меню, сверху плавно выезжали подпункты. Вот код: HTML <div class="menu goods"> <a href="#">All goods</a> <ul class="submenu"> <li>first</li> <li>second</li> <li>third</li> </ul></div>CSS .goods:hover .submenu{ transform: translateY(0px);}.submenu{ margin: 0; padding: 0; list-style: none; transform: translateY(-300px); transition-duration: 1s; transition-property: transform;}Это работает, но проблема в следующем: К…

   Asked by Yan, October 2, 2015

   0 votes
   0 answers
5. bootstrap 3 dialog

   модальное окно <!-- Modal "client" --><div class="modal fade" id="client-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> ... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal -->код вызова модального окна $(document).on('click', 'a.link-modal', function(event){ event.preventDefault(); var url = $(this).attr('href'); var clickedbtn = $(this); var modalContain…

   Asked by https, January 12, 2016

   0 votes
   3 answers
6. Позицирование элементов

   Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …

   Asked by Sabretooth, August 15, 2017

   • navigation position
   0 votes
   1 answer
7. небольшой вопрос по верстке

   объясните, как сверстать этот мокап с таким наклоном и поворотом изображений

   Asked by exoty, April 25, 2018

   0 votes
   2 answers
8. В исходном коде есть, а в инспекторе нет стиля - как это возможно?

   В исходном коде в шаблоне я прописал, чтобы было так: <div class="product-grid row"> <data data-bal="bal-elemen"></data> <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4 zakonchilosvcat"> <div class="product zakonchilos"> Смотрю - а стиль на сайте к zakonchilosvcat не применяется. Вижу. а этого стиля попросту нет в инспекторе! Проверял в других браузерах аналогично. <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4"> <div class="product zakonchilos"> При этом в исходном коде (ctrl-u) стиль этот есть. Я не понимаю, как это возможно, в чем дело? Пример

   Asked by nikki4, September 27, 2018

   0 votes
   1 answer
9. Выровнять столбцы в футере

   Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!

   Asked by iiwanc, May 23, 2021

   0 votes
   3 answers
10. Проблема с flashvars

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="200" height="100"> <param name="movie" value="/events/flash/no_scratch.swf"> <param name="flashvars" value="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southpor"> <embed src="/events/flash/no_scratch.swf" quality=high bgcolor=#ffffff width="200" height="100" flashvars="time=&event=score&result=0%3a0&playerhome=droylsden&playeraway=southport" name="mtown" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/…

    Asked by Canti, March 27, 2009

    0 votes
    1 answer
11. Вопрос цвета

    Доброе время суток, суть моей проблемы в том, что нарисовав шаблон, заметил что html,css не потдерживает все цвета, и обычный способ задать цвет #545454 ломает всю цветовую гамму, можно ли это както обойти? Как то бродил по интернету увидел очень красивый дизайн и заглянул в css, так вот там цвет задавался через RGB, может это выход? И ещё вопросик если html потдерживает не все цвета то допустим я сделаю рисунок 1х1 и залью им бэкграунд, я получу оригинал или же нет?

    Asked by svdsLis, September 19, 2009

    0 votes
    1 answer
12. проблемы отображения таблицы в Опере

    Нижеприведенная таблица отображается коррекно в мозиле и в эксплорере, а вот в опере в теле сайта рассыпается ужасно использую функцию INCLUDE чтобы вставить из файла в тело функции если вставить просто html в тело страницы все нормально, а с INCLUDE все рассыпается не могу понять почему, может кто-нибудь сталкивался <table style="width:100%;background-color:#FFFFFF; font-size:12px; color:#50585D; line-height:12px; text-align:center; border-left:1px solid #949494; border-top:1px solid #949494;" cellpadding="0px" cellspacing="0px" > <tr> <td colspan="1" rowspan="5" style=" width:25%;height:150px;padding:10px; border-right:1px solid #949494; b…

    Asked by bushstas, June 30, 2010

    0 votes
    2 answers
13. "Экстренная мобилизация"

    Коллеги, нужна срочная помощь. Имеется сайт www.zgames.com (игрушки для айфона), на самом айфоне отображается (имхо) адекватно, но к концу сегодняшнего дня нужно сделать для него отдельную мобильную версию. Никогда с такой задачей не сталкивался (всегда придерживался позиции, что лучше делать основную верстку доступнее, проверял в Опере Мини и всё), поэтому не знаю толком, с какого конца браться. Нужно ли юзать XHTML MP (с правильным контент-тайпом application/vnd.wap.xhtml+xml и т.п.)? И вообще, на что обратить внимание в первую очередь, а что можно оставить "на после"? Пожалуйста, помогите чайнику хотя бы сориентироваться...

    Asked by SelenIT, November 15, 2010

    0 votes
    3 answers
14. Кривые input-ы

    Как видите, во всех браузерах отступы разные... Как сделать, чтобы в любом браузере кнопки были посередине? CSS: input.pass {background: url(template/pass.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 65px; margin-top:6px; width:90px; height:16px; font-family:arial;} input.login {background: url(template/login.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 60px; margin-top:6px; width:90px; height:16px; font-family:arial; margin-left:5px;} input.white_button {background: url(template/white_button.gif) repeat-x; borde…

    Asked by 212th, February 14, 2011

    0 votes
    5 answers
15. Meta

    Вот такой вопрос по тегу <meta>. 1)Почему такой сайт как facebook использует <meta name="robots" content="noodp,noydir" /> ,который как я прочитал запрещает индексацию. Зачем? 2)И почему он не использует <meta ...ключевые слова? 3)Какие <meta> надо использовать? Я выбрал вот эти. <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv='Content-Language' content='ru' /> <meta name='description' content='' /> <meta name='keywords' content='' /> Скажите правильно ли?

    Asked by new01, July 6, 2011

    0 votes
    3 answers
16. Проблема с background-attachment в Firefox

    Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?

    Asked by me_alex, December 4, 2011

    0 votes
    6 answers
17. Смена картинок через hover

    Здравствуйте, подскажите пожалуйста. Столкнулся с такой проблемой: нужно чтобы при наведении курсора картинка менялась на другую, т.е. по факту, она должна прокручиваться вниз (картинка: ширина 250, высота 500). Но самое главное на странице таких картинок нужно девять и все разные.

    Asked by TillL, February 6, 2012

    0 votes
    5 answers
18. padding сдвигает фоновую картинку? или дело в чем другом?

    Подскажите пожалуйста, в чем ошибка. Я установил фоновую картинку родительскому блоку и вся конструкция из вложенных блоков уехала на величину padding'а Но я чую, что дело не совсем в padding'е. Где и что я умудрился напортачить? Вот код страницы: <!doctype html> <html> <head> <meta charset="utf-8"> <title>уровень 3</title> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <div class="menu"> <a href="#">home</a> <a href="#">portfolio</a> <a href="#">webhosting</a> <a href="#">about</a> </div&…

    Asked by Afinagen, April 6, 2012

    0 votes
    1 answer
19. почитать про адаптивную вёрстку

    посоветуйте пожалуйста что можно почитать про адаптивную(responsive) вёрстку хотя бы на нерусском языке. в гугле что-то не получается найти ничего толкового. одни шаблоны платные попадаются или подобное в частности интересна работа со шрифтом. но вообще нужна любая информация

    Asked by cyklop77, July 18, 2012

    0 votes
    7 answers
20. Как лучше перевести фразу на английском из www.w3.org/TR/CSS2/cascade.html?

    В http://www.w3.org/TR/CSS2/cascade.html#inheritance сказано следующее: Как лучше перевести эту фразу и каков её истинный смысл? Никак я её не пойму. Предполагаю такие варианты перевода: "Заметьте, что Наследование следует по дереву документа и НЕ передаётся анонимным боксам"? или "Заметьте, что Наследование следует по дереву документа и передаётся анонимным боксам"? Помогите понять смысл сказанного

    Asked by clavin, July 24, 2012

    0 votes
    4 answers
21. Ширина сайта width css

    Надо, чтобы ширина сайта была 1024px. При уменьшении окна браузера (не IE) сайт сужался бы до ширины 800px. Можно ли это сделать в теге body? body { width: 1024px; min-widht: 800px; } Не работает.

    Asked by Эдди, August 25, 2012

    0 votes
    4 answers
22. Задание Шаги из Практикума

    http://cssdeck.com/labs/l4ciwczf Вот такой вопрос при псевдоклассе hover перекрашивается в зеленый уголок и перекрашивает родительский div , почему при наведении курсора на родительский div не перекрашиваетя уголок он же дочерний.

    Asked by rpmcmerphy, November 4, 2013

    0 votes
    9 answers
23. Нужна помощь

    Доброго времени суток. Помогите, пожалуйста, разобраться: на картинке блок с повторяющейся стрелкой по x и в нем же блок с логотипом. Нужно, что бы стрелка прерывалась, как на картинке. Извиняюсь за плохо сформулированный вопрос. Заранее спасибо.

    Asked by Ezh3, November 6, 2013

    0 votes
    12 answers
24. проблема с логотипом

    помогите пожалуйста при нажатие на логотип двигается

    Asked by adminfilm, March 24, 2015

    • logo
    • dle
    • problem
    0 votes
    2 answers
25. не работает русский язык при utf-8 без bom

    Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…

    Asked by skoorpion1, February 20, 2016

    0 votes
    2 answers