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. DIV, проблема с width

    Помогите, пожалуйста, разобраться. Недавно только начал верстать слоями и практики в этом мало. Пытаюсь сверстать следующий макет: Ну это примерно какие блоки будут и где примерно они должны находиться. По ходу верстки столкнулся со следующей проблемой. Сайт будет растягиваться по ширине окна браузра. box-r - не изменяется и имеет фиксированную ширину, box-l - растягивается. Так вот надо чтобы слои button располагались по центру внутри слоя box-l и растягивались в зависимости от ширины. Кроме этого когда всталяешь таблицу в box-l либо в box-cont (тоже растягивается) и width таблицы ставишь 100% то в IE таблица вылазит и принимает значение 100% от всего экрана, а не того …

    Asked by TavlaD,

    0 votes
    3 answers

  2. Как на фон body поставить 2 изображения?

    Добрый вечер! Собсна вопрос такой, хочу на фоне body поставить сверху градиент, высотой пикселей 200, а внизу например текстуру земли. Если тегу body ставить два background-image, то воспринимать он будет последний. Как задать такой двойной бэкграунд? Заранее спасибо ЗЫ в середине страницы таблица аля каркас

    Asked by artpol,

    0 votes
    5 answers

  3. Bootstrap и WYSIWYG редактор

    Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…

    Asked by System X - Files,

    0 votes
    4 answers

  4. В сетке bootstrap два col-md-6, одно падает вниз

    Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/

    Asked by garmoni,

    0 votes
    21 answers

  5. Крякозябры в IE

    Помогите пожалуйста. Есть кусок кода и в IE, в программке IETester русский текст отображается каракулями, собственно почему? <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> h2 { color: #000; font-size: 24px; font: normal 16px/100% Microsoft Sans-serif; } #sidebar h2 { background: url(images/side-h2-bg.png) repeat-x left top; height: 26px; ma…

    Asked by Mal4ishnik,

    0 votes
    15 answers

  6. Размер изображения

    Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.

    Asked by dengunya,

    0 votes
    13 answers

  7. Найстрока Superfish

    Добрый день, в общем понадобилось для меню Superfish сделать плавное исчезновение, посмотрел документацию $('ul.sf-menu').superfish({ hoverClass: 'sfHover', // the class applied to hovered list items pathClass: 'overideThisToUse', // the class you have applied to list items that lead to the current page pathLevels: 1, // the number of levels of submenus that remain open or are restored using pathClass delay: 800, // the delay in milliseconds that the mouse can remain outside a submenu without it closing animation: {opacity:'show'}, // an object equivalent to first parameter …

    Asked by inex,

    0 votes
    4 answers

  8. Резиновая таблица html

    Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td>&l…

    Asked by Дронго,

    0 votes
    3 answers

  9. Растянуть контейнер до низа страницы.

    Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/

    Asked by sitemaker999,

    0 votes
    10 answers

  10. Ошибка клика в canvas

    Здравствуйте у меня почему то вылазит ошибка, вот код <!doctype html> <html><head><title>Gudim</title><script></script><img id="button1" src="file:///E:/www/button/button1.png" style="display:none;" onClick="draw2img()"/></head><body> <canvas id="canvas" width="640" height="480" onClick="canvas.onmousemove()"> <button type="button" value="242"></button> </canvas> <script type="text/javascript"> canvas=document.getElementById("canvas"); ctx = canvas.getContext('2d'); var picfon = new Image(); picfon.src = 'file:///E:/www/background/background.png'…

    Asked by GrizzzlyGames,

    0 votes
    22 answers

  11. Block vs Flex

    Доброго времени суток всем. В процессе обучения и начальной практики верстки созрел вопрос. Вот сверстал я страницу макета на обычных блоках, с флоатами, инлайнами и прочим, работает, адаптивно, вроде нормально. Потом по мере обучения дошел до flex технологий, начал осваивать, переверстал эту же страницах на флексе. И вот по ощущениям как-то проще получилось, меньше кода, более предсказуемо ведут себя блоки, частично встроенная даже без медиа адаптивность и т.д. Поддержка ИЕ с 10 версии, что в принципе терпимо с учетом тенденций к тотальному переходу минимум на вин7 даже лоу лвл сегмента ПК всех видов. Почему очень многие до сих пор верстают блоками обычными? Во всех ви…

    Asked by Highlander,

    0 votes
    8 answers

  12. border с пробелом

    Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?

    Asked by dsljkeee,

    0 votes
    3 answers

  13. Список приипает к картинке

    В ФФ у маркеров списка отступ слева, в ИЕ и Опере маркеры списка прилипают к картинке. Нужно сделать так, чтобы маркеры списка шли на одном уровне с абзацем, т.е. так, как отображается в ФФ. Кто-нибудь может помочь советом, как это сделать? <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <style> *{ padding:0; margin: 0; } img{ float: left; margin-right: 20px; width: 185px; } li{ …

    Asked by mongoose,

    0 votes
    9 answers

  14. все остаётся позади FLASHA

    ребят помогите. в диве находится МЕНЮ и ПОИСКовик.......в этом же диве я размещаю ФЛАШ..... . МЕНЮ и ПОИСКовик у меняposition:absolute;и поэтому они остаются позади флаша. КАК СДЕЛАТЬ ТАК ЧТОБ ОНИ БЫЛИ СВЕРХУ ФЛАША? ВООБЩЕ ЭТО РЕАЛЬНО?

    Asked by FenomeN,

    0 votes
    9 answers

  15. Кнопка на всю площадь ячейки

    Всем привет! Имею элементарную <table> из одной строки и двух ячеек: в левой текст, в правой кнопка (<input type="submit"...>). Так вот хочу что бы кнопка заняла ВСЮ площадь правой ячейки вне зависимости от ее возможных размеров. Как попытался решить - использовал такой стиль для кнопки: form.reqSnip input{ text-decoration: none; background: transparent; width: 100%; height: 100%; border: 0; cursor: pointer; margin: 0; padding: 0; display: block; } По моему разумению - должно работать: кнопка становится блоком и занимает 100% по обоим измерениям. Однако в результате 100% выбирается лишь по ширине, высота на 100% чхать хотела. Т.е. высота кнопки ост…

    Asked by Aborigen,

    0 votes
    5 answers

  16. Как отодвинуть div от div'a ?

    Есть @charset "utf-8"; /* CSS Document */ .header { background: #000; width:1100px; height:150px; margin:auto; border:0px solid #000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index:2; } .headeron { border:0px solid #000; background-color:#FFF; width:1080; height:100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:5000; }? И <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…

    Asked by Zerro76,

    0 votes
    5 answers

  17. Текст внутри SVG

    Только что начал изучать SVG. Можно ли в нарисованную фигуру, вставить текст и как? Я подумал и додумался сделать только вот так http://jsfiddle.net/z4qsqfjx/1/

    Asked by DivMan,

    0 votes
    1 answer

  18. Прозрачность картинки и z-index

    Доброго времени суток, сегодня начался рабочий день и я продолжил свою работу по web проекту, но вот наткнулся на одну проблему. Есть модальное окно при открытии которого появляется форма отправки сообщений, и решил я на одной странице добавить картинкам (в постах) прозрачности (css opacity) добавил эффект плавного изменения прозрачности для hover этой картинки и все бы хорошо, но при открытии модального окна картинка вылазит на перед этого окна (как будто кто то дописал z-index:99999;) при чем если убрать свойство opacity у картинки то при открытии модального окна все отображается нормально! Что это может быть? http://test.sud-expertiza.dp.ua/available-properties.html - …

    Asked by karakym,

    0 votes
    3 answers

  19. div определяется не как блочный элемент....

    Помогите в очередной раз. В IE определятся не как пустой блочный элемент, а как содержащий текст. Т.е. высота равна высоте шрифта, когда меняю размер шрифта соответственно меняется и высота, но этот див не содержит текста никакого, только картинки высотой по 8 пикс.

    Asked by Nomo,

    0 votes
    4 answers

  20. Вложенные таблицы. Проблема с отображением рамок вложенных таблиц

    Здравствуйте! Прошу помочь мне советом по оформлению вложенных таблиц. Пример по ссылке: https://jsfiddle.net/formikulo/895fnhzc/1/ Проблема заключается в том, что рамки между вложенными таблицами в Таблице 2 выглядят жирнее, чем остальные. Хотя для всех линий задана одна толщина 1px. Как сделать так, чтобы все рамки были одинаковой толщины?

    Asked by Formikulo,

    0 votes
    15 answers

  21. Проблема: input вылезает за границы div-а в ИЕ

    Есть два дива: слева (menu) и справа (content), в контенте есть див (box), в него вставлен input. У контента есть фон и по идее input должен быть как раз на этом фоне. В firefox так и есть, а вот Internet Explorer (7) шалит. Что делать? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> <style type="text/css" media="screen"> #menu{ position:absolute; left:17px; width:200px; } #content{ position:relative; marg…

    Asked by konopushka,

    0 votes
    3 answers

  22. разные браузеры...

    вот как видит в Опере и IE а вот как в Мазиле... ... чё делать? <html> <head> <style type="text/css"> .vconttext { padding-left: 27px; padding-right: 27px; padding-top: 27px; margin: 0; text-indent:10px; } .vcont { width: 561px; height: 100; background-image: url('vcontfon.jpg'); background-repeat: repeat-y; background-position: center center; z-index: 1; } .vcontverh { width: 561; height: 25; background-image: url('vcontverh.jpg'); background-repeat: no-repeat; z-index: 1; position: absolute; padding-left: 0px; } .vcontverhpravo { width: 25; height: 61; background-image: url('vcontverhpravo.jpg'); z-index: 3; position: relative; left: 536; } .vcontve…

    Asked by Nekromancer,

    0 votes
    7 answers

  23. css ссылки в ie

    Давно мучал такой вопрос. Можно ли средствами css сделать ссылку не кликабельной. То есть что бы клас ховер при наведении на нее работал. Но при нажатии ничего не происходило и адрес в коммандной строке не изменялся. средства href="#" href="javascript" не помогают. Все равно ссылка в строке изменяется. Либо дописывается # либо фраза стоящая в значении href Думаю что есть решение. Кстати если у ссылки убрать атрибут href То она благополучно становится не кликабельной везде кроме ie. Дописав параметр name. Подскажите есть ли средство средствами хтмл или css сделать это в ie. Вот пример http://www.myspace.com/whatsuptest Там расположен календарь на странице. В опере и моз…

    Asked by Whatsup,

    0 votes
    8 answers

  24. Как пофиксить background по вертикали на слое?

    В общем суть вопроса проста: нажимаем на кнопу авторизации, затеняется слоем сайт и сверху на слое окно авторизации. Вопрос: как затеняющий слой с background'ом зафиксировать в IE6? background-attachment: fixed - не работает для слоев position: fixed - не работает в IE6 (работает в FF3 и Oper'е )

    Asked by Guest Zergio,

    0 votes
    9 answers

  25. Пара вопросов?

    Я здесь новичок. Вот возникла пара вопросов: 1). Что значит "верстальщик"? Это HTML, CSS, PHP и т.д. кодер (см. Web-программист) или же это человек, который занимается дизайном будущей страницы(Web-дизайнер)? 2) Вот хочу заняться созданием сайтов. Что для этого требуется? Интересует сам практический процесс обучения. Следует ли писать какие-либо тестовые проекты или же заниматься созданием сайтов на заказ попутно вникая в тему? P.S. надеюсь меня поймут

    Asked by zeep,

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