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

29542 questions in this forum

  1. Длинные слова растягивают td

    Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный разд…

    Asked by prowoke,

    0 votes
    11 answers

  2. CSS - как вставить в background три разные картинки

    Доброго всем вечера! Помогите, плиз, умные люди! вот например - есть у тебя одна форма, которую ты хочешь заполнить картинками. Первая картинка - красная звезда, она одна и не повторяется. За ней на repeat-x идет синяя звезда. И последняя - желтая звезда одна и без повтора. на этом коде показанна та синяя звезда (название pfon.gif) Как добавить перед ней красную звезду, а после нее - желтую? .poisk{color:#fff;width:100%;border-top:1px solid #fff;background:url(pfon.gif) repeat-x top left #fff}

    Asked by k-prutkoff,

    0 votes
    13 answers

  3. А как вы выполняте Clearing?

    Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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"> <head> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…

    Asked by TonKhaO,

    0 votes
    34 answers

  4. Сохранение пропорций Div при масштабировании

    Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

    Asked by volchek,

    0 votes
    5 answers

  5. Как включить подсветку текущей страницы в пагинации? bootstrap

    Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...

    Asked by viz9,

    0 votes
    12 answers

  6. прокрутка (Scrollbar) в DIV'e

    есть DIV <div style="overflow:auto; width=90%;height:1500px;background:#C6F9CD;"> <table cellpadding="10"> ..... </table> </div> в н?м широкая таблица и внизу области div'a появляется скролл (так и надо). можно сделать этот горизонтальный скролл ВВЕРХУ Div'овской области?

    Asked by optik77,

    0 votes
    6 answers

  7. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy,

    0 votes
    2 answers

  8. Выравнивание по центру в div

    Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.

    Asked by Гайдамак,

    0 votes
    7 answers

  9. Использование DIV

    можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?

    Asked by termoplus,

    0 votes
    29 answers

  10. position:fixed и ie6

    Доброго времени суток! Задача следующая: зафиксировать панельку сверху тут. Фикс ( body > #SupportPanel {position:fixed;}) в сумме с #SupportPanel {position:absolute;} и <!--[if IE 6]> <style type="text/css"> html { overflow:hidden; } body { height:100%; overflow:auto; } </style> <![endif]-->, который я применял ранее, почемуто здесь не работает, даже когда я ставлю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> как раньше.. можеть быть кто знает где я допустил ошибку или какой другой способ зафиксировать панельку в осле? (толкового java е нашел (() Буду очень благодарен за …

    Asked by mozart,

    0 votes
    20 answers

  11. перенаправление на другой сайт

    подскажите пожалуйста как можно перенправить с одного сайта на другой автоматически. ну вот например ввел человек адрес сайта ?1 , а оно его тут же перенаправило на сайт ?2. это нужно какой то скрипт ставить?? если да то поделитесь скриптом плиз!!! ну очень нужно ... зарание благодарен за помощь

    Asked by Kos87,

    0 votes
    7 answers

  12. Многоуровневый раскрывающийся список

    В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…

    Asked by Psyh,

    0 votes
    4 answers

  13. Несколько bx слайдеров?

    Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром

    Asked by Alarr,

    0 votes
    4 answers

  14. Верстка диагонального меню

    Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.

    Asked by justwhite.design,

    0 votes
    33 answers

  15. Как сделать обтекание картинки текстом и победить перенос строки вниз?

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar,

    0 votes
    5 answers

  16. Как растянуть картинку?

    Подскажите как растянуть картинку по ячейке таблицы? Картинка представляет собой два пикселя, ее нужно растянуть по вертикали, т.к. в соседней ячейке (справа) находится список, при нажатии на позиции списка выпадают дополнительные опции тем самым ячейка растягивается по вертикали, а картинка в ячейке слева должна тоже растянуться по вертикали, чтобы отобразить рамку.

    Asked by Евгений_74,

    0 votes
    7 answers

  17. Как сделать input(text) и select в IE визуально одинаковыми?

    Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

    Asked by thekap,

    0 votes
    25 answers

  18. вертикальное выравнивание в div'e

    Нужно чтобы информация в блоке выравнивалась вертикально по середине. Можно ли такое реализовать без использования таблиц и ява скрипта? Вот как должно работать (IE 6): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Вертикальное выравнивание</title> <style type="text/css"> #level { background: #c1c1c1; width: 50%; margin: 0px auto; } </style> </head> <body> <table border=1px width="60%" height="200px"> <tr> <td valign=middle aling="right"> <div id="level">Информация должна быть выровнена вертикально по с…

    Asked by Юрий,

    0 votes
    3 answers

  19. z-index VS SELECT в ie6

    Кто как справляеться с багом наложения слоя на форму SELECT ? В ие6 селект всегда перекрывает слой <!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="en"><head> <style type="text/css"><!-- ul.menu1 { background-color: red; color: blue; list-style: none; display: block; position: absolute; z-index: 10; } --></style> <body> <ul class="menu1"> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню&…

    Asked by WalkMan,

    0 votes
    30 answers

  20. Резиновая Верстка шапки

    Шапка состоит из 2 строк так сказать...В первой отображаются кнопки (картинки а не фон) во второй: меню слева, правее от него банер и еще правее-еще картинка (все одной высоты, ширина баннера -резиновая, а меню и самой правой картинки-фиксированная)...на рисунке общий шаблоник...

    Asked by Vlad111,

    0 votes
    18 answers

  21. отступ между ячейками

    приветствую. как управлять отступом между ячейками таблицы в CSS?

    Asked by klierik,

    0 votes
    9 answers

  22. Как сделать select раскрытым, и разрешить выбор только одного

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

    Asked by kich,

    0 votes
    4 answers

  23. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")

    Asked by Schamil74,

    0 votes
    3 answers

  24. Выпадающий список и DIV

    Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.

    Asked by Николай 2357,

    0 votes
    8 answers

  25. Как задать разные css для каждого option в select

    Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

    Asked by Daiver,

    0 votes
    10 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