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. float:left; и отступ между слоями.

    Здрвствуйте! Помогите разобраться с простым отступом. В макете две колонки: СЛОЙ-1 – float:left; и фиксированная ширина. СЛОЙ-2 – все, что осталось справа. При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется). Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так: . СЛОЙ 2 {margin-left: XXpx;} – это не помогает. Приходится делать: . СЛОЙ 1 {margin-right: XXpx;} Теперь – суть проблемы: Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width…

    Asked by Дядька,

    0 votes
    6 answers

  2. float:right

    Всем привет. Кто нибудь может помочь, почему то блок съезжает. С таким глюком сталкивался в нескольких верстках. При назначении float:right для блока 3, он начинает съзжать в IE7. Этот блок лежит в синем диве фиксированной ширины. Пробовал задавать ширину для всех дивов, даже для контейнера, не помогло ничего Оо Скрин прилагается http://imageshost.ru/photo/248519/id908902.html код для синего блока #dtb { background-color:blue; margin:0 auto; height:150px; border: solid 1px red; text-align: center; margin-top:30px; width:1140px; код для блока с цифрой 3 #zem_uch3 { float: right; border:0px; }

    Asked by kryakryalala,

    0 votes
    5 answers

  3. float:right в шапке "узкой" колонки таблицы

    Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…

    Asked by IVB,

    0 votes
    2 answers

  4. float:right и float:left в соседних элементах

    Допустим, есть: <img src="logocss.gif" width="95" height="84" style="float:right"/> <p style="float:left; width:100%;"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..

    Asked by uitrix,

    0 votes
    2 answers

  5. float. Баги отображения при уменьшении размера окна IE.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…

    Asked by WM,

    0 votes
    4 answers

  6. floating DIVs

    давно не дает покоя эта проблема, когда родитель плавающего блока не растягивается под плавающие в нем объекты иными словами хочу сделать так но если делать только DIV-ами получается вот так вот в HTML http://bolotnikoff.com/pub/qwer.html вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>floating DIVs</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> </head> <style type="text/css"> .div1, .div2 { width: 150px; margin: 30px; padding: 10px; back…

    Asked by bolotnikoff,

    0 votes
    8 answers

  7. Flow elements

    Всем привет. Читая спецификацию html5 встретил вот такую запись: 7.1. Flow elements phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details. Есть блочные, строчные, строчные-табличные, строчные-блочные, и еще парочку, однако я никогда не слышал про flow - поточные элементы. В чем их существенное отличие?

    Asked by jopka,

    0 votes
    8 answers

  8. Fluid галерея, синхрон высоты картинок.

    Возможно такая задача давно решена, прошу подсказать. Картинки одной высоты, разной ширины http://clip2net.com/s/3ia21vB всё это флюид. Не проблема сделать такую галерею. Проблема пропорционального изменения высоты картинки с шириной, что приводит к разной их высоте в итоге. Возможно ли вообще решение, когда высота всех картинок изменяется синхронно?

    Asked by seemax,

    0 votes
    3 answers

  9. Flv Player

    Здравствуйте! У меня возникла следующая ситуация: После долгого и изнурительного выбора видеоплеера для сайта решил остановиться на Flv Player. Всё бы хорошо – но как всегда есть "НО"! 1) Полностью не отображается в ie-7,8,9!(по крайней мере у меня... не знаю что с этим делать?) 2) По углам плеера видны видны 4 белых треугольничка(1-2px)-следы от бэкграунда какого-то блока на заднем фоне!(от какого именно понять не удаётся...) 3) когда проигрываеться 70-80% ролика- в левом верхнем углу появляется надпись "буферизация"!(к сожалению на данном ролике от этого последствия виднеется только черное обозначение "%". Остальная надпись не видна из за чёрных краёв по бокам ролика...…

    Asked by Yamaradg,

    0 votes
    1 answer

  10. flv на сайте

    Как сделать, чтобы на сайте можно было просматривать flv как на youtube? Смотрю везде советуют разный код, допустим есть: плеер mediaplayer.swf и ролик kfl.flv (12 Mb) Пишу код: <embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://suomen.org/mediaplayer.swf" width="400" height="353" type="application/x-shockwave-flash" flashvars="file=kfl.flv" bgcolor="#FFFFFF" /> Загружается до 100 процентов и не работает, может файл слишком большой, но вроде такой же на yourube свободно просматривается...:|

    Asked by energy!,

    0 votes
    0 answers

  11. focus и форма или блок комментария как в вк.

    Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.

    Asked by Vicos,

    0 votes
    2 answers

  12. focus на инпуте

    Не подскажите как можно реализовать чтобы, при отображении блока для входа сразу был фокус на инпуте как на сайте http://www.photobox.co.uk/

    Asked by jumancy,

    0 votes
    8 answers

  13. focus у ссылок<a>

    В htmlbook прочел, что псевдокласс можно использовать для ссылок <a>. Как не старался у меня ни чего не выходит. В .html прописал несколько ссылок, в .css прописал a:focus{color:red;} В браузере не какого красного нет.

    Asked by myRoot,

    0 votes
    9 answers

  14. Follow Twitter

    Всем привет. Столкнулся с такой проблемой: добавляю на сайт кнопку follow twitter отсюда https://about.twitter.com/resources/buttons#follow. но при загрузки страницы в момент когда грузится скрипт твиттера появляется скролл (это можно увидеть если кнопку добавить в нижний правый угол). скролл появляется буквально на секунду и пропадает. я уже пытался обернуть в див и задать overflow: hidden. не помогло. кто знает как пофиксить данную проблему? Спасибо

    Asked by Z1gnet,

    0 votes
    2 answers

  15. font

    Такой код css body { font: 1.5em"Courier New", Courier, serif } html <body> привет <select> <option>привет</option> <option>привет</option> </select> <p> <span>привет</span></p> </body> почему css-правило не действует на текст внутри тэга option

    Asked by aleks_lv,

    0 votes
    7 answers

  16. font

    В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???

    Asked by JohnBondlock,

    0 votes
    4 answers

  17. font - сокращенная запись

    Возникла проблема при создании сайта: Фаерфокс не отображает классы у гиперссылок, в css написал: {font: italic Georgia, Arial, sans-serif;} а ссылки так и остались тем шрифтом, что были и курсивом не выделились. Причем в Опере, EI и программе редактирования все правильно отображается, в отличие от Firefox. В чем тут проблема?

    Asked by Дио,

    0 votes
    6 answers

  18. font & span

    Доброго времени суток товарищи форумчане вот читаю и читаю и возник один может глупый вопросец но ответ хочется услышать от специалиста Итак вопрос: теги <font> <span> оба для изменения параметров текстовой информации но один устарел а другой повсеместно используется получается разработчикам просто было лень добавлять атрибуты и события этому тегу (<font>) и им было проще новый создать о_О

    Asked by Bobikys,

    0 votes
    2 answers

  19. font awesome

    Здравствуйте. Делаю вертикальное меню. Добавляю иконки с помощью font awesome. Проблема в том, что ширина иконок варьируется. Из-за этого текст пунктов меню скачет. Как можно задать расстояние между иконкой и текстом меню?

    Asked by psevdo,

    0 votes
    5 answers

  20. Font Awesome 5

    Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?

    Asked by d0ublezer0,

    0 votes
    2 answers

  21. font css

    Добрый день всем... Подскажите как правильней будет. 1. Нужно подчёркнутому тексту задать размер, цвет #a4a4a4 и шрифт (из стандартных). 2. Выделенному тексту в теге span нужно задать так же размер, цвет и шрифт только всё будет разное. Вот я набросал что то... Помогите. <style> .letter { color: #a4a4a4; /* Цвет символа */ font-size: 100%; /* Размер шрифта */ } p { color: #a4a4a4; /* Цвет текста */ } @font-face { font-family: Helvetica; /* Имя шрифта */ src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */ } </style> <p><span class="letter">Выделенный——>[b]Мы рады приветствовать вас на нашем сайте[/b]!</span> Подчёркнутый—-->[u]…

    Asked by Dallas,

    0 votes
    8 answers

  22. font face в хроме

    Здравствуйте! В сайте нада использовать нестандартный шрифт... Все как обычно через белку шрифтелку, но в хроме появляется верхний отступ который неубирается ничем для примера: Сhrome: IE 9, Opera, FF: Кто знает как убрать етот отступ или привести все к одному виду?

    Asked by Arhelmus,

    0 votes
    5 answers

  23. font face локальное именование

    Когда я хочу подгрузить шрифт, уже установленный в системе. Допустим это будет Calibri Я прописываю url: local('Calibri Light Italic'); Должна ли я также указать font-weight: 300, font-style: italic для его корректного отображения? Сразу хочу сказать, что я уже попробовала ставить везде normal - в итоге изображение было несоотвествующим. Но я как-то не могу понять почему так происходит - ведь указан локальный шрифт - легкий наклонный - зачем еще параметры?

    Asked by Zverushka,

    0 votes
    5 answers

  24. font size в заголовках

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

    Asked by Rilo,

    0 votes
    3 answers

  25. font size=1 больше оновного, помогите

    Доброго дня! Помогите найти ошибку в коде CSS, бьюсь третий день. На странице текст в коде текст отображается на много больше чем прописано в body. Заранее спасибо! Вот код: body { background-image: url(/image/cool.gif); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #003377; font-size: 13px; text-align: RIGHT; margin: 10px 10px 0px 10px; } p{ text-align: justify; text-indent: 15px; margin: 10px; font-size: 13px; } b{ font-size: 12px; } b.fish { color: #326565; font-size: 17px; font-weight: bold; text-decoration: none; } p.img { float: left; margin-right: 8px; } strong.nol{ FONT-FAMILY: Verdana, Arial, Helvetica, sans-s…

    Asked by Loed,

    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