HTML Coding

29542 questions in this forum

1. Посоветуйте html редактор

   Привет всем! Я верстал всегда на HTMLReader и столкнулся с проблемой: в редакторе страница отображается иначе нежели в браузерах Мозилла и Хром. Посоветуйте не сложный редактор по типу ридера, но с правильным отображением верстки. Спасибо!

   Asked by jerry, May 27, 2012

   0 votes
   4 answers
2. Преобразования табличной верстки на блочную

   Здравствуйте, я в этом новичок, помогите с блочной версткой. Нужно разделить страницу, пример приведу таблицу, потому что именно так и нужно сделать, но блоками. <table width="100%" height="100%" border="1"> <tr> <td rowspan="3" width="302px"> </ td> <td height="150px"> </ td> </ tr> <tr> <td> </ td> </ tr> <tr> <td height="100px"> </ td> </ tr> </ table> Писал так: # left_cauntainer { position: absolute; width: 302px; height: 100%; float: left; } # right_countainer { position: absolute; width: 100%; height: 100%; float: rig…

   Asked by Vov4uk, September 29, 2012

   0 votes
   2 answers
3. Z index IE 7-8

   Здравствуйте. Возникла проблема адаптации z-index для ИЕ 7-8, никак не получается спрятать тень под блок, здесь пример http://jsfiddle.net/Ebzvt/ , изначально пробовал сделать через псевдоселекторы :before, но почитал что для него z-index вообще проблема сделать поэтому заменил на span, но так тоже не получается. Помогите пожалуйста. Спасибо

   Asked by Kuzyo, March 14, 2013

   0 votes
   2 answers
4. Отображение [i] в текстовом редакторе как просто текст.

   Доброго вам времени суток, уважаемые форумчане! Снова обращаюсь к вам с вопросом =) Есть сайт (не мой, но я знаю владельца и хотелось бы ему помочь. ссылку на сайт не даю чтобы не сочли рекламой, но если будет нужно - без проблем.), суть проблемы в следующем: когда редактируешь во встроенном на сайте редакторе текст страницы (редактор, похож на тот, в котором я сейчас пишу =)) часть кода он проглатывает элемент считая его открывающим bb-кодом курсива (как я понимаю), при вставке пробелов (вот так: [ i ]) всё отображается. Поменять букву в скобках конечно можно, но не хотелось бы. Поэтому интересно, существует ли решение такой проблемы? Если да, то поведайте мне пожалуйст…

   Asked by The Norb, April 18, 2013

   • bb-code
   • [i]
   • редактор
   0 votes
   5 answers
5. Пользовательский поиск Google

   Просьба откликнуться тех, кто сталкивался с настройкой пользовательского поиска от Google. У меня сверстана форма поиска: http://jsfiddle.net/3WFKV/ К сожалению, я не могу встроить в готовый поиск форму пользовательского поиска. Подскажите, пожалуйста, как правильно это сделать, что бы внешний вид поиска остался таким как в верстке. Заранее благодарю!

   Asked by volshebnyi, October 9, 2013

   0 votes
   7 answers
6. Как уменьшить спрайт?

   У меня на сайте есть блок с обратным отсчетом, сделан при помощи спрайта, и вот я хочу уменьшить этот счетчик, но вот как? чтобы спрайт не "посыпался".

   Asked by Demidovetz, October 24, 2013

   0 votes
   2 answers
7. Проблема с Sublime Text3

   День добрый. Совсем недавно начал учиться HTML и CSS. Пытаюсь сверстать по макету и как вы уже поняли пишу в Sublime. Проблема в том что когда дело доходит до transition или linear-gradient редактор их не распознает (прописываю с префиксами). Помогите разобраться, проблема в плагинах?

   Asked by iker, January 24, 2014

   0 votes
   4 answers
8. Как сверстать блок с табами с эффектом слайдинга

   Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.

   Asked by parnas, June 29, 2014

   0 votes
   8 answers
