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. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  2. Растягивание DIV

    Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…

    Asked by chipi,

    0 votes
    11 answers

  3. тег "потенциального" переноса слова

    Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?

    Asked by CitRUS,

    0 votes
    18 answers

  4. Элемент за правой границей экрана...

    Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?

    Asked by DjTarik,

    0 votes
    16 answers

  5. Невидимый див посередине страницы

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

    Asked by vvsh,

    0 votes
    25 answers

  6. height 100% и шапка

    Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.

    Asked by AnyaRayne,

    0 votes
    34 answers

  7. Не работает Lightbox

    Здравствуйте! У меня сложилась такая ситуация: 1. Скачал и установил лайтбокс с официального сайта, далее по этой инструкции его установил: http://webors.in.ua/31-instruktsii/49-podklyuchenie-lightbox-2-6-k-stranichke-sajta.html 2. Вот мой хэд: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : OfficialWork Description: A two-column, fixed-width design with dark color scheme. Version : 1.0 Released : 20121012 --> <html xmlns="http://www.w3.org/199…

    Asked by Megavolt,

    0 votes
    9 answers

  8. конструктор для div верстки

    есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.

    Asked by fake,

    0 votes
    2 answers

  9. Кнопка-ссылка.

    Кнопка-ссылка. Помогите разобраться... Нужна кнопка-ссылка на анкер. Пишу <script type="text/javascript"> работает, но перестают работать остальные, пока страницу не перезагрузишь. Я чего-то недогоняю, почему он скрипты видеть перестает... Спасибо заранее.

    Asked by Николай 2357,

    0 votes
    31 answers

  10. Как выпадающий список сделать поверх нижнего блока? css

    День добрый! Интересует следущий вопрос - как сделать так чтобы когда при нажатии сюда: http://cs613522.vk.me/v613522149/5d9d/EPrrwtL06qw.jpg Выползающий список перекрывал коричневый блок снизу? Я задал обоим элемента z-index и обоих position absolute и relative; Но почему-то список не перекрывает нижний коричневый блок. http://cssdeck.com/labs/juiozeil

    Asked by Temik2704,

    0 votes
    3 answers

  11. Расположение курсора в input

    Как переместить курсор в начало блока, не в середину, как сейчас? http://jsfiddle.net/USx7h/1/ Спасибо.

    Asked by uteelers5,

    0 votes
    5 answers

  12. fontsquirrel не хочет конвертить шрифт в кириллицу

    Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf

    Asked by Dioni$$,

    0 votes
    8 answers

  13. Картинка с float:left вылазит из div

    Есть у нас такой HTML код: <div id="big-cont"> <div id="img-cont"> <img src="images/thumb.jpg" width="50" height="100" /> </div> </div> #big-cont { border: 1px solid black; } #img-cont { float:left; } В результате картинка вылазит за пределы блока: А задача стоит простая - картинка должна идти слева в блоке с текстом. Если текст большой - то все ок:

    Asked by the_ghost,

    0 votes
    11 answers

  14. Выпадающий список с поиском.

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

    Asked by Titansword,

    0 votes
    3 answers

  15. выпадающие меню без JavaScript

    Помогите сделать выпадающие меню текстом! Без формы и изображений!

    Asked by iipo,

    0 votes
    10 answers

  16. Выравнивание по центру в IE6

    Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу! Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону. В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева код в css: —————— #head { margin: 0 auto; width: 1000px; height: 30px; } —————— Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.

    Asked by Andrej,

    0 votes
    9 answers

  17. Шрифты в сафари

    Всем привет. Подскажите пожалуйста, за счет чего нестандартные шрифты в сафари рендерятся неверным образом? Всего макетов 7 один из них залил на хост - http://falard.org/ Везде нормально, в сафари жесть =)

    Asked by FaLaRD,

    0 votes
    5 answers

  18. Шапка сайта

    Всем привет! Столкнулся с такой проблемой... Есть шапка у сайта, состоит из 3-х картинок - левая и правая части фиксированной длинны, а средняя должна растягиваться. Но не знаю почему, мой код работает только в ФФ(полностью)... css: table.logo td.left-logo { background:url(../images/logo_part_1.png) no-repeat; width: 750px; height: 200px; } table.logo td.center-logo { background:url(../images/logo_part_2.png) repeat-x; width: 1px; height: 200px; } table.logo td.right-logo { background:url(../images/logo_part_3.png) no-repeat; background-position: right; height: 200px; width: 16px; } html: <table width="100%" border="0" cellpadding="0" cellspacing="0" class="logo">…

    Asked by RedEclipse,

    0 votes
    21 answers

  19. открытие увеличенной картинки в новом окне

    http://tula-samovar.com.ru/indexa.files/samovars/shop/seals/08.JPG" border=0 />

    Asked by 31337,

    0 votes
    6 answers

  20. HTML5 CSS Таблица. Расстояние между ячейками

    здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…

    Asked by Samenfaden,

    0 votes
    6 answers

  21. В чем разница между margin и top-left выравниванием

    Собственно сабж в чем разница между margin-top и top margin-left и left и так далее...

    Asked by romoga,

    0 votes
    3 answers

  22. отправка письма Form action mailto

    День добрый. хочу написать отправку текста на почту. использую простенький код: <form action=mailto:mypost@po4ta.ru enctype=text/plain> <input type=text> </form> ввожу текст в окошко, нажимаю enter. открывается почтовик по умолчанию ( у меня это стандартный виндосный outlook express), в поле куда послать - аддресс отображается верно, но в поле письма текста нету. почему так происходит, может, чтото неправильно делаю?

    Asked by Ingvarion,

    0 votes
    10 answers

  23. Проблема с версткой макета

    Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…

    Asked by VJiK,

    0 votes
    37 answers

  24. Hover при наведение на элемент сделать подсвечивание

    Всем доброго времени суток! Цель: сделать чтобы при наведение на элемент он весь подсвечивался Проблема: подсвечивается только текст ссылки =( Структура у меня такая: HTML <table border="2" width="100%"> <tr><td class="ppp"><a href="#">Ссылка!</a></td> <tr><td class="ppp"><a href="#">Ссылка 2!</a></td> </table> CSS .ppp { background: #dddddd; padding-left: 8px; padding-bottom: 4px; padding-top: 4px; border-bottom: 2px solid #eeeeee; display:block; } Если делаю так (CSS): .ppp a:hover { background: #000000; } То подсвечивается только (!) фон ссылки... Как быть?

    Asked by Cloack,

    0 votes
    6 answers

  25. z-index в ie7

    В =<IE7 дерево по z-индексу лежит выше, чем трава, но в ослике почему-то это не работает, и трава перекрывает дерево. Пробовал поиграть со значениями, позиционированием, но исправить так и не удалось. Линк

    Asked by flagreit,

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