HTML Coding

29542 questions in this forum

1. Как смасштабировать картинку

   Необходимо чтобы картинки растягивались на всю ширину экрана, но не больше своего оригинального размера. На страничке могут быть картинки разного размера. Например, если ширина картинки 2500 пх, то она растягивается на весь экран (на 1920 пх). Если ширина картинки 1600 пх, то она растягивается только до значения 1600 пх - на часть экрана. То есть, как заставить картинку НЕ растягиваться больше своего оригинального размера. Вот пример, точнее заготовка - http://jsfiddle.net/qq4gm9tr/

   Asked by alleclf, February 7, 2015

   0 votes
   4 answers
2. При наведении на картинку отобразить список

   Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?

   Asked by nikki4, April 13, 2016

   0 votes
   1 answer
3. Вопрос про вложенность

   в css прописано #content td { padding: 10px 20px 10px 10px; } table.table_price tr, td, th { padding: 3px; } В html страницы: <div id="container"> <table class="table_price"> <tbody> <tr> <td> <h2>Текст</h2> </td> </tr> </tbody> </table> </div> При этом на ячейки таблицы устанавливается padding прписанный для идентификатора #content. Почему здесь не работает вложенность? Или работает как то не так как я понимаю. Ведь стиль таблицы должен быть приоритетнее стиля содержащего таблицу блока? Как правильно установить стиль для ячеек таблиц класса "table_…

   Asked by tezin, April 7, 2009

   0 votes
   2 answers
4. Проблема с CSS

   Я хочу создать сайт и применить ко всем его страницам CSS-дизайн. Когда я указываю в CSS параметр: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } , то текст в HTML, заключённый в теги <P> и </P> имеет размер 13 пт, НО если я ещё указываю в CSS, что в теге P тоже Arial 13pt., то шрифт становится крупнее, чем 13! Помогите исправить! P.S. XHTML 1.0 Transitional

   Asked by Izyum97, January 8, 2010

   0 votes
   2 answers
5. размер изображения соответственно размеру окна браузера

   Имеется страничка, на которой отображен логотип и две кнопки выбора языка. Это загнано в таблицы, так как лучшего способа центрировать по вертикали я не нашел. На бэкграунде висит картинка. Как можно изменять размер логотипа соответственно размеру окна браузера? Я так понимаю, средствами html и css этого не сделать. Остается php и JS... Что можете посоветовать, господа? Может скриптик какой... Страничка эта вот тут

   Asked by vladyka, January 24, 2011

   0 votes
   1 answer
6. проблемы с a:hover

   Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо

   Asked by Morrag, June 2, 2011

   0 votes
   2 answers
7. Проблема в расположении.

   Всем доброго времени суток! Возникла проблема при верстке. Пример: http://a.yfrog.com/img863/3923/ytrb.jpg Не знаю, как правильно расположить элементы. Думал, что два элемента сделать блоками. Указать им рамку с бордер-радиусом, а сверху наложить белый див (Про покупку и регистрацию). Тогда как расположить те элементы, что слева? Получается, мы на них слоем наложим блоки, верно? Их взять тоже в блок? Или как вообще лучше сделать, дайте совет, пожалуйста. Заранее спасибо.

   Asked by Sedacove, September 13, 2011

   0 votes
   6 answers
8. Не показывается баннер

   Здравствуйте. Сделал в программе aleo flash баннер. Aleo дал мне HTML код <embed src="Blok_2.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="240" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always"></embed> и саму флешку которую я сделал. Мне надо этот баннер вставить в раздел авто на сайте. Баннер я назвал Blok_2 Я беру файл баннера .swf и файл HTML который мне попутно создал Aleo, кидаю их оба в корень сайта и через Total Kommander редактирую HTML файл таким образом: <embed src="Blok_2.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="240…

   Asked by bufer, September 21, 2011

   0 votes
   2 answers
9. КАК РЕЗАТЬ МАКЕТ?

   Вопрос1. Как резать макет: по слоям или целиком ? и как после этого верстать(можно ли верстать слоями , или я чего то не понимаю)? Вопрос2. Как это сделать в photoshop cs5?

   Asked by olechic, September 23, 2011

   0 votes
   1 answer
10. Подныривание под div'ы с float в IE 7.0

    Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?

    Asked by webmos, November 18, 2011

    0 votes
    3 answers
11. 8 страниц в одной

    Здравствуйте, делаю сайт на одной странице шириной в 4 экрана и высотой в 2 экрана, соответственно 8 страниц на одной получилось. Это плохо или в наше время считается нормой? Заранее спасибо!

    Asked by artyomdevyatov, April 16, 2012

    0 votes
    4 answers
12. Проблема с высотой

    Добрый день. На днях сверстал шаблон, но появились ряд проблем с высотой. Мне нужно сделать так, что бы высота центрального блока изменялась, если добавили новый комментарий. Как реализовать? height: 100% не помогает

    Asked by IUMag, July 24, 2012

    0 votes
    9 answers
