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. проблемы с версткой

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

    Asked by kiD,

    0 votes
    11 answers

  2. Drupal и Smarty

    Для сайта webimg.ru, который построен на Друпале, использовал шаблонизатор Smarty. Однако столкнулся с некоторыми затруднениями. Дело в том, что в Друпале вид различных элементов дизайна прошит в ядре и чтобы поменять их на свой лад применяется набор шаблонов и PHP-файлов. Однако для Smarty многие вещи просто не работают. Пришлось перевести свою тему на PHPTemplate, встроенную по умолчанию, благо штука простая. После чего сайт стал работать быстрее, потому как Друпал криво кэшировал шаблоны Smarty, да и остальные фичи заработали. Обзор вопроса выявил, что хотя Smarty действительно можно подключать, это еще не гарантирует, что сайт будет полностью поддерживать все возможно…

    Asked by Vlad,

    0 votes
    2 answers

  3. статический фон

    Здравствуйте. Вот хочу узнать как сделать статический задний фон в css. При скролинге вниз текст прокручивается, но фон страницы остается статичным. В css у <body> нету bgproperties. Как сделать чтоб для всех страниц установить bgproperties="fixed"? Спасибо.

    Asked by Ramazzzik,

    0 votes
    4 answers

  4. Прижать блок к низу ячейки

    Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; floa…

    Asked by Kasyanov,

    0 votes
    6 answers

  5. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn,

    0 votes
    22 answers

  6. Кликабельный div

    Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…

    Asked by 7ion,

    0 votes
    5 answers

  7. 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

  8. HTML-редакторы, не требующие инсталляции

    Подскажите, пожалуйста, какие-нибудь html-редакторы, не требующие установки. На учебе устанавливать программы нельзя, а в стадартном блокноте работать не очень удобно. На компьютерах установлен windows xp и линукс.

    Asked by solenie,

    0 votes
    24 answers

  9. Кодировка файлов.

    Если указывается в HTML файле кодировка utf-8, в этой же кодировке он сохранен. Нужно ли сохранять CSS файл в кодировке utf-8?

    Asked by andrecool,

    0 votes
    30 answers

  10. Выровнять текст списка по вертикали

    Народ, не знаю как выровнять текст списка во вертикали и горизонтали. Надо сделать так мой код <div id="footer"> <ul id="footerDiv"> <li>2012 © ГУ “хххххххххххх ххххх ххххх хххххх”</li> <li>Наш адрес: ул. Хххххххххх, д 6 Контактные телефоны: ххх-хх-хх ххх-хх-хх</li> <li>Разработка сайта: ИП Пупкин В.А.</li> <li id="map">Карта сайта Прочие ссылки Etc etc etc etc etc etc И еще что-нибудь</li> </ul> </div> и #footer{ height: 116px; margin-left: auto; margin-right: auto; width: 1000px; } #footer ul { list-style: none outs…

    Asked by ProGirl,

    0 votes
    12 answers

  11. Парсер - не шаблонизптор, но тоже типа удобный язык. Пользовался кто?

    Прочитал все руководство по Smarty, и побоялся браться за него. Наткнулся на парсер (тот, что Лебедев рекомендует), и он показался проще и удобнее. Пробую делать что-то. Кто-нибудь уже пользовался? Есть отзывы?

    Asked by vadimus,

    0 votes
    5 answers

  12. Поиск наставника!

    Здравствуйте. Изучаю верстку уже около полугода. Недавно встал такой вопрос: "А почему бы не найти человека,который будет мне помогать в верстке,давать советы,говорить как лучше сверстать,тыкать носом в мои ошибки?". Я понимаю,может этот пост будет написан напрасно,т.к. мало людей,кто хочет тратить время на совершенно левых людей,да еще и бесплатно. Но все же,я ищу человека,который станет моим наставником,будет составлять ТЗ, которому можно будет задавать вопросы,когда что-то непонятно,который будет давать советы,как лучше сверстать/назвать тот или иной блок. Немного о себе: Юноша,15 лет,изучаю верстку с августа(сначала прошел курсы на htmlacademy.ru, затем,вот,недавно,за…

    Asked by SilencerWeb,

    0 votes
    26 answers

  13. не работает page-break-before

    в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?

    Asked by sc@r@bey,

    0 votes
    11 answers

  14. Выпадающее меню пропадает

    Добрый день. Создаю здесь тему впервые. Собственно, опыта о данном ресурсе пока нет. Но изучил местные правила. 1)Ссылка на проблему - www.iy-style.com 2)Выдвижное меню пропадает (пункт Utbildningar), так как соприкасаеться с другим контейнером. Насколько сложно это исправить? Я использовал готовый код меню, понятное дело. Не знаю, насколько большая проблема, может придеться переделывать весь принцип, по которому я делаю этот простейший сайт, так что из-за меню теперь у меня все стоит. 3)Необхадимо что бы выдвижное меню работало как подабает - т.е. не пропадало бы при наведении на него мышкой. И не сливалась бы с контейнером, где параграф и текст. …

    Asked by Seven,

    0 votes
    2 answers

  15. Опера

    Помогите решить ошибку оперы!!!!Стиль сайта сделан на картинках в опере открываеться как попало как будто стоит фукция случайного вывода картинок!!!Что делать!!!!!Сайт написан с помощью языка PHP!!Заранее блогадарю Кирилл

    Asked by kiry,

    0 votes
    12 answers

  16. Пропадает рамка

    Помогите новичку! Поставил три раздела, в <body> поставил фон, все в красивую рамочку, а выводит только разделы, шапку - ни фона, ни рамки! Где скривил?

    Asked by wayfarer,

    0 votes
    28 answers

  17. Отступ после блока с clear: both

    Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…

    Asked by pav8909,

    0 votes
    5 answers

  18. img align="left" влияет на текст в слоях ниже

    текст текст Почему при таком расоложении текст в следующем слое также выравнивается, как будто слева от него картинка? И слой начинается там где заканчивается текст верхнего слоя. у обоих слоев {position:relative;top:0px;left:0px;}

    Asked by Rhema,

    0 votes
    9 answers

  19. Проблема с fancybox на мобильных устройствах

    Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ c…

    Asked by osi-v,

    0 votes
    2 answers

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

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

    Asked by uteelers5,

    0 votes
    5 answers

  21. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…

    Asked by maximuz,

    0 votes
    1 answer

  22. как сделать перелистывание контента на странице?

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

    Asked by RoninDeath,

    0 votes
    7 answers

  23. Вертикальное центрирование блочных эелементов

    приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…

    Asked by alexshvarts,

    0 votes
    14 answers

  24. 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

  25. Нижнее меню в iphone

    Всем привет! Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/. На фото панель, которую нужно убрать.

    Asked by mn8156,

    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