HTML Coding

29542 questions in this forum

1. Кроссбраузерность изображений

   Здравствуйте. Подскажите пожалуйста, как решить следующую проблему: сайт на WordPress, шаблон резиновый, я переделал размеры вставляемых изображений из px в %, при позиционировании изображений, в margin также применил %, так вот, в браузерах Chrome, Mozilla, Opera и Яндекс - всё отображается нормально, а в IE есть небольшое смещение некоторых картинок вверх, а в Safari - вообще конкретно уплывают. Margin я задавал атрибутом style, посмотреть пример моей страницы можно здесь. Как бы исправить этот баг?

   Asked by webded, May 28, 2014

   0 votes
   3 answers
2. Как решить такую задачу?

   http://fastpic.ru/view/66/2014/1015/1f8484aabc956a38d4a0e19d32310abb.jpg.html я имею в виду картинки которые по бокам. как сделать? создать вложенные дивы? например так <div class="основной бекграунд"><div class="левая картинка"><div class="правая картинка">основной контент</div></div></div>или какие способы решения? пробовал через Position:absolute; но тогда придется задать фиксированную ширину, а я буду делать резинку + адаптив, такой вариант не подходит.

   Asked by raptor-dm, October 15, 2014

   0 votes
   4 answers
3. Проблема с оформлением

   - Сайт должен как по высоте так и по ширине занимать 100% экрана. - Футер всегда должен быть прижат к низу - фон при различных ширинах и высотах (карта) не должен создавать прокрутку. Вот с ширинами получается, а с высотой нет. Получается я могу изменить размер окна браузера при этом ширина меняется и под нее подстраивается фон. А по высоте такого не происходит... Подскажите как реализовать... http://jsfiddle.net/zmtxuvk9/

   Asked by psics, April 20, 2015

   0 votes
   4 answers
4. Body height: 0;

   Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

   Asked by seemax, August 24, 2015

   0 votes
   2 answers
5. Форма поиска по данным

   С помощью чего делается обработка событий по данным, заданным в поиске? Как прописывается код в таком случае? Форму я сделала, но остальное... Примеры: http://www.bn.ru/zap_fl_w.phtml или http://prian.ru/

   Asked by _elf_, January 12, 2009

   0 votes
   3 answers
6. Что за технология используется?

   Здраствуйте, вот увидел такую вещь и захотелось сделать нечто подобное суть в том что трехмерный объект можно вертеть на 360 градусов. Я так понимаю тут используется flash+javascript. Поделитесь пожалуйста литературой по подобной теме. http://www.volkswagen.com/etc/medialib/vwc...l?culture=ru_RU

   Asked by demon1987, April 23, 2009

   0 votes
   1 answer
7. Основное содержимое в центр

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

   Asked by cotangens, November 21, 2009

   0 votes
   1 answer
8. Вопрос по фоновому изображению.

   Скажите пожалуйста, как сделать часть фонового изображения ссылкой?

   Asked by Willi, January 7, 2010

   0 votes
   3 answers
9. div

   В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)

   Asked by biginer, November 2, 2011

   0 votes
   4 answers
10. Непонятный отступ у списка

    Создаю список тегом li но он нормально отображается только в Опере. Вот код: <li><a href="link">текст пункта</a></li> Вот ксс: li { margin:0; padding:0; } если сделать отступ через паддинг то в Мозилле и ИЕ отображается нормально а вот в Опере съезжает сильно вправо. Как можно сделать нормальное отображение списка во всех браузерах? Вот скрин:

    Asked by alleclf, June 26, 2012

    0 votes
    5 answers
11. Подскажите начинающему.

    Доброго времени суток, форумчане. Совсем недавно стал осваивать граф. редактор Adobe Dreamweaver CS3. Проблема в следующем: Вместо отображения всех элементов сайта в графическом режиме имею вот такие строки: {include file="topmenu.tpl"} , ясно, что это отдельный файл и за ним, точнее, чтобы редактировать его, мне приходится открывать его в другом окне - что очень неудобно. Подскажите - какие настройки стоит пощёлкать, чтобы сайт отображался без данных "включений" а полностью. Заранее благодарю.

    Asked by BogdanfM, July 9, 2012

    0 votes
    2 answers
12. Несколько общих вопросов

    Буду признателен, если подскажите. 1. Не могу пока, что понять как сделать такое: т.е. пунктиры. Нашел вот такие решения http://www.xiper.net/collect/html-and-css-tricks/content/table-of-contents.html Но здесь кругом фиксированные размеры, т.е. если справа будет больше цифр, то все ломается. Собственно, может у кого что еще есть? 2. Как вы реализуете выпадающие селекты с чекбоксами? Я нашел пока такие варианты: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html (вроде можно практически, что угодно внутрь option запихать) Может есть более "лучшие" реализации?…

    Asked by npofopr, February 21, 2013

    0 votes
    8 answers
13. Не перемещяется блок

    Всем привет. На скринах показан код и стили. Не могу понять почему не происходит выравнивания. http://snag.gy/q5eKu.jpg -html http://snag.gy/WV00k.jpg - css http://snag.gy/2rqBC.jpg - демонстрация куда должен стать блок. Может вопрос и глупый но я никак не могу понять что не так. Заранее признателен за помощь.

    Asked by ruslanlizogub, May 11, 2013

    0 votes
    7 answers
