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
-
Высота элементов формы в опере
Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin. В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>. Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части. Заказчик Оперу очень любит и в таком …
0 votes8 answers -
PNG в ие7-8 проблемы с фоном
Здравствуйте. Столкнулся с такой проблемой в ие непервой sharmel.su png в ие7-8 отличаются фоном, хоть и одинаковые. Раньше решал проблему с переводов в гиф формат. Сейчас же решил разобратся.
0 votes9 answers -
div вёстка, проблема с блоками
Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…
0 votes9 answers -
input [type="submit"]
Здравствуйте, столкнулся с такой проблемой. Свойство #login input [type="submit"] { width: 100px; } не меняет размер кнопки. Побывал просто предовать id и класс кнопке , тоже не реагирует. Посмотрите код, подскажите в чем проблема. HTML <form id="login" class="x" name="login_form" method="post" action="#" > <p>Войти</p> <p>Имя пользователя</p> <input name="user_name" type="text"> <p>Пароль</p> <input name="user_password" type="password"> <input name="login_button" type="submit" value="Войти"> <p>Забыли пароль?</p> </form> CSS #login { float: right; width: 250px; border: 1px solid #dadada;…
0 votes5 answers -
Меню - изображение
Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в Ucoz Есть изображение машины - хочу сделать из него меню, примерно выглядеть оно должно так - чтобы: при наведении на, к примеру стекло(слово), стрелка и сам текст менял цвет, а при нажатии переходило по ссылке. код в css: .logo{background:#E7E7E7 url('/img/theme/apb/logo.jpg') no-repeat top в html: <div class="nHead"> <div id="logo"> <a href="/"> <img src="/sp.gif" class="logo" alt="Логотип" /> <img src="/sp.gif" class="logoLayer" /> </a> </div></div> используется несколько стилей css, т.е. при смене на другой стиль должна выв…
0 votes5 answers -
Как сделать сайт с плоским дизайном?
Привет всем! Расскажите, пожалуйста, как сделать сайт с плоским дизайном? Для примера даю эту ссылку
0 votes1 answer -
sass и phpstorm
Прошу прощения, если вопрос не подходит под раздел, более подходящий не нашла. Все работает как надо, sass компилируется на лету. Но в этом и проблема. Я еще не успела дописать стили, а он уже скомпилировал, залил на сервер и выдал ошибки. Хотя я просто не успела дописать. Местами это очень мешает. Можно ли как-то настроить его компилировать только после сохранения файла?
0 votes3 answers -
Не important
Есть ли свойство,которое обратно important в стилях?
0 votes13 answers -
Как называется стиль/дизайн/верстка макета?
Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?
0 votes3 answers -
Особенности background-size: cover
Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…
0 votes2 answers -
Интерактивные элементы расположены слишком близко
Может кто-то подскажет... Есть область под хлебные крошки между меню и записью. Вставляю с помощью кода слайдер на главную, все отлично, настраиваю слайдер адаптивный, все работает. Но, есть один момент, что проходит совсем немного времени и если зайти в search console гугла, то он начинает ругаться, что интерактивные элементы расположены слишком близко. Как решить такую проблему? Посмотреть можно по ссылке на сайт. Нужна помощь или совет, как решить или хотя бы направление в каком искать... спасибо
0 votes1 answer -
Проблема с центровкой в ячейке таблицы (рейтинг)
Народ, подскажите плиз, в чем может быть проблема и как ее решить ? Вот тут drossel.msk.ru/blocks.rar лежит вырезанный кусок скрипта (+ картинка), отображающий рейтинг в ячейке таблицы. надо решить 2 проблемы. 1. Это отцентровать по вертикали и горизонтали. 2. В Опере кажет нормально (есть глюк не большой), а в Осле "расплываются слои". Вторую проблему можно решить, прописав что-то типо FONT-FAMILY: Verdana,Tahoma,Arial,Sans-Serif; FONT-SIZE: 11px; но все равно появляется тот самый мылкий глюк, наблюдаемый и в опере. Слои так же разъезжаются, но на 1 пиксель =( 3-и сутки ломаю голову и перепробовал пачку вариантов, но так ни к чему не пришел. Мож кто поможет ? ЗЫ. Таблиц…
0 votes7 answers -
Два слоя по горизонтали
Уверен, что мой вопрос банален и заезжин, но что-то нигде ответа найти не могу Надо два дива (блока) поставить горизонтально рядом с друг другом. Что-то не получается. Спасибо.
0 votes2 answers -
Портативность документа
Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …
0 votes8 answers -
Frame и iFrame
Доброе время суток.Господа, в чем принцепиальное отличие сабжа? Заранее спасибо за ответ.
0 votes4 answers -
как сделать сайт мудьтиязычным в css?
подскажите плиз... как сделать сайт мудьтиязычным в css?
0 votes6 answers -
Пожалуйста помогитес резиновой вёрсткой!
Здравствуйте! Вот тут сайт: http://webstroy.ksn.ru/example/ Проблема как всегда с IE 6-7. Проблема с горизонтальным меню. Надо чтобы оно было резиновым, с равными отступами и по центру. Но при сужении, всё сбивается. Пробовал варианты с expression , но не помогло. Также попробовал задать для #selMenu ul ширину в 1000px , но при сужении, справа появляется щель (почему кстати...?) В общем, очень нужна ваша помощь! Благодарю всех кто откликнется!
0 votes15 answers -
Выпадающее меню с помощь списка определений
Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…
0 votes8 answers -
Как включить повтор в embed плеере?
Здравствуйте, я поставил на сайт плеер <object style="WIDTH: 400px; HEIGHT: 90px" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" viewastext="" width="400" height="60"> <param name="url" value="1.mp3"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value=""> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value=""> <param name="volume" value="100"> <param name="mute" value="0">…
0 votes4 answers -
Опытные подскажите пожалуйста
Народ кто опытный подскажите как вы боритесь с такими вещами в верстке: 1. когда в обвертке два плавающих элемента, то обвертка схлопывается и контент ниже обвертки наезжает на контент который в обвертке, когда-то задавал похожий вопрос, сказали очистить потолок, добавить в обвертку стиль overflow:hidden; Какие еще есть варианты? 2. Вот если фиксовый макет, я центрирую блок таким образом margin:0 auto. Но такое не работает на ie 7, как можно еще центрировать блок обвертку всего контента?
0 votes18 answers -
Фон
Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?
0 votes12 answers -
Как лучше обрезать текст
Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете
0 votes16 answers -
Фиксированное меню с помощью Javascript
Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…
0 votes4 answers -
Размещение содержимого блока по центру при owerflow
Задача: Содержимое сайта должно выравниваться по центру при любом рарешении. Фон шириной 1500 пикселей вставляетсся и выравнивается стилем: position:absolute;top:0;width:100%;height:500;background: url('/img/pro/tbg.jpg') center middle repeat-x;z-index:1; Потом идет флэшка, шириной 1200 пикселей. Я создаю блок шириной 100%. Вставляю туда свою флэшку. Горизонтальный скролл убираю owerflow:hidden При этом флэшка выравнивается по левому краю и обрезается правый. Вопрос: Как сделать чтобы флэшка (картинка) выравнивалась по центру и обрезалась с права и слева? Заранее спасибо за комментарии.
0 votes2 answers -
проблема с маркированным списком -> кроссбраузерность
есть страничка с несколькими видами маркированных списков. маркеры не стандартные, а берутся из гифов. проблема такая: в ИЕ6 отображение нормальное, в Опере нормально видны все кроме одного списка - там маркер убегает вверх (то есть он не в середине списка а по верхнему краю), в Огнелисе вообще все маркеры убежали книзу. вот код одного из списков: ... <div class="list"> С точки зрения: <ul> <li> <a href="">Туриста</a></li> <li class="selected"> Эстета</li> <li> <a href="">Гурмана</a></li> <li> <a href="">Карьериста</a></li> <li> <a href="">И…
0 votes4 answers