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. Учебник "дивной" верстки?

    Здраствуйте. Решил попробывать использовать верстку дивами. Вопрос собственно такой - существует ли учебник именно вестки слоями или нет? На форумах отрывочная информация, а хотелось бы поподробнее и систематизированно. Если у кого есть, просьба огромная бросить на мыло pto-vagon@yandex.ru или на худой конец (трафик сильно дорогой) ссылочку на чудное место, где это разжевано. Заранее спасибо!

    Asked by Inkon,

    0 votes
    14 answers

  2. Транспонирование таблицы средствами CSS

    Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…

    Asked by radioheaded,

    0 votes
    6 answers

  3. Не работает свойство css font-weight

    Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

    Asked by end,

    0 votes
    11 answers

  4. ":hover" в строке, а не в файле и не в стилях

    =) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)

    Asked by textinmail,

    0 votes
    10 answers

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

    Ну и сразу к делу: 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

  6. padding-top и EXPLORER

    Правил шаблон и все не могу сделать что бы Explorer нормально его отображал... нужно отступ от верхушки... пишу - <div style="padding-right:15px; padding-top: 45px;"> ****** </div> padding-top работает во сех других браузерах , кроме Explorer ... как можно по другому отступ сделать??? (только не </br>)

    Asked by kavadims,

    0 votes
    14 answers

  7. Автоматическое масштабирование сайта на мобильных устройсвах

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

    Asked by Игорь Ермаков,

    0 votes
    16 answers

  8. раскрывающиеся строки таблицы

    Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?

    Asked by Вадим,

    0 votes
    5 answers

  9. позиция рисунка в ячейке таблицы.

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

    Asked by arlek1n,

    0 votes
    26 answers

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

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

    Asked by Guest Гость_Rilo_*,

    0 votes
    4 answers

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

    Здравствуйте. Изначально стояла задача центрирования изображения по вертикали и по горизонтали внутри блока. Таких блоков с изображениями несколько, соответственно, ширина и высота изображений может различаться. Ширина и высота блоков фиксированная, известна заранее. Для горизонтального выравнивания использую - 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

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

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

    Asked by CatInTheBread,

    0 votes
    5 answers

  13. Firefox и text-overflow

    Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…

    Asked by smoke1,

    0 votes
    12 answers

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

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

    Asked by prowoke,

    0 votes
    3 answers

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

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

    Asked by borus,

    0 votes
    8 answers

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

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

    Asked by Rubik,

    0 votes
    9 answers

  17. Не отображается шаблон 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

  18. Размер шрифта

    Верстал очередной макет и подумал - а какой толк верстать сайт на em, если я его указываю только для шрифта? Все отступы у меня в px... 1. Как вообще правильно делать? 2. Т.к. пользователь может изменить размер - нельзя ли как-нить задать максимальное и минимальное значение? Что-то типо: по-умолчанию font-size: 1.2em; максимальный (при увеличении) - 2em. Или так нельзя? o_O

    Asked by DjTarik,

    0 votes
    29 answers

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

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

    Asked by Zf_Grivachenko,

    0 votes
    10 answers

  20. Заголовки В Списках

    Задача такая: выводятся 5 последних тем с форума на главную сайта, хочется, чтобы каждая тема, которая свежее, соответственно выделялись шрифтом размера побольше, чем предшествующая. Семантически такое допустимо/правильно или не вкоем случае? <ul> <li><h3><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h3></li> <li><h4><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h4></li> <li><h5><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h5></li> <li><h6><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h6></li&g…

    Asked by Deacon,

    0 votes
    33 answers

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

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

    Asked by Bravo,

    0 votes
    6 answers

  22. Как задать непрозрачный фон ( background-color: #ffe;)

    Здравствуйте ! Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя. Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-( Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо: <style type="text/css"> BODY { background: #EEFFFF; } .menu1 { font-size: 16pt; font-weight:700; font-face: Arial; } .in2 { z-index:2; /* float: left; Обтекание врезки по правому краю */ width: 200px; /* Ширина врезки */ background-color: #ffe; /* Цвет фона */ padding: 15px; /* Поля вокруг картинки */ margin: 5px 15px 0 130…

    Asked by Win-ni,

    0 votes
    4 answers

  23. Вопрос по IE

    Делаю простой резиновый макет. Не выходит установить ширину столбцов. Структура такая: Шапка Колонка Колонка Колонка Подвал Не могу зафиксить левую и правую колонку! Как решается даная проблема? Ответ дивами не предлагать, так как в макете куча разных тянущихся фонов. Которые можно было-бы очень легко сделать решив данную проблему. Код прилагаю. <?xml version="1.0"?> <!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" /> <t…

    Asked by ageent,

    0 votes
    29 answers

  24. Не меняет цвет ссылки в 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

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

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

    Asked by Rilo,

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