HTML Coding

29542 questions in this forum

1. Искал, аналогичной темы не нашел, помогите новичку!

   Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…

   Asked by bogdaniman, July 15, 2012

   0 votes
   7 answers
2. Не отображается плеер в FF

   http://sunna.su/www/audio.html - не отображается плеер в ФФ и опера, нашел такой ответ http://stackoverflow.com/questions/11436955/firefox-mediaelement-js попробовал в .htaccess добавить AddType audio/mp3 .mp3 AddType video/mp3 .mp3 Не помогло, в чем может быть проблема кто знает? Офф сайт: http://mediaelementjs.com/

   Asked by moslem, August 3, 2012

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

   Всем привет. На скринах показан код и стили. Не могу понять почему не происходит выравнивания. 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
4. Горизонтальное меню в IE 7

   Доброго времени суток! В браузере IE 7 выпадающие списки меню растягиваются по длине слова. Макет Будьте добры, подскажите, направьте на верный путь. Второй день бьюсь, а решение, скорее всего, элементарное.

   Asked by Non Stop, May 21, 2013

   • Возникла трудность
   0 votes
   2 answers
5. подскажите как сделать такую автоматическую оплату?

   вот хочу узнать как сделать такую автоматическую оплату как на этом сайте http://djekxa.com/# подскажите пожалуйста) Заранее благодарен) если что кто может в скайп то вот vitia1461

   Asked by Виктор146, August 4, 2013

   • автоматическая оплата
   0 votes
   2 answers
6. Адаптивные картинки в статьях страницы

   Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…

   Asked by Delat, August 13, 2013

   0 votes
   3 answers
7. Задание из практикума

   Делаю задание из практикума, применяю стиль для класса virtual float:left, текст в остальных двух идет в разнобой, почему они оба не прилипают справа от первого div ?

   Asked by rpmcmerphy, November 8, 2013

   0 votes
   9 answers
8. Blink-браузеры не правильно обрабатывают тень

   http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?

   Asked by MyNameIsJim, September 13, 2014

   0 votes
   11 answers
9. С тегом <!DOCTYPE> страница сползает влево.

   Здравствуйте, на днях начал осваивать html, css. Всё бы хорошо, но узнал, что без <!DOCTYPE> сайт считается яндексом некорректным. Добавил <!DOCTYPE> в самое начало страницы и вместо центра блоки прилипли к левому краю (см фото). Текст сайта думаю тут нет смысла выкладывать ? Вот - велосвет.рф, там же можно посмотреть ? Подскажите, что можно с этим сделать. Спасибо.

   Asked by Kompilator, April 22, 2015

   0 votes
   7 answers
10. границы сдвига элементов при изменении размеров страницы (css)

    Всем привет У меня вопрос - можно ли только с помощью css и html тегов (без привлечения JS) реализовать следующую вещь: есть 2 элемента - один всегда находится слева сверху страницы img.corner_lt { width: 200px; border: 0px; display: block; position: absolute; left: 10px; top: 10px; z-index: 1000; } второй - сверху по центру экрана (div в котором находится текст) div.menu { width: 100%; height: 30px; padding: 15px 0px 15px 0px; border-style: none; display: block; position: absolute; text-align: center; } Когда окно браузера начинает уменьшаться (по ширине), то текст (из div.menu) рано или поздно начинает наползать н…

    Asked by Zhihar, December 24, 2015

    0 votes
    7 answers
11. Различное отображение таблиц в IE8 и Mozilla

    Объединил 3 ячейки в одну в таблице, но результат получил только в хроме и в мозилле, а в ие8 отображается как будто ячейки еще есть http://kikky.ru в самом конце <table class="tbl_send_pay"> <tr> <td class="td_send_pay_head_l"> <p>Сообщества</p> </td> <td> </td> <td class="td_send_pay_head_r"> <p>Скидки</p> </td> </tr> <tr> <td colspan="3" class="td_send_pay_text_l"><p></p> <p><img src="{$URL_THEME_OFFSET}/img/pay/vkontakte.png"> <img src="{$URL_THEME_OFFSET}/img/pay/odnoklassniki.png"> <img src="{$URL_THEME_OFFS…

    Asked by megagerz, April 12, 2010

    0 votes
    3 answers
