HTML Coding

29542 questions in this forum

1. тег <h1> без переноса строки

   Как сделать так чтобы после тэга <h1> не было переноса строки?

   Asked by gadjet, March 25, 2013

   0 votes
   1 answer
2. Проблема с кроссбраузерностью

   Всем добрый день. Верстал страницу по шаблону взятому здесь http://forum.htmlbook.ru/index.php?showtopic=16763 В опере все отображается нормально, а вот в других браузерах начались проблемы: Firefix - Кнопка возле заголовка при навелении не активна, т.е. не срабатывает тег <a> Chrome - Вокруг поля для поиска отображается светлая рамка. Outline:none проставлен. Как убрать не ее не понял. Safari - не срабатывает background у того же поля поиска IE - градиент вообще не отражается, хотя в коде вроде все стоит нормально Сайт залил на хостинг http://uta.p.ht/ Как справиться с этими недочетами? Заодно может кто опытный подскажет, правильно ли использовал теги aside, secti…

   Asked by gregsv, May 29, 2013

   0 votes
   8 answers
3. дважды открыть диалог

   <div id="loading" style="display: none;"></div><div id="modal" style="display: none;"></div>$.ajax({ url: $(this).attr('href'), beforeSend: function(){ loading = $('#loading').dialog({ modal: true, width: 100, height: 100 }); $(".ui-dialog-titlebar").hide(); }, success: function(data){ loading.dialog('close'); $('#modal').html(data); $('#modal').dialog({ modal: true, width:'auto', }); } });с…

   Asked by https, January 15, 2016

   0 votes
   13 answers
4. Градиент на уголках

   Здравствуйте. Подскажите, пожалуйста, если такое возможно, как средствами css сделать градиент на уголках аналогичный тегу A http://jsfiddle.net/zvgPq/1374/ Спасибо

   Asked by kent, October 11, 2016

   0 votes
   2 answers
5. Верстка накладывающихся изображений друг на друга. Определение градиента

   Здравствуйте! На приведенном изображение хедера лендинга столкнулся с непониманием как на слайде слайдера расположить текст, на него изображение пирожного и тень пирожного под самим изображением. На макете это три разных объекта: Текст, изображение с пирожным и слой с тенью под пирожным. Я склоняюсь к двум вариантам: слить текст и изображения в один объект,и втулить его как background. Или создать блок, в котором центрирую текст, а поверх этого блока абсолютом блок с изображением и тенью под ним...ну и с текстом, и всеми елементами взаимодействия. Хотелось бы узнать как решили бы задачу знающие люди. Ну и вторая часть моего вопроса-как определить градиент на фоне? Сам фо…

   Asked by Super_Saimon, March 13, 2018

   0 votes
   4 answers
6. Бордер в цвет градиента

   Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.

   Asked by Dimpin, December 14, 2018

   0 votes
   4 answers
7. что скажите ?

   Вот верстал меню Что скажите по коду мне честно говоря он кажется не очень Как можно было бы сделать подругому без помоши картинок ? <div class="head2"> <ul> <li><a href="1.html"><img src="images/1.gif" alt=""></a></li> <li><a href="2.html"><img src="images/2.gif" alt=""></a></li> <li><a href="3.html"><img src="images/3.gif" alt=""></a></li> <li><a href="4.html"><img src="images/4.gif" alt=""></a></li> <li><a href="5.html"><img src="images/5.gif" alt=""></a></li> <li><a href="6.html">&l…

   Asked by musulman, January 7, 2008

   0 votes
   3 answers
8. Загрузка файла MP3 на свой сайт

   Привет всем! Записал звук с микрофона и звучание интернет-радио в формате MP3. Этот файл хочу загрузить на сервер -но закачиваться он не хочет,да и переслать по e-mail-щ?лкаю прикрепить-загрузка не ид?т. Помогите разобраться

   Asked by сергей-7, March 28, 2008

   0 votes
   1 answer
9. Позиционирование. При приблежении кнопки наезжают друг на друга

   Всем привет. Сайт сверстан div-ами, меню навигации сделано с помощью позиционирования, когда приближаю страницу скролом - кнопки наезжают друг на друга. Как решить эту проблему div-ами? Помогите пожалуйста.

   Asked by Alek7y7, April 8, 2009

   0 votes
   1 answer