14. Выравнивание по вертикали

    Привет всем. Пятница, вечер, голова не соображает). Прошу помощи. Есть див 300 на 300 пикселов. Внутри него нужно выровнять по вертикали текстовый контент. Три вида текста в трёх спанах. Количество текста в спанах заранее неизвестно. А так как спанов три, то количество комбинаций может быть разным. Несколько вариантов для наглядности набросал. Какие стили нужно задать элементам?

    Asked by ILL-JAH, April 18, 2014

    0 votes
    3 answers
15. Спецы, помогите найти баг, не могу отрыть меню

    Всем добрый день! Решил переделать с 1-страничного во многостраничный сайт и столкнулся с непонятной проблемой: ВТОРОЙ пункт меню не открывается. Не могу понять в чем дело. ПОМОГИТЕ!!!! http://xn--80apgctu.in.ua/ Спасибо!

    Asked by Vic-Tor, July 26, 2014

    • menu
    • nav
    0 votes
    3 answers
16. [Теория] Навороты современного дизайна и нагрузка на машину

    Собственно сегодня спорили с одним товарищем (дизайнером), о том как влияют всяческие "плюшки" на скорость работы сайта. Он рассказывал мне про то, что мол популярные "адаптивные" страницы, где почти всё указано в процентах, весьма нагружают машину посетителя. Возникают глюки тормоза и тд, не суть важен этот разговор.. Но я действительно задумался, а насколько страница сверстанная к примеру с помощью "бутстрапа", больше нагружает браузер и машину посетителя страницы по сравнению с той же классической(в общих рамках) страницей.

    Asked by master-kyk, September 7, 2014

    0 votes
    6 answers
17. Не отображается шрифт на сайте

    Здравствуйте! Такой вопрос: не отображается шрифт на сайте. Шрифт Corinthia. Что делала: 1. Создала папку fonts и туда скопировала скачанный шрифт Corinthia 2. В файле style.css в самом начале написала код: @font-face { font-family:'Corinthia'; src:local("Corinthia"), url('fonts/Corinthia.ttf') format('truetype');}3. В заголовке его применила: .main h2 { font:87px 'Corinthia';}Результат: шрифт не отображается! Вопрос: Что сделала не так? Спасибо.

    Asked by Orarifish, September 30, 2014

    0 votes
    1 answer
18. Как сделать вот такой слайдер?

    Вот так должен выглядеть слайдер: Видно, что слайды по бокам прячутся почти на половину ширины. У меня помещаются только 4 блока а другие 2 выпадают http://codepen.io/anon/pen/PwXZGG 1) Как сделать так, чтобы было как на картинке? 2) Как сделать чтобы товары двигались друг за другом при нажатии на кнопки "LEFT", "RIGHT" в соответствующие стороны?

    Asked by yaparoff, March 19, 2015

    • слайдер
    0 votes
    2 answers
19. Отличие отображения вёрстки в iPad и в Сhrome

    Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…

    Asked by prowoke, December 10, 2015

    0 votes
    1 answer
20. Как отцентрировать один элемент внутри flex контейнера?

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

    Asked by Kardamon, July 13, 2022

    0 votes
    1 answer
21. onmouseover эффект на одой линии кнопок работает, а на другой не работает

    У меня onmouseover эффект на одой линии кнопок работает, а на другой не работает. как починить? http://members.dodo.com.au/~rouslan/ninawebsite/index.html и еще, есть ли способ, когда можно не вкладывать onmouseover эффект два раза на странице, но при этом все кнопки работали внизу и наверху, то есть есть ли какой-нибудь "под-код", который будет повтрорять onmouseover эффект?

    Asked by DolbyRoom, December 18, 2008

    0 votes
    2 answers
22. тег Marquee не хочет работать в FireFox!

    Тег Marquee не хочет работать в FireFox! В Oper-е и Explorer-е работает, а в этом браузере не хочет, хотя на сайте сказано, что FireFox поддерживает этот тег. Срочно понадобилось создать несложный сайт. И тут вдруг не заработали: бегущая строка в FireFox и обратная связь на электронную почту через форму. Подскажите, кто знает, почему Marquee не работает в Fox-е? И может кто скажет, что надо доделать, чтобы обратная связь через форму заработала.

    Asked by Tatyana, June 29, 2009

    0 votes
    0 answers
23. Меню

    index.html: <!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=iso-8859-1" /> <title>Информационный сайт</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </head> <body><div id="page"> <div id="header"> <h1>Название сайта</h1> <h2>Краткое описание сайта</h2> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li&g…

    Asked by alexandr.coder, August 11, 2010

    0 votes
    3 answers
24. Ссылка при наведении

    В коде есть такая ссылка: <a class="podrob" href="/video/3.php?id=1">Подробнее </a> .podrob{color:#990000; font-weight:bold; text-decoration:none; } .podrob:hover{text-decoration:underline; } Проблема в том что при наведении мышкой на ссылку в браузерах Мозила, ГУлхром,Опера она не делается рукой, если навести то появляется рука только когда ниже знака подчёркивание, а если на слово навести, не появляется рука, что можно сделать?

    Asked by people2010, October 9, 2010

    0 votes
    3 answers
25. чем в этом коде может устанавливаться отступ (или белый бордюр)?

    чем в этом коде может устанавливаться отступ "вниз" от картинки, которую сделали ссылкой. Размер отступа (или картинки) примерно 2-3 px я думал такие вещи устанавливаются a img{ border: none; padding:0; margin:0; } но у меня как видите все по нуля /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; …

    Asked by vovchikku, October 16, 2010

    0 votes
    3 answers