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. Bootstrap и WYSIWYG редактор

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

    Asked by System X - Files,

    0 votes
    4 answers

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

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

    Asked by garmoni,

    0 votes
    21 answers

  3. Как правильно работать с type="text" в explorer?

    Эта глючная особенность Explorer уже года три периодически мне портит дизайны: http://dankey.biz/dan/trabla Как избавится от зазора между текстовым полем и его контейнером?

    Asked by DanKey,

    0 votes
    5 answers

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

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

    Asked by dengunya,

    0 votes
    13 answers

  5. Найстрока 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

  6. Резиновая таблица 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

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

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

    Asked by sitemaker999,

    0 votes
    10 answers

  8. Block vs Flex

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

    Asked by Highlander,

    0 votes
    8 answers

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

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

    Asked by dsljkeee,

    0 votes
    3 answers

  10. Вертикальное выравнивание

    Не подскажите ли, как отцентровать по вертикали расположение таблицы внутри тега ? Спасибо.

    Asked by uefa,

    0 votes
    12 answers

  11. Ошибка клика в 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

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

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

    Asked by FenomeN,

    0 votes
    9 answers

  13. Крякозябры в 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

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

    Всем привет! Имею элементарную <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

  15. Как отодвинуть 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

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

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

    Asked by DivMan,

    0 votes
    1 answer

  17. Прозрачность картинки и 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

  18. Проблема: 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

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

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

    Asked by Guest Zergio,

    0 votes
    9 answers

  20. css ссылки в ie

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

    Asked by Whatsup,

    0 votes
    8 answers

  21. Пожалуйста,помогите чайнику...

    Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.

    Asked by Robin,

    0 votes
    9 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. Выбор средств при верстке

    Всем привет! Опыта мало, поэтому прошу помощи! Есть задача - не могу определиться со способом ее решения. Поэтому вопрос к бывалым знатокам. Какие средства Вы бы использовали для создания "резиновой" странички следующего макета? ——————————————————————————-- | | | | | | | | 3 | | | | | …

    Asked by quakeman,

    0 votes
    15 answers

  24. java часы

    Подскажите как добавить часы такого типа 12:45 и чтобы двоеточие мигало каждую секунду.И ещё сделать зависимость времени суток к картинке ,т.е. с 7 утра до 9 вечера рядом должна присутствовать одна картинка , а в остальное время другая.

    Asked by Rambo2045,

    0 votes
    9 answers

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

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

    Asked by Formikulo,

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