HTML Coding

29542 questions in this forum

1. Проблемы с версткой, нид хелп

   У меня почти готова страничка, но не настолько, чтобы выкладывать ее в раздел обсуждения работ. Есть некоторые проблемы, а именно: В хроме страница отображается некорректно, не до самого низа окна браузера. Верхний рекламный блок не видно. То есть когда я смотрю сайт с локального компьютера он есть, а когда с залитой в интернет странички - нету. Ну и плюс эта страница тянется по вертикали, делаю я это впервые. Посмотрите что не так с масштабированием, покрутите сайт туда-сюда. Буду благодарен за советы, какой блок тянуть, какой делать фикс, если у меня в макете что-то не так. Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал. upd…

   Asked by skygazer, February 14, 2012

   0 votes
   14 answers
2. Плагин для Радиобаттона...

   Всем привет. При конструировании плагина для радиобаттона столкнулся с трудностью того, что во время нажатия на сам радиобаттон у меня в блоке с виртуальным баттоном(<i id="virtual_radio">) не срабатывает появление необходимой картинки? При клике по <i id="virtual_radio"> всё происходит так как и задумано!? Не пойму в чём причина? js код следующий: var myRadio = document.getElementById('myRadio'); var virtualRadio = document.getElementById('virtual_radio'); virtualRadio.onclick = function(){ if (myRadio.checked == false) { myRadio.checked = true; virtualRadio.style.backgroundImage='url(images/checked.png)'; } }; myRadio.onclick = function(){ if (myRadio.checke…

   Asked by Yamaradg, March 2, 2012

   0 votes
   14 answers
3. нет фоновой картинки

   Почему в одном файле для тега <input type="button" /> есть фоновая картинка, в другом она не хочет показываться? CSS: input { display:block; border:none; width:24px; height:24px; cursor:pointer; margin-right:5px; background:url(../icons/Add.png) no-repeat center center; }

   Asked by AndreyT, March 14, 2012

   0 votes
   14 answers
4. Position и текст

   Здесь! Текст залазит или подлазит под header, как сделать плавающим который будет размещаться сразу за хедером?

   Asked by ferz721, March 18, 2012

   0 votes
   14 answers
5. Нестандартные бордеры

   Возникла проблема при верстке достаточно не стандартных бордеров в таблице, см. ниже Решение которое я выбрала это положить в ячейки div, что бы ему задать margin left и right и ему же добавить border-bottom. Но возникает проблема div по высоте занимает высоту контента и нижний бордер не на одном уровне результат-http://jsfiddle.net/chiffenok/KqNS7/ Объясню, почему я использую внутри дивы: если посмотреть на горизонтальные границы между строками они с разрывами. Что бы сделать такие разрывы подходит маржин слева и справа но маржин не действует на ячейки таблицы. А если просто применить бордеры к ячейкам то они будут слитные. Атрибуты cellspacing и cellpadding здесь не по…

   Asked by chiffenok, April 18, 2012

   0 votes
   14 answers
6. Как создать слайдшоу на сайте?

   Привет всем! Подскажите ,как создать слайдшоу на сайте? Требуется показ 6-7 фотографий в режиме слайдшоу,превьюшки внизу и коментарии к фото, справа от отображаемой фотографии для образовательного сайта. На какой технологии это можно будет сделать? Знаю существуют готовые шаблоны слайдшоу на javascript но подходящего найти не могу. Подскажите хорошую библиотеку скриптов для создания галерей, презентаций, очень нужно. Также находил генераторы слайдшоу , но в них нет возможности сделать комментарии к фотографиям. Буду рад любым советам.

   Asked by ksonline, April 18, 2012

   0 votes
   14 answers
7. Что такое контекст форматирования?

   Когда читал о свойстве float или про overflow:hidden, то увидел термин "контекст исполнения". Писалось, что при использовании этих свойств создается новый контекст исполнения. Вопросы: 1) Что такое контекст исполнения? В инете искал, на нашел! 2) На что влияет контекст исполнения? 3) Какие свойства по стандарту создают новый контекст исполнения?

   Asked by FanAizu, April 28, 2012

   0 votes
   14 answers