10. min-height в IE6 и центрирование объектов

    В опере9 min-height работает отлично, видел способ для IE6 или 5, а есть что либо универсальное? В блоке текст выравнен по левому краю. Нужно вставить картинку или флеш по центру. text-align: center; для объекта не работает, а на <center></center> ругается валидатор.

    Asked by Ururu, April 13, 2009

    0 votes
    4 answers
11. Скрипт modal window. проблема!

    Ребят опять запутался, нинаю че делать. даже не знаю в какой раздел кидать, думаю здесь тоже все разрешится. постораюсь все побробно описать. Значит так, хочу сделать ссылку, при нажатии на которой открывается окошко (но не браузерное), типа на полупрозрачном фоне появляется окошко ( modal window). смысл скрипта такой: имеется отдельный css, яваскрипт, и еще один гугловкий скрипт. текст наделяется спец классом который связывается с явойскриптом и вызывает его. а сам контект которое открывается в окошке находится в том же документе (его не видно так как display:none). очень хочу поместить этот контент в отдельный документ и ссылаться на него (не хочу куча хлама кода на каж…

    Asked by termoplus, May 27, 2009

    0 votes
    4 answers
12. Рамки

    У меня проблема. Все вроде отображается. Не могу понять, как избавиться от ошибки, точнее 5. На http://validator.w3.org выдает на этом куске программы <h3> <i> <ul style="border: 3px dotted green; text-decoration: underline;"> <li style="text-align: left">Список предметов и работ</li> <li>математическое моделирование и программирование</li> <ul style="border: 3px dotted green" type="circle"> <li style="color: green;">Лабораторная работа №1</li> <li>Лабораторная работа №2</li> <li>Лабораторная работа №3</li> </ul> <li>Физика</li> <ul style="border: 3px dotted green" typ…

    Asked by Snums, June 23, 2009

    0 votes
    2 answers
13. Верстка макета

    Нужно сверстать такой вот макет. Ширина #PageContent - статическая, слева и справа полосы однаковой ширины. Размеры #header и #footer - указаны в пикселях. Ширина #ContactInf и #MainInfo статиская, а высота растягивается в зависимости от содержимого. При этом ни одна из этих колонок не должна вылазить на #footer. Заранее благодарю всех ответивших.

    Asked by Singer, July 1, 2009

    0 votes
    3 answers
14. графическое меню тормозит

    Сделал на сайте графическое меню, те пункты меню это не большие (3.8kb) изображения, при наведении курсора мыши они меняются на другие. Проблема в том что в самом начале они меняються с задержкой где то в 1 сек, это заметно и выглядит не красиво, когда на тот же пукт меню наводишь второй раз, то замена на активное изображение происходит мгновенно, возможно потомучто браузер уже закешировал. Что сделать чтобы изображение у ссылки на действие hover и в первый раз менялось без задержек ? вот стили которые я использую: #header #menu .unic_menu_item1 a { background: url(/images/home.jpg) no-repeat left bottom; } #header #menu .unic_menu_item1 a:hover, #header #menu .unic…

    Asked by asker2, September 9, 2009

    0 votes
    1 answer
15. выбор варианта вёрстки

    Всем доброго времени суток. Со времени как последний раз делал сайт прошло не менее 7ми лет. Сегодня пришло время вспонить навыки. Уже имеется макет. На данном этапе встал вопрос как правильно сверстать сайт и в связи с этим возникают вопросы: 1. Верстать с помощью таблиц или есть какие-то более современные методы. (Сайт планируется статичный поэтому только html достаточно)? 2. Правильный ли подход: центр сделать статичных размеров в ширину, а поля (фон) резиновыми? Я начал делать центр (шапку) статичной, а поля резиновые. Но при сужении браузера ниже минимального формата шапка расплавается. Вот пример. 3. Второй вариант вёрстки. Второй день копаюсь не могу понять из-за ч…

    Asked by YaSerg, September 18, 2011

    0 votes
    4 answers
16. img в div блоке

    Доброго времени суток! Подскажите, пожалуйста, как разместить изображение в таком блоке: <div class="box"> <h2 class="title title-box">Меню раздела</h2> <div class="box-content">Текст</div> </div> .box { margin: 10px; border: 2px solid #BBB; width: 210px; height:100%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color:#fafafa; box-shadow: 0 0 5px #e4e5e7; } h2.title-box { border-bottom: 2px solid #BBB; height: 40px; background: url(фон) repeat-x; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-toprigh…

    Asked by malsyst, July 14, 2012

    0 votes
    12 answers
17. Фреймы... Возможно ли такое?

    Добрый день! Интересует такой вопрос. Можно ли в фрейм загнать страницу полностю, а потом как то задать ее падинги или марджинги так, чтобы в фиксированном размере фрейма отображалась только нужная часть страницы, например только футер сайта. Может ест какой-то иной способ загрузить в фрейм кусок странички...?

    Asked by myav4ik, July 16, 2012

    0 votes
    5 answers
18. Масштабируемый контейнер с блоками картинок и подписями к ним

    Доброго всем времени суток. Есть масштабируемый контейнер, с блоками картинок и подписями к ним (my-company.su/work_file.html). Задача такая: при изменении ширины окна браузера (уменьшении или увеличении), количество элементов в контейнере должно уменьшаться или увеличиваться соответственно. Пример: контейнер с анонсами на главной странице artlebedev.ru, или на озоне (ozon.ru) контейнеры с товарами, в центре. Я так понимаю, что при помощи CSS это не реализовать? Может кто-то знаком с решением или знает где можно поискать? Или подскажет с чего начать. Заранее благодарен

    Asked by BigDaddy., September 20, 2012

    0 votes
    8 answers
19. Три дива объединить, position: absolute не подходит. Что использовать?

    Прошу помочь реализовать одну идею, есть таблица из 1 строки и 2 колонок, размеры таковы( высота 100% ширина каждой колонки 50% от ширины экрана). В каждой ячейке фотография, нужно поставить прицел в центр каждой ячейки. Код <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } </style> </head> <body> <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;"><img src="1.jpg" height="886" width="955"></div> <div style="position: absolute; width:3px; height:50px; background:#f00;to…

    Asked by Атом, March 17, 2013

    • Три дива объединить position
    0 votes
    3 answers
20. Проблема с border в Mozilla

    Всем добрый день, только что завершил довольно простой макет, но появились трудности с верхним меню, а именно с нижней границей/подчеркиванием. Готовая верстка тут - http://cssmaniac.com/site7/index.html Проблема состоит в том, что в мозилле нижняя граница .top_menu вылезает на пару пикселей вправо, а по идее должна заканчиваться вместе с последним пунктом меню. Для наглядности: Нужно, чтобы не было лишнего серого подчеркивания справа. Буду очень признателен, если кто поможет. Всем заранее спасибо!

    Asked by ikilldog, April 20, 2013

    0 votes
    7 answers
21. инпут разной ширины в хроме и мозиле

    есть инпут с классом pressure_date у него такие стили { border: 1px solid #AAAAAA; background: url(/img/input_shadow.jpg) top repeat-x; height: 30px; color: #999; text-align: center; font-style: italic; width: 75px; } почему в мозиле, визуально этот блок нормально выглядит (по ширине) как мне нужно, а в хроме чтоб он выглядел как мне нужно, емц нужно поставить ширину 79px. То есть хром показывает на 4px меньше?

    Asked by vladmih, May 30, 2013

    0 votes
    4 answers
22. Проблема с видом контента

    Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…

    Asked by lapochka, August 22, 2015

    • div
    • html
    • css
    • news
    0 votes
    5 answers
23. Проблема с вертикальными отступами span

    Всем привет. Не могу понять откуда берутся отступы. <div class="mc543_minimenu"> <div class="mc543_button"> <div> <span class="mc543_l1"></span> <span class="mc543_l2"></span> </div> </div> <div class="mc543_menuhandler"></div></div>CSS из правой менюшки консоли хрома - element.style {}wp.test/media="all".mc543_minimenu span { margin: 0; padding: 0; display: inline-block; width: 100%; height: 5px; background: #4F4F4F;}wp.test/media="all"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acro…

    Asked by infidel, September 19, 2015

    0 votes
    2 answers
24. Откуда берется padding?

    http://jsfiddle.net/220wsdx2/ Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?

    Asked by infidel, October 2, 2015

    0 votes
    13 answers
25. Градиент без background

    Здравствуйте. как сделать чтобы градиент был поверх контента? Сейчас пробовал градиентом от прозрачного к белому. Но сделано через background , поэтому градиент под темно-синим квадратом. https://jsfiddle.net/ishurgaya/407szvnp/embedded/result/ А нужно чтобы темно-синий квадрат был под градиентом, то есть к низу прятался под белым градиентом. Добавление темно-синего квадрата (картинки) , через background-image не вариант, т.к. планируется вместо темно-синего квадрата разный контент (текст ,картинки) помогите как сделать?

    Asked by ishurgaya, December 22, 2015

    0 votes
    4 answers