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. Можно ли при помощи css создавать встраеваемые блоки

    Например, созданое на отдельной странице кнопочное меню в форме, "притянуть" с помощью css в html стриничку как отдельный блок. Заранее спасибо за помощь

    Asked by Oliany,

    0 votes
    6 answers

  2. visibility: collapse в FF не работает?!

    Подскажите люди добрые .... в чем может быть проблема. Скорее всего ? понимаю что в голове ? но всеже без подсказки уже не могу Вобщем пытаюсь скрыть ячейки ... что то типа display: none .... нужно чтобы крос-браузерно, как следствие для FF (а здесь вопрос именно в нем) смотрю в стороно visibility как и обещают многие доки. Вот он (ниже) небольшой пример кода(сама задача несколько обширнее), который почему то отказывается работать в FF 2.0.0.11 Вобщем результат его работы (при попытке скрыть ячейки) в этом браузере ? ячейки перестают отображаться, однако выделенное под них ранее пространство остается не поделенным между соседними ячейками (так как мне кажется логичным это…

    Asked by fran,

    0 votes
    5 answers

  3. Emmet в PHPStorm ставит лишние отступы и разрывы строк

    пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…

    Asked by quoter,

    1 vote
    10 answers

  4. гиперсылка средствами css

    можно ли делать гиперссылку без текста и картинки, тоесть только средствами css например <a class="goog" href="url"></a> а в css пишем a.goog {height: 16 px; width:16 px; background: url(../images/typo/google.png) no-repeat #74A824!important;} просто у меня сейчас ничего не кажет может так нельзя?

    Asked by bondarin,

    0 votes
    21 answers

  5. Проверка валидности

    Ктонибудь может объяснить, почему при проверке на http://validator.w3.org/ выдает ошибку и указывает на текст которого вообще нет в исходном коде?

    Asked by SibBear,

    0 votes
    10 answers

  6. Некорректное отображение в IE

    Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:trans…

    Asked by Sven,

    0 votes
    18 answers

  7. Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.

    Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpa…

    Asked by dopgroup,

    0 votes
    23 answers

  8. Как можно сделать "резинку" с применением % и px

    Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…

    Asked by puller12,

    0 votes
    24 answers

  9. Как установить несколько версий IE на ПК?

    Установлена 8 версия IE сейчас, как установить несколько версий IE на ПК, чтобы проверить кроссбраузерность?

    Asked by Mr.Smith,

    0 votes
    10 answers

  10. использование тега noscript

    На днях скачал шаблончик по этому адресу: http://html5up.net/ Название: Striped открыл его через кодовый редактор и в теге head заметил что css файлы подключённые через тег link для различных типов устройств обёрнуты в тег noscript. Вот я немного не понимаю зачем их помещать в теге noscript. Пример кода: <noscript> <link rel="stylesheet" href="css/skel-noscript.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style-desktop.css"> <link rel="stylesheet" href="css/style-wide.css"></noscript>И если можно подсказать для чего на данный момент может ещё использоваться тег noscript.

    Asked by nfsworld,

    0 votes
    5 answers

  11. Помогите разобраться в чем проблема с PerfectPixel

    Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.

    Asked by Super_Saimon,

    0 votes
    12 answers

  12. Оцените мою верстку

    Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !

    Asked by Shenia132,

    0 votes
    14 answers

  13. Пагинация в вордпресс

    Всем привет! Обращаюсь к знатокам вордпресса, очень нужна ваша помощь. Вот в чем проблема - на главной странице выводятся посты по определенной метке, я использую стандартную пагинацию движка и она почему-то работает некорректно - текущей страницей (с классом current) всегда является первая, на какой бы странице я фактически ни находился - хоть второй, хоть двадцатой ... В чем может быть проблема? В какую сторону копать?

    Asked by alejandro13,

    0 votes
    17 answers

  14. Изменение кнопки после нажатия

    более подходящего места для вопроса не нашел, так как не могу однозначно сказать, за счет какой технологии это делается. Итак, увидел вот в этом магазинчике http://www.defitsita.net/nabor/sportivnomu-bolelshhiku/ гениальную вещь. После нажатия кнопки "положить в авоську" кнопка меняется на "перейти в корзину". Интересно попробовать такое для своего сайта, но не знаю с чего подступиться, рецептов подобных не находил, в поиске тишина, в их коде не разобрался. Это средствами JS делается или как-то можно на CSS?

    Asked by Ich,

    0 votes
    3 answers

  15. Text field + эмулировать работу свойств div`а

    Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?

    Asked by klierik,

    0 votes
    24 answers

  16. avi, mpg etc

    Привет всем. Может ктонибудь подсказать какие параметры надо указывать в обжекте, что бы проигрывались видео файлы. Следующий пример по непонятным причинам не работает : <OBJECT DATA="example.avi" TYPE="video/x-msvideo" WIDTH="500" HEIGHT="500"> <PARAM NAME="autoplay" VALUE="true"> </OBJECT> <br><br><br> <OBJECT DATA="example.mpg" TYPE="video/mpeg" WIDTH="500" HEIGHT="500"> <PARAM NAME="autoplay" VALUE="true"> </OBJECT> Прошу помощи

    Asked by Elendor,

    0 votes
    5 answers

  17. как оформить атрибут placeholder и <input type="search" />?

    Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

    Asked by swetlana,

    0 votes
    7 answers

  18. Изменение стиля

    Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:

    Asked by okunev2,

    0 votes
    7 answers

  19. Два Блока Рядом.. Выходит Только Если Ширина..

    Здравствуйте снова! =) У меня опять вопросик.. как то так вышло, убрал один враппер (как оказалось ненужный див.. ) и что-то съехало, начал поправлять и наткнулся на интересный момент.. сейчас есть CSS: #footer{ margin:13px auto 0px auto; padding: 0px 13px 0px 13px; position: relative; clear: both; width: 992px; height: auto; background-color: #fff; ~border: 1px solid #000; font-size: 10px; line-height: 11px; } /* FOOTER CONTENTS */ #footer > p{ margin: 0px 0px 13px 0px; padding: 0; text-align: justify; clear: both; color: #777; } #footer > .imgtext { width: 100%; height: 100%; clear: both; overflow:hidden; background-color: #ccc; margin: 0px 0px 8px 0px; } #fo…

    Asked by gard,

    0 votes
    12 answers

  20. footer

    Что тут не так? Уже голова разболелась. В ИЕ не хочет опускаться

    Asked by Дядя Саша,

    0 votes
    5 answers

  21. Проблемы с выравниванием картинки справа вверху в Opera

    Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.

    Asked by podlom,

    0 votes
    8 answers

  22. проблема с текстом...

    делаю сайт ... проервяю его на Опере и на IE7 и вот какие у меня проблемы... OPERA IE7 в опере все вверх сдвинуто, а вот в IE7 сдвиноту вниз... вот те куски CSS таблицы, изменяя которую меняется местораспложение... прошу у вас помощи, ибо сам перепробовал все...

    Asked by AmsTaFF,

    0 votes
    8 answers

  23. Лого

    Подскажите как исправить следующие: Пытаюсь сделать лого кликающим и вот что получилось .... До:+Скриншот <!-- begin ambience header--> <div align="center"> <table bgcolor="#f7f7f7" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="border"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="287" height="159" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_top_ls.jpg" width="287" height="159" alt="" /></td> <td width="170" height="159" align="left" valign="top"><img src…

    Asked by zThetis,

    0 votes
    12 answers

  24. Одна ячейка, разное выравнивание

    Ребят, поставил себе задачку, Имеем: 1 ячейка таблицы, две картинки Задача: Нужно, чтобы одна картинка выравнивалась по верхнему краю, а другая по нижнему, в Одной ячейке Решение было найдено засчёт margin-top: у одной из картинок <style type="text/css"> *{ margin: 0; padding: 0;} table{ border-collapse: collapse; width: 300px;} table td { border: 1px solid #f00; height: 200px; text-align: center; vertical-align: top;} table td img.bottom { display: block; margin-top: 150px;} </style> <table> <tr> <td> <img src="green-but.jpg" alt="" /> <img class="bottom" usa-f.jpg" alt="" /> </td> &l…

    Asked by psywalker,

    0 votes
    20 answers

  25. onmouseover и onmouseover

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

    Asked by Nekromancer,

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