8. <input> vs <a>

   http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?

   Asked by seemax, April 30, 2012

   0 votes
   14 answers
9. В чем проблема?

   Я решился создать сайт с другом , я пишу код а от него веб дизайн. Выучил за полтора месяца html и css и вроде вначале всё было нормально(у меня стояла Windows XP). У друга смотрелось тоже всё отлично. Но потом у меня комп полетел , и пришлось купить новый процессор и я установил WINDOWS 7 , в тот же день друг опять проверил , у него было всё чотко. Когда он мне передал мой сайт , я открываю и получается шняга. Мне кажется что из-за винды 7 у меня стало что то не так , ибо я чего то незнаю. вот скринчегг после открывания :

   Asked by NewMen, May 5, 2012

   0 votes
   14 answers
10. Скругленные углы заданные в процентах у прямогульной кнопки

    Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код: div { ... width: 50%; height 80px; border-radius: 5%; ... }Радиус скругления по горизонтали получаю 5% от нефиксированной ширины кнопки, а по вертикали 5% от фиксированной высоты. Скругление получается овальное, а надо круглое, зависящее только от ширины. В описании свойства border-radius в справочнике по CSS сказанно: Как раз то, что мне нужно! Но, судя по всему, это не так. Получается, что: В случае применения процентов, отсчет горизонтального ради…

    Asked by Cypher76, May 12, 2012

    0 votes
    14 answers
11. Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)

    Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…

    Asked by Eugene-N, June 4, 2012

    0 votes
    14 answers
12. Firefox криво распознает display: table-cell;

    Верстал под Chrome, надо было, чтобы текст в диве выравнивался по вертикали. Настроил, открываю Firefox, а там вот что: Все куда-то уехало за пределы страницы... Гуглеж не дал мне никакого фикса для этого. Вот ссылка на сам сайт, можете посмотреть. Вот. Тут все отображается нормально. Это ужас. Причину не могу выяснить.

    Asked by Mosya, July 19, 2012

    0 votes
    14 answers
13. Жирное нчертание

    Здравствуйте, есть вот такой вот рнр-код: <?php $result = mail("info@trioz.net.au","Contact form","You have message from trioz.net.au \nName: $_POST[name] \nLast name: $_POST[last_name] \n Company: $_POST[company] \n Email: $_POST[email] \n Website: $_POST[website] \n Phone number: $_POST[phone] \n Message: $_POST[message]"); if ($result) { echo "<p>Your message sended!</p>"; } else { echo "<p>Message didn't send! Please try again</p>"; } ?> Как можно сделать что бы Названия полей выводились жирным? Спасибо заранее

    Asked by DImas95, July 25, 2012

    0 votes
    14 answers
14. Помогите на сайте убрать большой промежуток

    Ребят вот сайт http://new-site.16mb.com/ в правой колонке можно увидеть большой отступ как от него избавиться?

    Asked by flatron, August 23, 2012

    0 votes
    14 answers
15. Горизонтальное выравнивание блочных элементов

    Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…

    Asked by FRUTALITY, October 29, 2013

    • float
    • display
    • inline-block
    • grid
    0 votes
    14 answers
16. Button

    Привет, как реализовать такую кнопку? Интересует находящийся справа элемент с указателем.

    Asked by ghrd, September 14, 2012

    0 votes
    14 answers
17. Как сделать и подключить ФОРУМ

    Как сделать и подключить ФОРУМ ? Интересно все! Пролистовала темы - не нашла. Сейчас делаю свой первый сайт на заказ- и очень нужно чтоб там был ФОРУМ! Подскажите - как сделать и как подключить! - можно ссылку на учебник или др.

    Asked by Лиза С, September 28, 2012

    0 votes
    14 answers
18. Верстка кнопки vs ссылка

    Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.

    Asked by okunev2, October 1, 2012

    0 votes
    14 answers
19. Курсы HTML/CSS

    Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!

    Asked by ikilldog, October 3, 2012

    0 votes
    14 answers
