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. Верстка для мобильных Устройств

    Собствено сабж. Есть сайтик резиновый, нормально смотрится на нормальном экране. На экране PDA конечно же плывет. Отсюда вопросы 1. Под PDA делается отдельная верстка? 2. Как учитывается ширина экрана? Резиновый дизайн - это конечно хорошо, но как быть с широкими таблицами с данными, которые никак не умещаются даже в 640px, а уж про 240 вообще молчу? Или от горизонтального скрола никуда не деться? 3. Как отлаживаться? если нет под рукой реального устройства. У Оперы есть опция "маленький экран", но при этом летит нафиг часть CSS, т.е. игнорируется некоторые установки(например ширина Input). И вид страницы втиснутой в DIV шириной 240 на нормальном экране и в режиме "мале…

    Asked by minvareg,

    0 votes
    0 answers

  2. кнопка поиск

    Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?

    Asked by cardsmoney,

    0 votes
    2 answers

  3. Трехколоночный резиновий макет

    Если проблема - http://img18.imageshack.us/img18/3449/96311259.png <html> <head> <title>blu</title> <style > * {margin: 0;padding: 0;} #log { border: 1px red solid;height: 25px;width: 100%; } #wrapper {border: 1px red solid;margin: 0 40px;} #head {height: 100px;border: 1px yellow solid;} #speedbar {width:100%;border: 1px black solid;height:20px;margin: 10px 0 0;} #content {overflow: hidden;width: 100%;} #left {float: left;border: 1px red solid;height:30px;width: 250px;margin: 10px 0;} #center {border: 1px green solid;height: 40px;margin: 0px 270px 0px 260;} #right {float: right;border: 1px red solid;height:30px;width: 250px;margin: 10px…

    Asked by Mr.Black,

    0 votes
    4 answers

  4. Не отображается правильно таблица в Опере

    Всем привет. Верстаю макет, всё вроде как просто, но тут - засада. Начал верстать блоки, сначала блоками - не получилось, потом таблицами, тоже не очень то получилось, а именно, в Опере не отображаются правые и левые края: Вот HTML код блока (на таблицах): <table cellpadding="0" cellspacing="0" height="100%"> <tr> <td class="blocks_lefttop" valign="top"></td> <td class="blocks_top" valign="top"></td> <td class="blocks_righttop" valign="top"></td> </tr> <tr> <td class="blocks_leftcenter" valign="top" height="100%"></td> <td class="blocks_center" valign="top" height="100%"><div style="float:r…

    Asked by nikita3334,

    0 votes
    0 answers

  5. Помогите пожалуйста удалить "фон сайта"

    Всем доброго времени суток. Сейчас я делаю первый в своей жизни сайт, и столкнулся с трудной для меня проблемой - как можно удалить фон сайта как таковой, ну или же сделать размер страниц таким, чтобы он его полностью закрывал. Буду очень признателен за помощь. сайт - Моя ссылка фото - http://i066.radikal.ru/1108/98/fda585502ab6.jpg

    Asked by Screamermod,

    0 votes
    6 answers

  6. Как сверстать такой вод блок

    Как сверстать эти линии? Именно чтобы растягивались с контентом ну и расположить их так как я хочу? Просто растянуть на 100 процентов вниз див нельзя, а если родителю поставить фон картинку и repeat-y то нельзяч менять расположение фона. Как быть? Можно ещё через <ul><li></li></ul> попробывать, но мен кажется тогда вёрстка станет не логичной или я не прав?

    Asked by bayanruby2,

    0 votes
    4 answers

  7. Разобраться с %

    Здравствуйте! Накидал рыбу сайта для 3-х колонок использовал width:33.3% Добавил border, padding в них. В итоге последняя колонка не поместилась и встала ниже первых. Скажите, есть такой способ, чтобы указывать ширину в %-ах, прописывать нужные border, padding, margin и в итоге получать все три колонки в одной строке? например, решение, при котором ширина содержимого diva рассчитывалась автоматически после учёта вышеотмеченных параметров.

    Asked by borus,

    0 votes
    3 answers

  8. Высота списка

    всем добрый вечер. Подскажите, пожалуйста, как можно узнать высоту списка, в котором для пунктов проставлено float:left; список заключен в див с определенной шириной. Т.е. получается, что элементы списка переносятся на другую строку, если выходят за размеры этой ширины. Тем не менее offsetHeight для списка выдает 0 вот код: <style> #novelty ul li{float:left;list-style:none; margin-right:10px;} #novelty ul{width:500px; margin:0px; padding:0px; position:relative;} #novelty{margin-left:400px; width:500px; height:40px; overflow:hidden; border:1px solid;} .q{position:relative;} </style> <br/><br/><br/><br/><br/><br/><br/>…

    Asked by nevermore,

    0 votes
    3 answers

  9. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt

    Asked by garicktry,

    0 votes
    4 answers

  10. Закрепление шапки сайта

    Добрый день. На сайте необходимо закрепить шапку. Сайт управляется CMS Joomla. Использован шаблон созданный в программе Artisteer 3.0 и немного доработан. Выяснил что это можно сделать с помощью тега position: fixed; Как применить этот тег? В каком листе писать index.php или нет?

    Asked by EvgenKrd,

    0 votes
    1 answer

  11. Меню выходит за пределы div

    Добрый день. Вопрос: Сайт на joomla 2.5 вертикальное меню при наведении наезжаеет друг на друга. Где может быть ошибка. Рисунок

    Asked by nexen76,

    0 votes
    1 answer

  12. Прошу оценить и помочь решить проблему

    http://sevtorart.cc.ua/portfolio/ink/ Тут моя верстка. Прошу дать оценку\совет по данной работе и помочь исправить следующую проблему,а именно: попробуйте изменить масштаб клавишами Ctrl+\Ctrl-. Периодически (по какой зависимости понять не могу) плывет желтый номер телефона в главном меню и свисающая кромка блока Recent News в сайдбаре. Задавал подобный вопрос здесь недавно по другому проекту - человек посоветовал не заморачиваться,т.к. все браузеры при таком уменьшении расчитывают все по-разному. Однако, меня эта ситуация все равно бесит ибо на других нормальных сайтах при таком уменьшении\увеличении все ок. Перепробовал способы вроде установки min-width контейнеру с пла…

    Asked by sjinks,

    0 votes
    5 answers

  13. Растяжка подвалапо вертикали

    Добрый вечер, господа. Вопрос такой - есть блок фиксированного с контентом с автоматическим отступом, под ним растянутый на весь экран подвал. В блок вставляется таблица, появляется горизонтальная прокрутка, однако подвал остается фиксированным ровно на 100% размера окна браузера. Та же проблема на всех страницах, если окно браузера уменьшить менее чем на 960px - появляется прокрутка, содержимое footer'a видно, но вот фона в области за полосой прокрутки уже как не бывало. Что нужно исправить, чтобы он растягивался на всю страницу? <html> <body> <div class="container"> </div> <footer> </footer> </body> </html&…

    Asked by Panic,

    0 votes
    5 answers

  14. Как подключить лист стилей?

    Доброго времени суток. Возможно ли подключить лист стилей к .php, если он встраивается в середину index.php с уже подключенным style.css? Оба .css содержат большой код, что очень мешает работе. Дело в том, что .php не содержит тега "head", а является частью подключаемого кода к index.php.

    Asked by Ang,

    0 votes
    2 answers

  15. Кнопка "наверх" на разных сайтах работает по разному

    Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  16. Проблемы при создании меню

    Добрый день. У меня проблема следующего характера, не могу привести в порядок меню. Простите за наглость, но я реально туплю. Уже неделю голову ломаю. Вот так должна выглядеть меню не в активном состоянии. http://savepic.net/5146388.png а при наведение на блок, он должен плавно приподнимается вверх и там появляется меню раздела. Своего рода выпадающее меню, только с заморочкой. Вот так должен выгляедть блок при наведении на него. На картинке показано что активны все блоки, это просто для наглядности сразу три раздела активны. http://savepic.net/5171989.png Помогите пожалуйста, не могу разобраться. Покажите хотя бы путь куда идти. Заранее благодарю.

    Asked by iron_t,

    0 votes
    4 answers

  17. Закрепление картинки в правой части страницы по середине

    Добрый день! Помогите, пожалуйста! Нужно закрепить картинку 40*150 px к правому краю страницы, сделать её зафиксированной при прокрутке. Картинка должна быть с ссылкой. Можно ли как-нибудь это сделать? Пример: на многих сайтах висит зафиксировано кнопка "задайте вопрос оператору". Нужен код для аналогичной картинки-ссылки..

    Asked by marianna9201,

    0 votes
    3 answers

  18. видеоплеер

    посоветуйте пожалуйста пллер, который мог бы проигрывать любые видеоадреса(не только с ютуба) и не требовал бы картинки-превью вариант типа <iframe width="420" height="315" src="//www.youtube.com/embed/EC_R9ZLhT7Y" frameborder="0" allowfullscreen></iframe>не устраивает так как если пользователь введёт адрес, скопированный из адресной строки браузера: ,то видео проигрываться не будет

    Asked by cyklop77,

    0 votes
    5 answers

  19. Принципиальные изменения в дивжках браузеров

    Заранее прошу прощения за возможно некомпетентный вопрос. Но суть в следующем. Примерно год назад сверстал пару страниц, все отображалось идеально, как и планировал. Проверил их недавно, вся верстка "полезла", при этому изменения никакие не вносились. Ни один ресурс не подгружается ни от куда извне. Я смог найти только одно логическое объяснение - за прошедшее время, обновились движки браузеров в каком-то принципиальном моменте. Хотел узнать у более опытных колег, возможно ли такое, и если да, то что за последние месяцы могло измениться, в сторону каких CSS свойств стоит смотреть? Заранее благодарен за любую помощь.

    Asked by k0sm0s,

    0 votes
    6 answers

  20. Блоки с товарами одинаковой высоты

    Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.

    Asked by volshebnyi,

    0 votes
    3 answers

  21. Где следует разрабатывать адаптивный дизайн?

    ранее делал в инструментах разработчика в ФФ и хроме. Там все ок. Смотрю с телефона - все поехало Глянул со стороннего сервиса - опять поехало в шапке блок, подобном как на телефоне. Почему? может из-за того что там в em а не px? или шрифт в мобильном не поддерживается? (abel) да, походу из-за шрифта...

    Asked by nikki4,

    0 votes
    1 answer

  22. Подсветка менюшки/ссылки нестандартной фигурой на фоне

    Сабж. Как так сделать? (во вложении изображение - пример) Первое, что приходит на ум, нарисовать картинку - фон и на ней размещать ссылку - менюшку. А может можно div трансфорнуть (css trnsform)? Или есть другие варианты? Подскажите, как?

    Asked by torsar,

    0 votes
    6 answers

  23. Как сверстать ссылку из сообщения блога

    Здравствуйте, уважаемые форумчане! Версткой занимаюсь недавно, и пока некоторые вещи ставят в тупик. Проблема следующая: В футере имеется колонка под названием "Из нашего блога", в ней 2 последние записи из некоего блога. В начале каждой записи стоит ее дата, далее - укороченное в три строки начало текста сообщения блога. Первая строка каждого текста сообщения является ссылкой, чтобы щелкнув по ней можно было перейти куда-то к полному сообщению. В общем, не совсем понятно, как правильно верстать эту самую ссылку, в которую должна оборачиваться только первая строка сообщения. Сдается мне, что это делается с помощью языка программирования, ведь сообщения блог…

    Asked by Alphataurus,

    0 votes
    4 answers

  24. За что отвечают эти строки ?

    Вопрос может и глупый, но для чайника ..........?????? Подскажите за что отвечают цифры в первых двух строках в этом коде. Размер файла в байтах, или что-то другое ? За ранее спасибо ! $temp_number = rand(2, 999999999); $temp_number_small = rand(2, 999999); $music_name = $_FILES['music_path']['name']; $music_file = "music/".$temp_number."_".$temp_number_small.$ext;

    Asked by mir10,

    0 votes
    2 answers

  25. Вставка музыки

    Здравствуйте! У меня возник такой вопрос. Как можно вставить какой нибудь музыкальный файл на страницу, и при окрытии страницы начиналось бы воспроизведение мелодии! Заранее спасибо!!!

    Asked by febiv,

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