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. TEXTAREA и INPUT

    Хочу оздать на своем ACER Acpire one простой редактор TEXTAREA. Над экраном в TABLE хочу разместить кнопки с буквами, с диакритиками, но вот на TEXTARE знаки не появляются. Даю вам код редактора вы же посудите в чем моя ошибка; <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> <TITLE>Ecran.htm</TITLE> <STYLE TIPE='text/css'> <!-- .but01 { font-size: 14; font-weight: bold; background: #4169E1; color: black; border-color: white; height: 20; } .but02 { font-size: 14; font-weight: bold; background: #c0c0c0; color: black; border-color: white; height: 20; } .but03 { font-size: 14;…

    Asked by mac-condor,

    0 votes
    3 answers

  2. bxslider в табах

    Возникла тут проблема. Есть блок с 3 табами(вкладками), и в каждом свой слайдер. Вроде все сделал, но слайдер работает только в первой вкладке. При переключении на вторую или третью, контент слайдера не показывается, остаются только кнопки управления. Прочитал что нужно при нажатии на таб перегружать слайдер в таком случаи, так как блок был скрыт и он не просчитал размеры. Сделал вот так: var slider = $('.bxslider-product-all').bxSlider();var sliderNew = $('.bxslider-product-new').bxSlider();var sliderSpecial = $('.bxslider-product-special').bxSlider();$('.tabs-link').click(function(){ slider.reloadSlider(); sliderNew.reloadSlider(); sliderSpecial.reloadSlider();}); И…

    Asked by paralex,

    0 votes
    5 answers

  3. Фоновая картинка в <li>

    Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.

    Asked by 2_k,

    0 votes
    13 answers

  4. Игнорирование свойства padding.

    Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство padding? Отступ от правого края есть, а вот от левого нет. Это можно исправить, если задать свойству margin-left величину большую, чем ширина левого, но тот факт, что правый игнорирует padding стал для меня неожиданностью. Я что-то забыл или так оно и есть? Скриншот (видно, что граница проходит вплотную). HTML. <!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=utf-8" …

    Asked by Red Planet,

    0 votes
    3 answers

  5. И снова css + IE

    <style type="text/css"> #container { margin-top: 20px; margin-right:15px; margin-left:10px; width: 800px; /* Ширина слоя */ background: url(http://mediapro.com.ua/economist/magazine/fon_snow.gif ) no-repeat left top; } #otstup1 { position: relative; width: 470px; /* Ширина слоя */ margin-right: 450px; } #otstup2 { position: relative; width: 400px; /* Ширина слоя */ margin-right: 325px; } #otstup3 { position: relative; width: 770px; /* Ширина слоя */ margin-right: -15px; } </style> </head> <body> <div id="container"> <div id="otstup1"> <div style="text-align: center;"><span class="webpagetitlegreen">Дорогие друзья!…

    Asked by Lana_M,

    0 votes
    14 answers

  6. Пустой узел текста

    Творится что-то непонятное (во всяком случаи для меня): Есть тело <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> <html> <body> <div> <strong>123</strong> <strong>123</strong> <strong>123</strong> </div> </body> </html> Я пытаюсь изменить дочерние объекты div-а, но не могу так как после каждого </strong> он мне создает еще один объект. И в итоге получается что дочерних объектов не 3, а 5!! Средства разработки в IE8 ставит в дереве документа, после каждого <strong>123</strong> объект "Текст - Пустой узел текста". Тоже самое прои…

    Asked by kosh_,

    0 votes
    22 answers

  7. Браузер Firefox отображает только код страницы

    Помогите пожалуйста с проблемой В самом Dreamweaver cs5 страница отображается нормально, но в браузере показывается только код. В чем может быть дело? Спасибо заранее!

    Asked by alejandritos,

    0 votes
    5 answers

  8. Notepad ++ и "ЖИВОЙ ПРОСМОТР"

    Для начала думаю лучше бы добавить официальное видео(правда другой программы!): http://youtu.be/rvo3Mv1Z4qU?t=2m47s А вот и сам вопрос-МОЖНО ЛИ ОРГАНИЗОВАТЬ ТАКОЙ ЖЕ "ЖИВОЙ ПРОСМОТР" И В NOTEPADе?! Если знаете аналоги Brackets,напишите пожалуйста(нужна программа с просмотром изменений в реальном времени!).

    Asked by SKSKSS2013,

    0 votes
    5 answers

  9. Не работает бекграунд в ie6

    Здравствуйте уважаемые, помогите пожалуйста разобраться с проблемой, которая возникает пр просмотре веб-страницы через браузер ie6. У веб-страницы не работает бекграунд, вод пример цсс кода для боди: Body { font:; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url(../img/pronto_bgrd.gif); background-repeat: no-repeat ; background-position: top center; }

    Asked by misha_evro,

    0 votes
    17 answers

  10. Прижать картинку к низу дива

    Возникла такая проблема — есть футер прибитый к низу экрану, в нём расположена картинка, у которой указана только ширина в 100%. Т.е. при изменении ширины окна размер картинки будет пропорционально изменяться и высота при уменьшении окна будет уменьшаться, и надо чтобы картинка оставалась прибитой к низу окна, а между ней и дном окна появляется пустое пространство. Высота футера должна изменяться вместе с высотой картинки. Прибить картинку к низу футера с фиксированной высотой получилось, а вот надо чтобы у футера высота изменялась динамически. Как можно решить эту проблему?

    Asked by Skyer,

    0 votes
    4 answers

  11. background-position в firefox

    Господа! Возникла проблема с FireFox. Суть проблемы заключается в следующем. HTML: <html> <head> <link rel="stylesheet" href="style/style2.css" type="text/css" media="screen"> </head> <body> Тут много текста. Столько, что не убирается на одну высоту окна. </body> </html> CSS: html, body { margin:0; padding:0; position:relative; width:100%; height:100%; } body { background-image:url(logo_lines.png); background-repeat:no-repeat; background-position:95% 100%; /* background-position:97% bottom; */ } Создается такое впечатление, что ff считает высоту у body 100% равную одной высоте окна браузера, а не полную высоту, кото…

    Asked by Zov,

    0 votes
    11 answers

  12. Как залить сайт на хостинг?

    Блин, кроме как на бесплатных хостингах не было сайта. Не знаю как залить сайт на хостинг допустим host-food.ru Зарегиался блин все дела, выбрал тариф, а куда заливать там все страницы, не нашел кнопки или модуля. Вобщем это больше похоже на репертуар "то ли лыжи то ли я". Подскажите пожалуйста...

    Asked by Merk1212,

    0 votes
    9 answers

  13. Как зафиксировать логотип

    Всем привет! Не могу разобраться с фиксацией логотипа, фото прилагаются. Стиль логотипа: #cs_logo{ position: absolute; top 210px; left: 260px; margin: 10px; } Код логотипа: <div id="cs_logo"><img src="images\cs_logo.png" width="150" height="150"></div>

    Asked by Sanchezzz,

    0 votes
    17 answers

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

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

    Asked by Дио,

    0 votes
    6 answers

  15. Как растянуть контент на всю высоту?

    Подскажите пожалуйста способ растянуть content на всю высоту. Всю голову поломала, почему если задать ему стиль heigh: 100% он не растягивается на всю высоту родителя, даже если у этого родителя задана высота? Нашла только одно решение на дивах: применить бэкграунд с фоном контента к wrraper, но оно мне не подходит. И таблицы тоже( Картинка как надо и не надо <!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=utf-8" /> <title></title> <style type="text/css"> .co…

    Asked by vikusik,

    0 votes
    3 answers

  16. Смена шрифта

    Доброго времени суток. Прошу подсказать как мне изменить шрифт текста. HTML <div class="partner-adblock-h">ТУТ ВАШ ТЕКСТ ДЛЯ РЕКЛАМКИ НА СRIME-NOAS.</div> CSS .partner-adblock-h { position: absolute; top: 9px; left: 20px; z-index: -1; font-size: 13px; } p.s: Изучать начал недавно. Установил себе на сайт ( ucoz движок ) шаблон и изучаю помаленьку. Захотелось мне заменить текст в рамке ( который на скриншоте ). Посмотрел как это сделать. Вписал в CSS стилях в .partner-adblock-h строку font: стиль; . Не помогло. Понимаю для вас это легко. Подскажите если не сложно как мне поступить. Я уже 3 часа сижу , голова кипит )

    Asked by elias45,

    0 votes
    13 answers

  17. Рабочий стол...

    Как организовать отображение своего рабочего стола в интернете? Заранее спасибо...

    Asked by vvsh,

    0 votes
    16 answers

  18. SSI при верстке shtml документов

    Здраствуйте, недавно, при прочтении одной из статей посвящ?нной использованию SSI на citforum.ru, я решил использовать некоторые его элементы в сво?м проекте. Собственно эта темя является продолжение вот этой темы. Так как я не могу найти ту самую статью, то приведу код и основную идею. Идея заключается в том, что создаются несколько html файлов в которых прописываются некоторые переменые с помощью условий ( #expr var="" #echo var="" ), а в результирующем файле задаются значения этим переменным. Вот код: [b]_head.html[/b] <html><head> <title>Web Club Repository. <!--#echo var="TITLE" --></title> <meta http-equiv="Content-Type" con…

    Asked by DMGaster,

    0 votes
    8 answers

  19. Как сделать слой ССЫЛКОЙ??

    Всем привет, возникла проблема незнаю как слой сделать ссылкой, например есть слой #bob1{ POSITION:absolute; left: auto; right: 50px; top: 0px; bottom: auto; WIDTH: 192px; HEIGHT: 100px; background-image: url(BOB1.gif); background-repeat: repeat-y;} Ссылка сама работает, НО!!! когда наводишь на этот слой курсор "рука" не отображается, т.е курсор мыши не меняется как это обычно бывает когда наводишь на ссылку, Как сделать что бы при наведении курсора на этот слой, курсор реагировал что это ссылка?? подозреваю что с помощью ONMOUSEOVER но как именно незнаю, буду признателен за помощь.

    Asked by DZZ,

    0 votes
    11 answers

  20. Как сделать ссылку активной когда открыта именнно та ссылка

    Здравствуйте, вот у меня такая задача чтобы ссылка была активна тогда когда её урл адрес открыт в браузере, ну не в том чтобы она имела статус active, а в том чтобы её как-то можно было назначить стиль, свойства... С нетерпением жду ответа! Заранее спасибо!

    Asked by nikita0010,

    0 votes
    16 answers

  21. Спрайты,Формы и Контрформы

    Здраствуйте, недавно сегодня познакомился с такими понятиями , как спрайты,формы и контрформы,но есть одна проблема во всём этом я не понимаю как ими пользоваться при помощи background-position,ну в том смысле что применить не могу,да и с оспрайтами тоже как то не очень ,может помочь кто нибудЬ? и объяснить всю подноготную) заранее спасибо огромное)

    Asked by Flanidub,

    0 votes
    21 answers

  22. Изменение рисунка при наведении курсора

    Подскажите пожалуйста! Что делать что-бы верхняя картинка изменялась при наведении на ссылку? www.sdlmebel.h.com.ua

    Asked by Frenk Garigan(Gagarin),

    0 votes
    5 answers

  23. 2 таблицы, одна position:absolute, нужно уровнять высоту

    Здравствуйте. Вот такая вот система: <table style="height:100%; background-color:#c70000" border="1"> <tr> <td height="100%"> </td> </tr> </table> <table style="position:absolute; top:0; left:0" border="1"> <tr> <td height="2000px">content</td> </tr> </table> Первая таблица играет роль фона, но но растягивается только на высоту экрана без скролла потому, что вторая таблица, которая и вызвала появление скролла имеет position:absolute Есть идеи как растянуть первую таблицу, не используя javascript и с учетом, что высота второ1 таблицы не предопределена? Заранее спасибо.

    Asked by viod,

    0 votes
    20 answers

  24. вопросы по кросбраузерности

    <div style="float: right; width: 300px; height: 100px; background: #000"></div> <div style="float: left"> <table width=100% bgcolor=#cccccc><tr><td>1234567890</td></tr></table> </div> Хочется сделать код кроссбраузерным, чтобы в FF отображалось то же самое, что и в IE. Важный момент здесь, что таблица содержит мало текста, поэтому ее приходится растягивать (width=100%). P.S. Ну и заодно спрошу, поддерживает ли FF CSS:expression? У меня складывается ощущение, что не поддерживает...

    Asked by Cage,

    0 votes
    7 answers

  25. Rowspan - Проблемма!!!

    Вобщем все шло гладко, пока не напоролся на баг! Вобщем создал таблицу, дабы разместить содержимое страницы в порядке. Создал таблицу с тремя колонками, одна для эскизов, другая для описания, третья для другого содержимого. Но дело в том, что последняя строка (левые 2 нижние) растягиваются под правую ячейку, а мне это не надо, мне надо как показано на скрине: Вобщем галимо как-то смотрится: Вот код (точнее макет), сам код можно гянуть тут http://dnipro.dp.ua/ <table border="0" align="center"> <tr height="60"> <td width="80">ячейка 1</td><td width="65%">ячейка 1</td> <td width="35%" rowspan="5">ячейка 2</td> </tr> &…

    Asked by Пятница,

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