12. проблема с кодировкой

    есть сайт, который отверстали с кодировкой utf-8, нужно изменить на windows-1251, но после изменения кодировки текст превращается в иероглифы. кто знает, как это решить?

    Asked by Angel_33_3, July 29, 2010

    0 votes
    3 answers
13. отображаемый url

    Здравствуйте, видел на некоторых сайтах, когда пишешь их юрл в браузере и заходишь на странцу, он автоматически добавляет к ней "www." Например, пишешь rle.ru, а браузер открывает http://www.rle.ru, пишешь http://rle.ru, он также заменяет на http://www.rle.ru А на моем сайте как напишешь, так и будет отображаться. Как мне сделать эту вышеописанную шнягу?

    Asked by f1nik, September 1, 2010

    0 votes
    2 answers
14. Дополнительные опции товара

    Друзья , я занимаюсь разработкой интернет магазина контактных линз.В качестве движка использую битрикс. И сейчас я столкнулся с такой задачей. Нужно реализовать функцию "опции товара" т.е в опциях товара предполагается выбор нескольких параметров а именно выбор диоптрий, оптическую силу и радиус кривизны для правого и левого глаза. пример таких форм представлен здесь: http://linzaplus.ru/product_info.php/products_id/64 http://linzaplus.ru/product_info.php/products_id/222 http://www.linzshop.ru/catalog/clariti-1-day.html Вопрос такой, как проще реализовать данную задачу ? нужно ли дописывать и подключать отдельный скрипт или же можно ли использовать функционал движка? В…

    Asked by original777, November 18, 2010

    0 votes
    4 answers
15. Загрузка мод. окна

    Здраствуйте, нужно решить проблему, как мне зделать чтоб модальное окно грузилось в место со страницей.Уже видел такой скрипт который бы решил проблему ,но тепер не могу найти Пример так как сейчас - http://mp3ack.com/ ВХОД. Спасибо...

    Asked by Mr.Black, February 11, 2011

    0 votes
    12 answers
16. набирающийся текст не работает в FF

    Добрый день. Буду признательна за совет. Собственно, копирнула себе на сайт скриптик, хотелось бы, чтобы он работал во всех браузерах, а он, как на зло, не пашет в мозиле. Страница сайта: http://notarcontora.ru/ Пока там ничего, кроме это скрипта, в общем-то, и нет. Не могу сообразить никак, есть ли шанс заставит мозилу принять скрипт - или прописать хак для мозилы отдельно, чтобы в случае ошибки отображался текст в обычном виде.

    Asked by Aliena_spb, April 7, 2011

    0 votes
    11 answers
17. Как заставить Оперу не бажить бордеры при масшабировании

    Не могу заставить Оперу нормально вести себя при масштабировании, убирает бордеры в комментариях, сейчас покажу на примере своего сайта (publichack.org). вот примеры при удалении начинает убирать бордеры: http://picsearch.ru/share/image-0A8B_4E3ABE53.jpg http://picsearch.ru/share/image-7142_4E3ABE53.jpg http://picsearch.ru/share/image-8F88_4E3ABE53.jpg близко всё окей: http://picsearch.ru/share/image-687E_4E3ABEE1.jpg В других браузерах все нормально, хром: http://picsearch.ru/share/image-E547_4E3ABEE1.jpg ИЕ8: ]http://picsearch.ru/share/image-00BC_4E3ABEE1.jpg В мазиле тож все хорошо. Выдержки из css: #author, #email, #url, #comment, #submit{ background: #202020; …

    Asked by tok, August 5, 2011

    0 votes
    3 answers
