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 class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

    Asked by fro,

    0 votes
    90 answers

  2. текст выходит за рамки блока в фф.

    в фф текст нагло вылезает снизу блока и ползет прям по всем элементам.. ) в ие 6 все норм. оверфлову хидден не катит, потому, что я считаю глупо скрывать часть контента, и полосы прокрутки тоже не катят, не сочетается с дизайном сайта. хочется, чтобы было как в ие 6, добавляешь текст, и блок автоматически расширяется, сдвигая футер ниже и текст не вылезает.

    Asked by nickflip,

    0 votes
    28 answers

  3. Сведение данных XML файла на страницу HTML

    Не могу понять почему не переносятся данные из XML при выводе страницы Book.htm в браузере? Помогите плиз! Результат вывода в браузере Book.htm: Book Description Title: Author: Binding type: Number of pages: Price: Код в XML-файле: <?xmlversion="1.0" encoding="windows-1251"?> <!-- Имя файла: Book.xml --> <BOOK> <ТIТLЕ>Тпе Adventures of Huckleberry Finn</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>298</PAGES> <PRICE>$5.49</PRICE> </BOOK> Код в HTML-файле: <!-- Имя файла: Book.htm --> <HTML> <HEAD> <TITLE>B…

    Asked by uvexx,

    0 votes
    16 answers

  4. Межстрочный интервал в списке

    Ну и сразу к делу: XHTML: <ul class="menu_spisok"> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Главная</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">О компании</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Лицензии</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные услуги</a></li> <li class="menu_spisok"><a href="#empty-anchor" class="menu_spisok">Проектные решения</a></li> <li class="menu_spisok"><a href="#empty-ancho…

    Asked by jas0n,

    0 votes
    4 answers

  5. Кнопка в виде текста

    Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.

    Asked by prowoke,

    0 votes
    3 answers

  6. Дефолтное отображение тегов в разных броузерах

    Собственно - браузеры по разному отображают теги по умолчанию. Это всем известно. Интересует - есть ли конкретная информация, в чём отличия? Что-то типо таблицы со всеми HTML 4 тегами и их стилями по умолчанию для каждого из браузеров? P.S. В гугле был. (если кто знает, какой конкретно задать запрос - буду рад) Искал не один раз - не нашёл ничего стоящего. P.P.S. Не нужно посылать меня в справочники и спецификации =). Если кто видел такие сравнения - поделитесь, плиз. Вдогонку: тоже самое нужно и для CSS. (по моему даже где-то видел, но не смог найти.) Буду рад любой информации. Спасибо.

    Asked by DjTarik,

    0 votes
    37 answers

  7. Подключение в файле сss скрипта для окргления углов в IE

    В файле style.css eсть код для округления углов в IE .ieroundbox{ ... behavior: url(border-radius.htc); /* подключаем наш htc скрипт который и будет округлять углы в ie*/ } Но IE его не видит. Сам файл border-radius.htc лежит в одной папке с style.css. Пробал задавать разные url ../border-radius.htc ./border-radius.htc и полный путь, но все равно IE, что то не нравиться. В IE углы не округляются P.S Cам файл style.css по отношению к главному файлу index.php находиться в sk/css/style.css и здесь же border-radius.htc

    Asked by riki,

    0 votes
    23 answers

  8. выровнять div-блок по центру монитора

    div { position: absolute; width: 1000 } <div> </div> для мониторов с маленкьим разрешением всё содержимоей страницы запаковано в тот блок. а если страницу откроет человек, у которого разрешение 1500 по вертикали, то блок будет с правой стороны страницы. как сделать "плавающий блок", чтобы он всегда был по центру окна?

    Asked by Guest Гость_Rilo_*,

    0 votes
    4 answers

  9. Абсолютная ссылка без протокола

    Знаю, что есть возможность указывать абсолютные ссылки без указания протокола, например: href="//site.com" Тогда протокол будет выбран браузером, исходя из того, какой используется сейчас. Хотелось бы побольше узнать о таком виде написания и главное кроссбраузерности..

    Asked by Zf_Grivachenko,

    0 votes
    10 answers

  10. Не меняет цвет ссылки в ul li при hover

    Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…

    Asked by gikach,

    0 votes
    12 answers

  11. Как правильно объединить картинку и текст в одну ссылку?

    Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?

    Asked by borus,

    0 votes
    8 answers

  12. Разная длина <input> в браузерах

    <input type="text" name="first name" /> Без добавления своих размеров такое вот обычное поле имеет разницу в длине! Mozila FireFox 2.0.0.20, Internet Explorer 6 - имеют одинаковый размер Opera 10.10 - меньше на 6px Вчем же проблем? Наперед всем спс за ответ

    Asked by Spidey,

    0 votes
    24 answers

  13. Вертикальное выравнивание изображения в блоке

    Здравствуйте. Изначально стояла задача центрирования изображения по вертикали и по горизонтали внутри блока. Таких блоков с изображениями несколько, соответственно, ширина и высота изображений может различаться. Ширина и высота блоков фиксированная, известна заранее. Для горизонтального выравнивания использую - text-align:center; Для вертикального выравнивания используется display:table-cell;verticl-align:middle Для ограничения по ширине/высоте изображения (если изображение выходит за пределы блока, уменьшаем) max-width, max-height Два последних условия продублированы expression-ами для IE6 Однако, в случае использования max-width внутри блока с display:table-cell ширина …

    Asked by esche,

    0 votes
    4 answers

  14. Псевдокласс :hover и соседние элементы

    Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…

    Asked by sazhyk,

    0 votes
    4 answers

  15. мигающая картинка

    как самым кратчайшим образом сделать, чтобы картинка мигала (менять параметр style: display)? Если есть возможность, приведите, пожалуйста, готовый код скрипта?

    Asked by Rilo,

    0 votes
    8 answers

  16. absolute в relative проблема блока с высотой

    Приветствую, возникла проблема, пока не знаю как решить, на сайте имеется меню, которое шириной больше чем колонка в которой оно находится, в связи с этим было применено свойство position:absolute, но когда мы выводим еще один блок под этим меню, то он встает наверх незамечая нашего меню, хотя там стоит position:relative; почему то высота контейнера moduletablecompany никак не определяется, а виден только отступ сверху в 40 пикселей. Прошу помочь Html код блока: <div class="moduletablecompany"><! -- стиль div-а margin-top: 40px;position: relative;--><div class="moduleinnercompany"><! -- стиль div-а left: -3px;position: absolute;top: 0;--><ul …

    Asked by TommyDBrown,

    0 votes
    12 answers

  17. Верстка html письма

    Здравствуйте, подскажите как правильно верстать html письма?

    Asked by Rubik,

    0 votes
    9 answers

  18. viewport для разных размеров экрана

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.

    Asked by Bravo,

    0 votes
    6 answers

  19. Не отображается шаблон Smarty

    Недавно начала осваивать Smarty (равно как и PHP). Дано: Windows XP SP2; PHP 5.2.5 IIS 5.1 Хотела вывести что то типа Hello World в шаблон. Структура каталогов следующая: C:InetpubwwwrootSmartyLibs -здесь лежат файлы Smarty C:InetpubwwwrootProjectindex.php - стартовая страница C:InetpubwwwrootProjecttemplatesindex.tpl - здесь я положила шаблон C:InetpubwwwrootProjecttemplates_с C:InetpubwwwrootProjectconfigs C:InetpubwwwrootProjectcache Вот как это выглядит изнутри: Index.php <?php error_reporting(E_ALL); require_once("C:/Inetpub/wwwroot/Smarty/Libs/Smarty.class.php"); $s = new Smarty(); $s->template_dir="./templates/"; $s->compile_dir="./templates_c/"; $s-&…

    Asked by tany,

    0 votes
    5 answers

  20. Как бы это не оказалось каким-нибудь вредоносным script'ецом

    Всем джамбо друзья. Прошу вас гляньте страничку http://arhistudio.com/proektirovanie (хотя эта хренб почти на всех зстраницах) , непонятно откуда появилось непонятно что) Какие-то блоки с надписью "Расширение заблокировало отправку запроса на сервер", может кто сталкивался, ну или просто догадывается откуда это могло появиться. Заранее спасибо.

    Asked by CatInTheBread,

    0 votes
    5 answers

  21. Как пользоваться тегом <main>

    Хочу применять в сёрстке тег <main> и не могу понять как его применять правильно. Из описания я понял, что это тег для основного и уникального контента для данной страницы. Но как тогда его использовать с тегом <article>, ведь в нём данные контент должен также находиться? Что-то на подобии: <main> <article> <h1></h1> <time></time> </article> </main> Так? И должен ли тег <h1> быть внутри <article>?

    Asked by PavelTkachev,

    0 votes
    33 answers

  22. onClick в css?

    Подсмотрел код на другом сайте. <table border='1'> <tr> <td width='500' style='cursor:hand' onClick="location='http://yandex.ru'"> Привет! </td> </tr> </table> Вот только у меня этих Привет! будет примерно 12 штук, соответственно страниц больше 12ти. Решил организовать через css.в html'е прописано: в css файле: #m2 {background-image: url(img/menu/m_02.png); width:108px; height:35px; cursor:hand; onClick="location='http://yandex.ru'"} Как интерпретировать onClick="location='http://yandex.ru'" в css стиль?

    Asked by Inok-CG,

    0 votes
    12 answers

  23. Дробные значения в CSS

    Нужно поделить резиновую страницу на 3 равные части. Примерно вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> body { min-width: 800px; } div.column { width: 33.3%; float: left; height: 500px; /*временно*/ } .first { background: #fc0; } .second { background: #cf0; } .third { background: #0cf; } </style> <body> <div class="column first"> </div> <div class="column second"> </div> <div class="column third"> </div> </body> </html> Проблема в ширине блока. Поставил 3…

    Asked by kvant,

    0 votes
    14 answers

  24. применение a:hover

    Здравствуйте. Смену цвета ссылки при наведении я осилил. Подскажите, пожалуйста, как заставить картинку (Pic.jpg) появляться при наведении курсора на ссылку? Появиться она должна не в этой таблице, а ниже, на голом месте. IMG пришлось заключить в А тег, чтобы отображалось в IE. Нужно без скриптов и для всех браузеров (IE FF Op). ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .b { color: #FFFFFF; font-family: Tahoma; font-size: 13px; text-decoration: none; font-weight: bold; display: block; height: 35px; width: 155px; padding: 1px 7px 1px 7px; border-left: 1px #FFFFFF solid; } .b:hover { background-color: #AE0000 } ~~~~~~~~~~~~~~~~~~~~~~~…

    Asked by ssk,

    0 votes
    12 answers

  25. Изменить цвет ссылки при клике на неё

    Есть меню(см картинку). Задача такая: 1)ссылки посещенные - зеленые, 2)ссылки не посещенные -зеленые, 3)ссылка при наведении курсора мыши - становится красной. 4)При клике на ссылку, текст её становится красным, подчёркивание уходит. Если после этого убрать курсор мыши - ссылка всё также остается красной без подчеркивания. Если после всего этого еще раз неё кликнуть - возвращается режим работы как в пунтках 1-3. Пробовал событие onclick='this.style.color='red'', но оно не работает. Как быть? Подскажите.

    Asked by ed101utf8,

    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