13. Приоритет стилей

    Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.

    Asked by TorchTT, September 25, 2012

    0 votes
    0 answers
14. Подскажите по наложению слоёв

    Добрый день, Нужно сделать следующее: один слой растянуть на 100% по ширине и длине окна, который будет фоном, и второй слой заданной ширины, разместить по центру страницы с заданным отступом сверху. Сверстал небольшой пример нужной страницы, проверил в 4-х браузерах IE9, FF11, Chrome и Opera 12.11. Корректно отображается только в опере, в мозиле и хроме бэкграунд сверху смещается на 100px, а в IE9 сверху отступа нет, но бэкграунд съезжает в сторону. Подскажите чего не хватает? Код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Наложение слоёв</title> <style t…

    Asked by _Igor_, November 26, 2012

    0 votes
    3 answers
15. Стационарная фоновая картинка

    Всем джамбо друзья! Возможно этот вопрос нужно было задавать в разделе верстка, ну да ладно. Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru/wp-content/uploads/2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в…

    Asked by CatInTheBread, April 15, 2013

    0 votes
    4 answers
16. Почему по-разному отображается макет в ИЕ и ФФ?

    Вот сделал для жены сайт http://www.psy-actual.ru (на Joomla 1.5.22, если существенно). Шаблон брал готовый, но слегка допиливал руками. И не могу понять одну вещь: почему в ФайрФоксе все показывается хорошо (что под виндами, что под линухом), а в 9-м ИнетЭксплорере под 7-й виндой текст в правой колонке (который под заголовком "анонсы и новости") высовывает хвост вправо за край экрана (т.е. текст по-другому разбит на строки, эти строки более длинные, чем в ФФ, и из них видна только левая половина) Попробовал посмотреть внутренности макета во встроенном отладчике ИЕ - тот показывает, что блок <div id="right_container"> и вложенный в него на 1 уровень ниже <div …

    Asked by GRIG, April 24, 2013

    0 votes
    5 answers
17. Непонятное с шрифтом

    Вот начал верстать http://texteredsa.besaba.com/ и тут же проблема необычная. посмотрите на цвет текста, на шрифт сам, он сильно отличается от фотошопа http://s020.radikal.ru/i709/1407/10/13ab9edd775f.png все цвета я сверил, шрифты тоже, размеры тоже. от куда такое отличие? может дальтоник)

    Asked by WEB-best, July 6, 2014

    0 votes
    5 answers
18. изменение пропорций шрифта

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

    Asked by cyklop77, July 31, 2014

    0 votes
    2 answers
19. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks, February 6, 2015

    0 votes
    0 answers
20. преобразование даты в FF

    помогите пожалуйста разбить строку даты по составляющим пример. в chrome он работает(в консоль выводятся значения), а в firefox он не работает(в консоль выводятся ошибочки)

    Asked by cyklop77, April 8, 2016

    • js
    0 votes
    4 answers
21. Не работает слайдер

    Добрый день. Есть простой слайдер на радиокнопках. Дело в том, что у меня либо не отображается ни одного слайда, либо сразу все вместе. https://github.com/k1rilenko/Device

    Asked by k1rilenko, November 21, 2017

    • input[type=radio]
    0 votes
    0 answers
22. Докорректировать верстку

    Здравствуйте, решил в интернете поискать решение. Прошу помочь. Сделали верстку, в основном более-менее, но частенько плывет шапка, например. Не хотелось бы полностью переделывать, а внести корректировки. Спасибо за ваши советы. _ttps://russkijmetall.ru

    Asked by menedzher37, October 13, 2018

    0 votes
    2 answers
23. Выбрать инпут в диве

    нужно выбрать инпут $('input[name=arrFilter_309]:checked') в диве с классом content. Это код JS но всё же выбор как я понимаю CSS. Подскажите как это будет выглядеть, что то типа $('content:input[name=arrFilter_309]:checked') но это я от балды. хотя что то я вообще туплю, заработался, так сработало. $('content input[name=arrFilter_309]:checked')

    Asked by SoFuWa, November 8, 2018

    0 votes
    0 answers
24. чтоб картинка помещённая на сайт как бэкграунд не размножалось

    Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?

    Asked by exploer, May 13, 2009

    0 votes
    3 answers
25. вкладка

    Вот пробую сделать страничку, и столкнулся с проблемой, не могу убрать линию под дивом с надписью "тарам" , чтобы было типо вкладки, на сайте просматрел про параметр display: inline но он не срабатывает. Помогите, пожалуйста, уже непервый день над этим думаю:/ (про чистоту кода можете ничего мне не говорить, позже исправлю=) ) CSS: *:focus {outline: none} body { font-family: arial; font-size: 13pt; } html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img { margin: 0; padding: 0; } div { margin: 0; padding: 0; position: relative; } #page { width: 100%; height: 100%; } #head { width: 100% } #body { margin: 10px…

    Asked by Yahoo!, September 4, 2009

    0 votes
    0 answers