18. border-bottom

    Как сделать border-bottom на всю ширину div блока ?

    Asked by scr1be, November 2, 2011

    0 votes
    7 answers
19. Фоновое изображение по краям монитора

    Здравствуйте. Не могу решить задачу: есть декоративная рамка, её нужно пустить (с повторением естественно) по краям монитора (вне зависимости от разрешения...). Вопрос: возможно ли это реализовать средствами CSS 2.x? Или только через CSS3 путём добавления нескольких фоновых изображений? Я это вижу так, что нужно пустить 4 фоновых элементов рамки (сверху, справа, слева, снизу с соответствующим репитом для каждого). При этом ещё долэны быть углы рамки в виде декоративных квадратов - их просто раскидать по 4 углам. Подскажите, может есть какие-то ещё варианты? И правильно ли я рассуждаю? Заранее благодарю за подсказки.

    Asked by DarkTranquillity, November 8, 2011

    0 votes
    3 answers
20. Загадочный DOCTYPE

    Тренировался в вёрстке, наткнулся на интересную проблему. Делал шапку сайта с непрописанным DOCTYPE в браузере опера и всё было хорошо, но как только решил проверить с других браузеров, куда-то пропала часть элементов. Как только я прописал на страничке <!DOCTYPE html> в опере тоже пропало как у остальных. В чём может быть проблема? Как DOCTYPE может убрать элементы? Собственно вот как выглядит страница без прописанного доктайпа И с ним Собственно сайт blackspot.ucoz.ru Код шапки <header><div class="header"> <a href="http://blackspot.ucoz.ru/"><img src="/template/img/blackspot.png" alt="BlackSpotStudios" class="logo" /></a> <div…

    Asked by Ge1i0N, January 9, 2012

    0 votes
    4 answers
21. Абсолютное позиционирование и отступ снизу страницы.

    Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:

    Asked by Necronomicron, February 4, 2012

    0 votes
    5 answers
22. как растянуть фон для background ?

    здравствуйте. мне нужно, чтобы картинка заполнила body от границ до границ, но не повторялась (no-repit). Есть какой-то способ, чтобы она вела себя , как резиновая? пусть искажается с изменением размера body , это ничего. главное, чтобы она всё время заполняла его до границ. (у меня на картинке небо ..с облаками)) подскажите, пожалуйста. спасибо

    Asked by Нusuf, May 24, 2012

    0 votes
    7 answers
23. Не подставляется значение в Input в IE8 \ IE9

    Имеется input: <input type="submit" id="SomeId" value="Найти" class="mc-button mc-button-orange" /> стили: .mc-button-orange { border: solid #A26F19; border-image: initial; background: -webkit-linear-gradient(top, #F2BD65, #CB891E); } .mc-button { min-width: 10px; line-height: 24px; height: 24px; padding: 0 28px; padding-top: 2px; text-align: center; -moz-transition: all 0.218s ease 0s; -moz-user-select: none; background: #1B7BCB; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6AC3EB), to(#1B7BCB)); background: -webkit-linear-gradient(#6AC3EB, #1B7BCB); background: -moz-linear-gradient(#6AC3EB, #1B7BCB); background: -ms-linear-gradient(#6AC3EB, #1B7BCB)…

    Asked by TorchTT, October 14, 2012

    0 votes
    1 answer
24. не работает меню

    навожу курсор на меню, но ничего не происходит, хотя до того как вставил в код слайдер, все работало, с чем может быть связано? вот коды HTML- <body> <div class="header"> </div> <div style=" width:1260px; height:1700px; background: url(images/fon.jpg) ;"/> <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> …

    Asked by aleksej, March 28, 2013

    0 votes
    4 answers
25. Верстка адаптивного слайдера

    Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…

    Asked by SuperJerk, April 2, 2013

    0 votes
    2 answers