20. em, rem, % и иже с ними

    Всем большой трям. Постараюсь изложить суть: 1. Надо пользовать «резину» и адаптивность — т.е. @media-query, % от ширины, и т.д. 2. Привязку к базовой сетке обязательно надо тоже. Т.е. горизонтальное выравнивание (не путать с сеткой колонок). Оба пункта решаемы, если пользовать px в качестве единицы измерения и для элементов интерфейса (кроме резиновых), и для текста. Раньше я так и делал, все были счастливы (катастрофа с масштабированием шрифтов в древних версиях IE уже неактуальна, везде работает зум), особой надобности в этих ваших em-ах долгое время не было. Но с появлением дисплеев высокого разрешения (всякие там Retina), пиксель стал не совсем пикселем в привычном с…

    Asked by abused, October 17, 2012

    0 votes
    14 answers
21. Кроссбраузерный спойлер по клику на CSS3

    Этот "урок" сочетает в себе все темы, поднятые ранее и видимо окончательно (или до новых модификаций языка) закрывает данный вопрос. Спойлер открывается по клику на его название и скрывается по клику в любую область за его пределами. Ничего нового, просто последовательное строение: #spoiler:focus .spoiler { display: block; } .spoiler { display: none; overflow: hidden; } <a href="#" id="spoiler">Название спойлера <div class="spoiler">информация для скрытия, появляется по клику</div> </a> Самое простое решение, которое не работает в Google Chrome вообще. Запросив на гугле: "WTF?", получил рекомендацию прописать: tabindex="1" Почему "1"? Это…

    Asked by iDrugov, October 22, 2012

    0 votes
    14 answers
22. Проблема с выпадающим меню на css

    Сделал выпадающую менюшку на чистом css, да вот не задача: работает всё это как-то кривовато, можно посмотреть тут http://cloverdesign.ru/wordpress/ (чёрная стрелочка рядом с синей штуковиной). Спокойно можно поднести мышку и нажать на стрелочку, если использовать :active вместо :hover, но тогда выпадающая менюшка видна только во время клика. Подскажите, пожалуйста, как можно сделать так, чтобы и поднести можно было курсор спокойно и, чтобы менюшка всегда после клика отображалась пока ещё куда-нибудь не тыкну?

    Asked by Pasha, November 4, 2012

    0 votes
    14 answers
23. Удаление 2 блока

    Всем привет создал сайт , нашел для него приятный дизайн , поставил. Почти все понравилось кроме 2-го блока (извините может он называется 3-им блоком я в этом чайник) В общем нужно убрать 2-ой блок и при этом растянуть "новости" до конца 2-го блока.То есть когда мы уберем 2-ой на его пустом месте растянем новости,чтоб не было пустого места (надеюсь понятно выразил свой вопрос).Мой сайт

    Asked by AoE, November 9, 2012

    0 votes
    14 answers
24. Затенение страницы перед выводом "лайтбока"

    Ещё раз здравствуйте! Сейчас пытаюсь реализовать эффект затемнения страницы полупрозрачным блоком DIV, полностью покрывающим тело документа. Т.е., добавляется элемент DIV с id="DocShade", большим значением z-index и position:absolute;left:0px;right:0px. атрибутам width и height соответственно присваиваются величины max(scrollWidth,clientWidth) и max(scrollHeight,clientHeight), взятые у document.documentElement или document.body (в зависимости от compatMode). Когда происходит изменение размеров окна, обработчик onresize выполняет следующие действия: 1)временно скрывает блок, чтобы исключить его из размеров документа: Shade.style.display="none"; 2)изменяет размеры блока…

    Asked by LShadow77, November 27, 2012

    0 votes
    14 answers
25. Есть ли хук для реализации выравнивания по символу в таблцах?

    Добрый день. Очень жаль, что такой важный приём для правильной и читабельной вёрстки как выравнивание по символу, не прижился в html. Для 4-ой версии стандарта он так и не получил поддержку ни одного из браузеров, а в 5-ой и вовсе был выкинут из спеки. Может кто знает какой-нибудь трюк? В яндексе ничего найти не удалось, к сожалению. Может скриптовое решение есть готовое? В принципе представляю как это реализовать на jQuery, но прежде чем громоздить велосипед, хотелось бы попросить у многоуважаемого сообщества консультации по данному вопросу. PS: опечатался в на названии темы,

    Asked by Быколай, December 7, 2012

    0 votes
    14 answers