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. <!doctype html> и плавающие элементы

    Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…

    Asked by Briss,

    0 votes
    4 answers

  2. position:fixed лишь по одной оси, возможно ли?

    Приветствую всех участников форума! Есть вопрос - реально ли на чистом CSS реализовать мою задумку. Вот пример: http://jsfiddle.net/4sJYM/ Внутри элемента есть два вложенных дива. Возможно ли БЕЗ JS сделать так, чтобы #left всегда был закреплён по левому краю, но прокручивался по вертикали, а #top - наоборот, прокручивался по горизонтали, но всегда оставался бы прилеплённым к верху viewbox родителя? Всем спасибо за внимание.

    Asked by Crystall,

    0 votes
    3 answers

  3. Fansybox не корректно работает

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

    Asked by moslem,

    0 votes
    0 answers

  4. горизоньальное меню на ul

    как из этого сделать меню на ul li? <ul id="nav"> <li><a href="#">Раз</a></li> <li class="active"><a href="#">Два</a></li> <li><a href="#">Три</a></li> <li><a href="#">Четыре</a></li> </ul> требования: рассредотачивание пунктов по ширине страницы фон из желтых картинок появляется только когда :hover или при .active делаю через before и afrer, не могу сопоставить картинки по вертикали( получается только с точными значениями типа 12px, но если изменить размер шрифта, то картинки опять сбиваются кто вверх кто вниз. это должно быть не сложно! не могу на…

    Asked by panda,

    0 votes
    5 answers

  5. Chrome глючит

    Привет, столкнулся с одной проблемой. В общем есть такой код: <div id="nav-bar"> <div class="nav-bar-block-first"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block-last"><a href="#" class="nav-bar-block-link"><img src="lego/style-img/mobile-ver.png" align="texttop" />Версия для мо…

    Asked by novickOk,

    0 votes
    12 answers

  6. посоветуйте девайс для тестирования кроссплафторменной верстки

    Здравствуйте, товарищи! Прошу прощения за, возможно, дурацкий вопрос, но какой уж возник Хочу развиваться в направлении разработки кроссплатформенных сайтов, задумался над тестированием на различных устройствах. Широкоформатный монитор есть, маленький нетбук есть, смартфон есть. Планшета нет, но возникла возможность раздобыть. Но вот какой? С одной стороны, просится iPad. С другой - у него разрешение 1024х768, т.е. такое же, как и у нетбука. Понятно, что тач-интерфейс, другой пул шрифтов и все такое, но все-таки есть сомнение, что на айпаде сайт будет отрисовываться иначе, чем на нетбуке. На андроиде планшетов море, разрешения самые разные, какой выбрать - непонятно... М…

    Asked by Elflight,

    0 votes
    11 answers

  7. Вёрстка сайта Amazon.com

    Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...

    Asked by Marakaya,

    0 votes
    7 answers

  8. странности с text-align: jistify

    Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

    Asked by USF,

    0 votes
    5 answers

  9. конвертировать большой файл шрифта

    подскажите пожалуйста как решить мою проблему скачал шрифт. он весит 1.7 мб, поэтому font2web.com отказывается его конвертировать. http://www.fontsquirrel.com/fontface/generator тоже

    Asked by cyklop77,

    0 votes
    1 answer

  10. Проверка мобильного сайта

    Есть ли в интернете такой сервис, который показывает, как выглядит мобильный сайт в мобильных телефонах и других мобильных устройствах?

    Asked by anna-2010,

    0 votes
    9 answers

  11. Как сделать такой градиент?

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

    Asked by nikki4,

    0 votes
    1 answer

  12. Модуль вопрос/ответ

    Здравствуйте! Нужен модуль/компонент на джумла 2.5 вопрос/ответ, с возможеость пользователя задавать вопрос. Примерно как здесь: http://o-dushe.com/index.php?option=com_smfaq&view=category&id=9&Itemid=5 Sm_faq не подходит. Можно такой же как на том сайте, но названия его я так и не определил. Может быть кто знает хороший компонент.

    Asked by Imperil,

    0 votes
    0 answers

  13. Не работает {text-shadow:} вIE

    Здравствуйте. Не работает такой вот класс в ИЕ. Чем можно заменить? Спасибо. text-shadow: 0 2px 0 #000000;

    Asked by PREDATORik,

    0 votes
    6 answers

  14. Баг таблицы

    Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> …

    Asked by Foxter,

    0 votes
    4 answers

  15. отрицательный margin растягивает родителя

    Здравствуйте. Возникла проблемка. <div> <h3> <span> У div фиксированные размеры. У span тоже(он display: block). При этом по задумке span должен на 50% вылезать за пределы div. Но задавая ему отрицательый margin-top я получаю то, что div начинает ползти вверх за span'ом. Вижу такое впервые, откровенно говоря, по идее он должен за границу вылезти Конечно, решить проблему можно через display:relative+ top, но интересно, что с маргином

    Asked by USF,

    0 votes
    6 answers

  16. автоматическое увеличекие ширины картинки заднего фона

    Как добиться, чтобы белая линия, картинка заднего фона, автоматически увеличивала или уменьшала свою ширину в зависимости от размера содержимого ссылки? Вот, как это выглядит на картинке Привожу свой html и сss код данного меню <div id="header_bottom"> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Become a member</a></li> <li><a href="#">Partners</a></li> <li><a href="#">About us</a></li> <li><a href="#">Contact</a></li> </ul> </div> #he…

    Asked by mastermedia,

    0 votes
    1 answer

  17. Вопрос по DIV верстке ...

    Вот часть кода... #container { margin-top: 30px; display: block; border: 1px solid #CFCFCF; background-color: #FFFFFF; } #sidebar { width: 250px; float: right; background: #FF00FF; height: 500px; } #content { width: 648px; float: left; background: #0000FF; height: 400px; sidebar and content вложены в container. container отказывается расширятся по высоте этих блоков, на картинке он черного цвета... Чего подскажите?

    Asked by Veit,

    0 votes
    2 answers

  18. Смещение блоков

    Всем привет! У меня проблема, не могу понять как решить. Смещаются вот эти блоки: CSS: /* Left menu */ #left_menu { padding-right: 630px; } #left_menu #search_top { width: 310px; height: 44px; background: url(../images/search_top.png) 0 0 no-repeat; } #left_menu #search_middle { width: 310px; background: url(../images/search_middle.png) 0 0 repeat-y; } #left_menu #search_bottom { width: 310px; height: 4px; background: url(../images/search_bottom.png) 0 0 no-repeat; } #search_top h4 { color: #f7841d; font-weight: bold; padding-top: 5px; } .menu_name { width: 310px; height: 42px; background: url(../images/menu_name.png) 0 0 no-repeat; } .menu_name h4…

    Asked by Evans,

    0 votes
    4 answers

  19. Как поставить русский язык?

    Вопрос один, как поставить русский язык ODude Ecard . Объясняют Моя ссылка не понял. Не получается. Пробовал по разному язык не меняется. В какой папке менять языковый файл? Везде где нашёл поменял en-GB.com_odudecard.ini, язык не русский, (тупо заменил английские слова русскими) всё равно. файл ru-RU.com_odudecard, сам делал, может название файла неправильно или ещё что ни будь прописать надо. ru-RU.com_odudecard НЕ БЫЛО В ОБЩЕ. Во всех папках, где нашёл en-GB.com_odudecard, везде русский текст сделал, поменял английский текст на русский Где то наверно надо прописать что то ещё. Язык английский всё равно. Помогайте пожалуйста. Перевести перевёл на русский а язык английск…

    Asked by stendapuss,

    0 votes
    0 answers

  20. IE - не растягивается фон на весь экран

    Еще раз приветствую. Ребята, не могу понять, почему IE не растягивает фон полностью? Скриншот: Справа, где находится "бегунок" остается место, которое не имеет фона. #header_top { height: 115px; background: url(../images/header_top.png) no-repeat; background-size: 100%; } Например, вот код. Искал, говорят, нужно ставить cover, пробовал, все равно. Заодно, может кто знает, в формах ввода значение value уходит вверх ( в других браузерах нормально ) Скриншот: input[type=text], input[type=password] { padding-left: 8px; background: none; border: none; outline: none; color: #A3A3A3; width: 190px; height: 28px; font-size: 11px;…

    Asked by Evans,

    0 votes
    3 answers

  21. Хром смещает блок

    Добрый вечер. Подскажите в чем может быть проблема. слайдер Левая стрелка в Хроме прыгает при ресайзе окна. И если окно сделать в ~1000+ пикселей левая стрелка порой отступает на 1 писель. Не всегда, но при ресайзе заметно. И по-моему только в хроме такая ерунда. Хром 21.0.1180.75 m

    Asked by npofopr,

    0 votes
    0 answers

  22. Mailto не заполняет формы

    Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…

    Asked by Strek,

    0 votes
    7 answers

  23. VK-Message как убрать с сайта?

    Здравствуйте, хотел бы удалить код попандера на всех страницах, пробовала через редактор шаблонов, но там нет кода ссылающегося на http://uno.traffget.info. Подскажите кто-нибуть как убрать этот надоедливый VK-Message. Опера 11, Windows 7, , блог http://skazkinanotch.blogspot.com Вот скрин попандера

    Asked by Rustam4000,

    0 votes
    1 answer

  24. Работа с фреймами

    Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…

    Asked by Makeda,

    0 votes
    3 answers

  25. Проблема отображения сайта в браузерах

    Подскажите такая проблема кто может помочь пишите в скайп twizteri , или здесь) на хроме норм <a href='http://rghost.ru/39749297.view'><img src='http://rghost.ru/39749297/image.png' /></a> а на мозиле <a href='http://rghost.ru/39749317.view'><img src='http://rghost.ru/39749317/image.png' /></a>

    Asked by literaxcorp,

    0 votes
    1 answer
×
×
  • 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