9. Выравнение блочного <img> в <td>

   Генерятся строки таблицы вида: <td><img src=some.png></td><td>text</td>Изображения и текст подгружаются из БД. Все изображения одной высоты, но разной ширины. Высота td описана в css и превышает высоту изображений, однако без display: block либо float в стилях img изображение смещается вверх и тем самым нарушает структуру таблицы. display: inline display: block Изображения разной ширины и требуется горизонтально выровнять их по центру ячейки, однако display: block не позволяет это сделать. Помогите пожалуйста решить данную проблему.

   Asked by der56, August 4, 2014

   0 votes
   5 answers
10. Работа с wysiwyg редакторами

    Наболел такой вопрос, интересно узнать у спецов, как на практике осуществляется поддержка контента сайтов. Если страница содержит не только заголовок, текст, картинку, а какие то специфические отступы, блоки и др. нестандартно расположенные элементы. Все таки возможности WYSIWYG редактора сильно ограниченны и как правило серетарша поставит 10 пробелов чтобы сдвинуть строку вправо, а не пропишет css class для этого. Напрашивается вывод, что поддержкой сайта должен заниматься человек знающий html/css и способный перейти в html редактирование, чтобы там прописать нужные стили, или есть инструменты, позволяющие и секретаршам расставлять классы, без заглядывания в код страни…

    Asked by vip, February 11, 2015

    0 votes
    5 answers
11. Работа с текстом из фотошоп

    Приветствую всех. Давно мучает такой вопрос: почему в шаблоне HTML отображается текст по другому, нежели в макете фотошоп и как сделать его одинаковым? Много раз видел профи шаблоны с идентичными текстами, а у меня такого не получается, хотя использую один шрифт Arial и в Фотошоп и в HTML... Раньше думал, что это связано в расстоянием между строк и между символов в HTML, что легко устраняется задаётся в css, но в профи макетах в css нет никаких правил, связанных с текстом. Мораль, текст не выровнять ни как и это портит вид HTML страницы.

    Asked by tigrus2014, April 1, 2015

    0 votes
    4 answers
12. подскажите слайдер

    http://joxi.ru/nAy8GVkhDKZa2Z

    Asked by raptor-dm, June 20, 2015

    0 votes
    3 answers
