Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Отступы в блоке

    Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…

    Asked by ShiftedReality,

    0 votes
    13 answers

  2. как предотвратить разрыв блока

    Привет есть такой код <div class="over_hidden"> <div class="float_left"> <div class="border float_left"> <table> </table> </div> <div class="some_text"> vcvxcvxcvxcvxcvxc sdfsd f sfs fsd fd sfs dfsd f sdf sdf sdf sdf sdf sdfs f dsad ad asdasdsadsadsadsa dasdadasd asdsadasdasd fsfsdfsdf sfsdfsdfsdf fsfdsfsdf sdfsdfsd vxcv </div> </div> </div> у таблицы width: auto если нет блока div.some_text то div.border оборачивает таблицу по содержимому и не растгиваеться на всю ширину если добавить блок с текстом то он растяшиваеться на 100% div…

    Asked by WalkMan,

    0 votes
    13 answers

  3. Bootstrap 3 и IE7+

    Всем привет! Опять взываю умы верстки! Решил сделать небольшое приложение, которое должно без проблем запускаться в IE7+ и других браузерах. Решил использовать bootstrap для ускорения работы (на деле вру, но отступать уже поздно), ну и В общем то IE7, 8 в сторонке лежат и ножкой дрыгают, что делать господа? Выкладываю скриншоты и соус. Предположим 3 колонки: https://www.dropbox.com/s/2y4vusiie3vvkj3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.07.png А вот результаты IE7-8 и Opera: https://www.dropbox.com/s/wfwr43v2hrb2563/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-01-24%2010.44.18.png https://www.dropbox.com/s/5f89m07ipo5a2fi/…

    Asked by Ateiri,

    0 votes
    4 answers

  4. псевдоселекторы after and before

    добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.

    Asked by mrfrunze,

    0 votes
    6 answers

  5. Фон checkbox

    Собственно это работает только в Опере: <input style="background: #fc0000;" type="checkbox"> Как сделать чтобы в Мозиле и ИЕ тоже заливался checkbox цветом?

    Asked by okunev2,

    0 votes
    4 answers

  6. Ссылки На Другие Сайты

    Хочу изменять внешний вид ссылок на другие сайты, т.е. мне нужно свойство CSS которое позволит изменять ссылки на сайты, при этом не затрагивая внутренних страниц данного сайта Помню такое где-то видел, но не могу вспомнить =(

    Asked by Slyfox,

    0 votes
    2 answers

  7. Центрирование контента страницы

    Решил стать правильным человеком - перейти на XHTML 1.1 и теперь не могу отцентровать контент страницы. Как хорошо было раньше - был тег <center>: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> html, body {height:100%} .contabl {width:600px; height:100%; border-collapse:collapse; border:solid 1px black} </style> </head> <body> <center> <table class="contabl"> ..... </table> </center> </table> </body> </html> Теперь же, при XHTML1.1, его не должно быть, а с CS…

    Asked by Webr,

    0 votes
    4 answers

  8. Проблемы с текстовым полем

    Друзья, прошу помощи. Уже не первый год занимаюсь сайтами, с таким чудом столкнулся впервые. Неожиданно для меня в текстовых полях определённого модуля сайта перестали работать стрелки клавиатуры влево-вправо. работает пробел, работают стрелки вверх-вниз... Всё работает, но влево-вправо - нет. Это что-то неописуемое. На этом же самом движке сделал новый сайт - всё без проблем, всё работает, а тут просто чудеса какие-то. Всё нормально было, и тут вдруг такое... Непонятно, что произошло. Пользователи недовольны, да и самому неудобно в тексте чтобы курсор переставить, приходится мышкой по нужному месту кликать. В чём может быть дело? Сайт и проблему можно посмотреть тут в по…

    Asked by StormMan,

    0 votes
    9 answers

  9. Раздельное выравнивание в TD

    Есть ячейка таблицы. В ней - 2 слова: 1-е: Должно быть выровнено по левой стороне и по середине высоты 2-е: Поверх первого, по правой стороне, по середине высоты. Меньшего шрифта. Я уже час пытаюсь найти решение. Лучшее из того, что у меня получилось выглядит следующим образом: <td> <div style = "position: absolute"> Первое слово </div> <div style = "text-align: right"> <!-- Невидимый блок - для того, чтобы ячейка была необходимой высоты --> <span style="visibility: hidden"> a </span> <span style = "font-size: 8px">Второе слово</span> </div> </td> По идее осталось выровнять последний <span…

    Asked by larafyll,

    0 votes
    14 answers

  10. Проблема с "подвалом" (footer)

    Проблема вот в чем. Есть на сайте контент, под ним полоса height:50px;. Если контент не на всю страницу, то он все равно будет внизу страницы. Если контента много, то он окажется после него, и будет скролится. Пример такой http://vk.osvita.org.ua/footer.htm Все понятно. Но. Как я понимаю, задавая элементам body, html {height:100%}, мы задаем главным элементам размер. Теперь. Посмотреть описание CSS width "Если родитель явно не указан, то в качестве процентной записи выступает окно браузера." Т.е. задавая размер этого footer 100%, он будет не на весь экран, а на 100% видимой области, что заметно, если уменьшить размер окна браузера меньше, чем элемент на странице. Появля…

    Asked by SCHNITZER,

    0 votes
    10 answers

  11. Нужна текстовая карусель)

    гуглом пользовался...нужного не нашел..В общем каруселька, в которой перелистывается текст вместе с изображением внизу кнопки 1 2 3 4 5...подскажите плизз

    Asked by delime,

    0 votes
    12 answers

  12. Смена цвета при подключенном Cufon

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

    Asked by TorchTT,

    0 votes
    7 answers

  13. Замена таблицы на Дивы

    Имеется очень большое количество файлов с табличной версткой, нужно заменить все теги таблицы на "дивы", следовательно возникает вопрос как это сделать в ускоренном варианте. Ибо ручное редактирование займет пару десятков дней. Существуют ли ресурсы или программы где можно закачать файл и отметить теги которые нужно заменить? Или можно это сделать с помощью скрипта? Спасибо.

    Asked by Modestes,

    0 votes
    9 answers

  14. Верстка header'a div-aми (резиновый дизайн)

    Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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="en" lang="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…

    Asked by tarkinsky,

    0 votes
    5 answers

  15. popup с iframe - проблемы с фиксированной высотой

    iframe встроено в popup с фиксированной шириной, имеет фиксированную высоту. #iframe_123 {height: 280px; width: 100%; margin-top: 0;}НО! на мобильных устройствах в некоторых браузерах (Opera, Safari) iframe растягивается под размер встроенной страницы, в результате часть контента оказывается за границами экрана. как можно это исправить?! (в FireFox и Dolphin открывается правильно)

    Asked by sarnjak,

    0 votes
    0 answers

  16. Не работает transition opacity on pseudo-element

    Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?

    Asked by mikoart,

    0 votes
    2 answers

  17. Как изменить bootstrap col-md?

    Добрый день ! Есть проблема при адаптаций экрана 595x740 размер контейнера bootstrap col-md не меняется. Мне нужно чтобы при адаптаций экрана 595х740 показывало по 2 слайда.Как это сделать? main.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="main.css" rel="stylesheet"> <link rel="stylesheet" href="css/font-awesome.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/boot…

    Asked by Pekod,

    0 votes
    1 answer

  18. Замена стандартного события title в ссылке

    Ребята есть ссылка при навдении на не? указателя мыши появляется соответсвенно подсказка title. Нужно эту подсказку оформить необычно, должно быть кросбраузерно! Если у кого есть класс на js и исходник css, буду очень благодарен за подсказку, заранее сенк.

    Asked by okunev2,

    0 votes
    5 answers

  19. Почему при выводе блога категории размер текста, отмеченного h1 увеличивается в разы?

    Почему при выводе блога категории размер текста, отмеченного h1 увеличивается в разы? Вот ссылка http://www.arbitr-hmao.ru/pochtovyie-indeksyi-hmao/ вот кусок CSS /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } h1{ margin-top:0px; color:#133766; font-size:1.0em; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { …

    Asked by vovchikku,

    0 votes
    8 answers

  20. Проблемы при сжатии окна, контент ездит в боки а фикс блоки на месте.

    Получил такую проблему при верстке. Дизайн задумка была такова, есть дизайнерские блоки для оформления верхний и нижний, они на странице не движутся, движется только текст по середине между ними. Текст обрамлен и рамки сливаются с нижним и верхним блоками. Даный текст при наличии боковой полосы прокрутки, прячется под верний блок и выежает с нижнего (если текста много). Я посадил верхний и нижний блоки через position: fixed отцетрировав по горизонтале и они всегда в цетре страницы как и текст. Текст при этом в блоке с display: table чтобы фон и рамки контента всегда был на всю высоту страницы и сливались с верхним и нижним блоком. Но вот при сжатии окна браузера менее 10…

    Asked by Mugen,

    0 votes
    4 answers

  21. Chrome и проблема сохранения пароля

    Добрый день. Обнаружил странную багу. На сайте есть форма входа, там два input'а, у одного name="login", у другого name="password". Браузеры, естественно, предлагают сохранить логин и пароль. Тут все ок, при последующих заходах они корректно вставляются в форму (во всех браузерах). Для авторизованного пользователя есть страница с настройками, где он может указать дату рождения, сменить пароль и т.д. Хром включает здесь автозаполнение. Он заполняет input[name=password] запомненным паролем и поле input[name=birthday] логином. WTF? Все остальные браузеры на этой странице автозаполняют только поле password, дату рождения не трогают. Есть какой-нибудь способ указать бр…

    Asked by FRUTALITY,

    0 votes
    2 answers

  22. Проблема с button

    Понимаю, что вопрос возможно, выглядит пустяковым, но для меня очень важно. Почему то не работают кнопки. Даже страница не загружается. echo '<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>'; echo '<form method="post" action="script.php">'; for ($i=1; $i<=100; $i++){ echo '——'; $post= implode(",",$_POST); if ($i<$post) {echo '<button name="',$i ,'" value= "',$i ,'" style="background-color:yellow; float: right; padding-top: 10px">gfhfg</button>';}; if ($i==$post) {echo '<button name="',$post,'" valu…

    Asked by Volan,

    0 votes
    4 answers

  23. Лишние пиксели

    Добрый день. У меня проблема с лишними пикселями. Вот пример: Есть блок (строка поиска + кнопка, все это в блоке): <div class="search"> <input name="searchword" id="mod_search_searchword" maxlength="100" alt="search" class="inputbox" type="text" size="15" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" /> <input type="submit" value="Поиск" class="button"/> </div> Задаю стили: (для блока) div.search { height: 21px; } (для строки) .inputbox { border: 1px solid #ccc; font-family: Arial; font-size: 13px; margin: 0px; } (для кнопки) input.button { background: url(../images/search.g…

    Asked by dron,

    0 votes
    4 answers

  24. Как сделать блоки фикс. ширины занимающие всю ширину блока родителя?

    Имеется какой-то внешний блок и в нем n вложенных блоков. Ширина внутренних блоков не должна меняться. Они должны "разъезжаться" на всю ширину внешнего блока так, что бы расстояние между ними было одинаковым. Пробовал задавать внутренним блокам display: inline-block, а внешнему text-align:justify, но это ничего не дало.

    Asked by bob_24,

    0 votes
    15 answers

  25. создание сайта визитки

    Всем доброго времени суток! Ситуация такая: есть желание сделать сайт визитку в подарок человеку на др. Сайт сейчас в стадии набросок, пару файлов html и один css. Теперь собственно вопрос(ы) - где его лучше выложить? как вообще залить? нужно ли покупать домен? хостинг? в общем ни разу сайты не выкладывал, смутно представляю что это и с чем это едят. Буду очень признателен если поможете разобраться с этим делом.

    Asked by Torvin,

    0 votes
    12 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept