HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Проблема при верстке
Добрый день, уважаемые Форумчане. При верстке, когда необходимо чтобы определенная картинка градиента распространялась на всю страницу по горизонтали. При уменьшении окна браузера появляется полоса прокрутки, на видимой стороне картинка видна, а на стороне которая за границей браузера, этой картинки нет. Подскажите пожалуйста, как решить эту проблему. Спасибо
0 votes5 answers -
Адаптивная вёрстка под мобильные
Здравствуйте Столкнулся с проблемой адаптивной вёрстки. Телефон имеет ширину экрана 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
0 votes5 answers -
Что-то с шириной и margin: 0 auto
Здравствуйте. Я что-то потерялась. Давно фиксированный сайт не верстала) http://kates.cc.ua/ Посмотрите, пожалуйста, на мониторах больше 1280 пкс или в девтулс. Не по центру у нас.
0 votes5 answers -
Некорректно работает 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;}Это работает, но проблема в следующем: К…
0 votes0 answers -
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…
0 votes3 answers -
Позицирование элементов
Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …
0 votes1 answer -
небольшой вопрос по верстке
объясните, как сверстать этот мокап с таким наклоном и поворотом изображений
0 votes2 answers -
В исходном коде есть, а в инспекторе нет стиля - как это возможно?
В исходном коде в шаблоне я прописал, чтобы было так: <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) стиль этот есть. Я не понимаю, как это возможно, в чем дело? Пример
0 votes1 answer -
Выровнять столбцы в футере
Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!
0 votes3 answers -
Проблема с 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/…
0 votes1 answer -
Вопрос цвета
Доброе время суток, суть моей проблемы в том, что нарисовав шаблон, заметил что html,css не потдерживает все цвета, и обычный способ задать цвет #545454 ломает всю цветовую гамму, можно ли это както обойти? Как то бродил по интернету увидел очень красивый дизайн и заглянул в css, так вот там цвет задавался через RGB, может это выход? И ещё вопросик если html потдерживает не все цвета то допустим я сделаю рисунок 1х1 и залью им бэкграунд, я получу оригинал или же нет?
0 votes1 answer -
проблемы отображения таблицы в Опере
Нижеприведенная таблица отображается коррекно в мозиле и в эксплорере, а вот в опере в теле сайта рассыпается ужасно использую функцию 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…
0 votes2 answers -
"Экстренная мобилизация"
Коллеги, нужна срочная помощь. Имеется сайт www.zgames.com (игрушки для айфона), на самом айфоне отображается (имхо) адекватно, но к концу сегодняшнего дня нужно сделать для него отдельную мобильную версию. Никогда с такой задачей не сталкивался (всегда придерживался позиции, что лучше делать основную верстку доступнее, проверял в Опере Мини и всё), поэтому не знаю толком, с какого конца браться. Нужно ли юзать XHTML MP (с правильным контент-тайпом application/vnd.wap.xhtml+xml и т.п.)? И вообще, на что обратить внимание в первую очередь, а что можно оставить "на после"? Пожалуйста, помогите чайнику хотя бы сориентироваться...
0 votes3 answers -
Кривые 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…
0 votes5 answers -
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='' /> Скажите правильно ли?
0 votes3 answers -
Проблема с background-attachment в Firefox
Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?
0 votes6 answers -
Смена картинок через hover
Здравствуйте, подскажите пожалуйста. Столкнулся с такой проблемой: нужно чтобы при наведении курсора картинка менялась на другую, т.е. по факту, она должна прокручиваться вниз (картинка: ширина 250, высота 500). Но самое главное на странице таких картинок нужно девять и все разные.
0 votes5 answers -
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&…
0 votes1 answer -
почитать про адаптивную вёрстку
посоветуйте пожалуйста что можно почитать про адаптивную(responsive) вёрстку хотя бы на нерусском языке. в гугле что-то не получается найти ничего толкового. одни шаблоны платные попадаются или подобное в частности интересна работа со шрифтом. но вообще нужна любая информация
0 votes7 answers -
Как лучше перевести фразу на английском из www.w3.org/TR/CSS2/cascade.html?
В http://www.w3.org/TR/CSS2/cascade.html#inheritance сказано следующее: Как лучше перевести эту фразу и каков её истинный смысл? Никак я её не пойму. Предполагаю такие варианты перевода: "Заметьте, что Наследование следует по дереву документа и НЕ передаётся анонимным боксам"? или "Заметьте, что Наследование следует по дереву документа и передаётся анонимным боксам"? Помогите понять смысл сказанного
0 votes4 answers -
Ширина сайта width css
Надо, чтобы ширина сайта была 1024px. При уменьшении окна браузера (не IE) сайт сужался бы до ширины 800px. Можно ли это сделать в теге body? body { width: 1024px; min-widht: 800px; } Не работает.
0 votes4 answers -
Задание Шаги из Практикума
http://cssdeck.com/labs/l4ciwczf Вот такой вопрос при псевдоклассе hover перекрашивается в зеленый уголок и перекрашивает родительский div , почему при наведении курсора на родительский div не перекрашиваетя уголок он же дочерний.
0 votes9 answers -
Нужна помощь
Доброго времени суток. Помогите, пожалуйста, разобраться: на картинке блок с повторяющейся стрелкой по x и в нем же блок с логотипом. Нужно, что бы стрелка прерывалась, как на картинке. Извиняюсь за плохо сформулированный вопрос. Заранее спасибо.
0 votes12 answers -
проблема с логотипом
помогите пожалуйста при нажатие на логотип двигается
0 votes2 answers -
не работает русский язык при 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>Строчные</…
0 votes2 answers