13. Проблема с background-image в IE

    Здравствуйте. Почему в IE так показывает линейный градиент : .line-top:before { content: ""; position: absolute; bottom: -1px; left: -1px; top: 0px; width: 1px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#01a4a4), to(#104387)); background-image: -webkit-linear-gradient(#104387, #01a4a4); background-image: -moz-linear-gradient(#104387, #01a4a4); background-image: -o-linear-gradient(#104387, #01a4a4); background-image: linear-gradient(#104387, #01a4a4); }А если нужно его сделать влево или вправо , то не показывает : .line-right:after { content: ""; position: absolute; bottom: -1px; left: -1px; right: 0px; height: 1px; backg…

    Asked by ishurgaya, August 16, 2015

    0 votes
    2 answers
14. Сделать accordion из колонок только на мобильных

    Здравствуйте. Как правильно сделать из колонок с текстом - http://joxi.ru/4AkOk1pczW0GAq- аккордеон на мобильных. То есть были были колонками, тут бац - 640 пикселей. Стали аккордеонами. Или просто по клику реализовать появление. Стоит jquery ui Спасибо, до свидания.

    Asked by kattiperk, September 21, 2015

    0 votes
    0 answers
15. вопрос насчет вложенности

    всем привет! верстаю макет в котором есть задний фон (в стилях body) + shadow (который вложен в wrapper прижат к потолку).Когда я добавляю картинку в header то добавляю margin-top и почему у меня едет вниз также shadow .Почему ? Ведь header вложен в wrapper ,почему это влияет на него? я это вопрос решил запихав shadow в body но охото понять почему не получилость с wrapper'ом http://codepen.io/fainberg/pen/oxpMqb?editors=1100#anon-login

    Asked by esoteric, April 8, 2016

    0 votes
    2 answers
16. Выравнивание 2-х блоков по левому и правому краю без float

    Сабж https://jsfiddle.net/pbcab91y/2/ Можно сделать так же, но без float? (без padding и margin) margin-left: auto для inline-block походу не работает?

    Asked by torsar, July 19, 2016

    0 votes
    2 answers
17. Как проверить разметку на ssi?

    Всем добрый день! Маленький вопрос, в Гугле так и не нашел ответа. Как проверить на валидность сайт с применением ssi ? Заранее спасибо!

    Asked by Vic-Tor, January 20, 2017

    • ssi
    • validator
    0 votes
    0 answers
18. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy, August 4, 2017

    • css
    • html
    • bootstrap
    0 votes
    0 answers
19. Проблема с доктайпом

    Добрый день. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <link href="../style.css" rel="stylesheet" type="text/css" /> </head> Зате…

    Asked by Faran, October 26, 2009

    0 votes
    1 answer
20. Изображение внизу меню с отступом

    Всем доброго времени суток, делаю сайт...столкнулся с неприятной проблемой, нуждаюсь в вашей помощи. Суть проблемы: в блоке который растягивается есть бэкграунд, который отображается в самом низу, моя задача вставить в тот бэкграунд в "рамочку для изображений" изображение, которое будет выдавать скрипт...прописал диву позицию релатив и bottom опр.число, сдвигов вообще никаких...поколдовал, поколдовал...ничего...вот прошу вашей помощи...урл сайта: http://pwow.ucoz.com ибо думаю тупо копить суда код бессмыслено....зайдите в новость lorem ipsum и сами всё увидите, как ничего не растягивается...при bottom:72px, хотя есть сделать position:fixed всё снизу отсупает...но мне то н…

    Asked by LeoBit, March 19, 2010

    0 votes
    0 answers
21. Проблемка с шириной таблицы

    Есть таблица с тремя столбцами <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="100%"> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td valign="top" align="center"> <img src="img/klyaksa.gif" border="1"> </td> </tr> </table> </td> <td valign="top" align="center" width="500" height="256"> <img src="img/head.png" border="1"> </td> <td valign="top" width="100%"> <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td valign…

    Asked by Alex&R, May 8, 2010

    0 votes
    2 answers
22. не корректное отображение в Opera

    Всем привет! Помогите пожалуйста, при верстке одного из сайтов столкнулся с проблемой, в IE8 и Google Chrome поля Textarea отображаются корректно а в Opera они меньше по размерам как решить данную проблему? вот код: <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=6 COLS=40 wrap="soft" style="margin-left:20px"></textarea>

    Asked by WaxArt, May 17, 2010

    0 votes
    2 answers
23. Отображении блока в разных браузерах

    Добрый день! Столкнулся с такой проблемой: при верстке макета указал параметры ссылки следующим образом: a.menu_link_2:link,a.menu_link_2:active,a.menu_link_2:visited {font-size:16px; color:#737371; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#272727; border-bottom:1px solid #151515; text-decoration:none; } a.menu_link_2:hover {font-size:16px; color:#ffffff; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#393939; border-bottom:1px solid #151515; text-decoration:none; } В IE 8 отображается прекрасно, ширина и высота впорядке, но в других браузерах проблемно! Сайт на…

    Asked by igrix, December 4, 2010

    0 votes
    2 answers
24. Опера - png

    Вобщем вот сайт - http://freunds.ucoz.ru/ В опере когда обновляешь страницу, за IPad мелькает белый фон, как его можно убрать?

    Asked by Vladinho, March 31, 2011

    0 votes
    4 answers
25. Скругление углов (прозрачность под тенью)

    Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…

    Asked by master_alf, November 10, 2011

    0 votes
    6 answers