HTML Coding

29,542 questions in this forum

1. Отступы в списках

   Здравия всем! Есть стандартный список <ul> <li> пункт 1 <li> пункт 2 <ul> <li> пункт 2.1 <li> пункт 2.2 </ul> <li> пункт 3 </ul> получается что-то типа этого: пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3 Как можно уменьшить отступы, чтобы было так ? пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3

   Asked by Lavrenty, November 7, 2011

   0 votes
   25 answers
2. Резиновый список товаров

   Здравствуйте. Попробую описать внятно суть моей проблемы: Есть таблица, ширина которой зависит от ширины окна браузера. Например, она равна 60% от ширины окна. Есть некоторая минимальная ширина одной ячейки таблицы. Допустим, что 200px. Мне нужно, чтобы было так: Когда ширина таблицы 900px - отображаются 4 ячейки по 225px, когда 801px - четыре по 200px, а когда ширина таблицы становится 799px - должны отображаться 3 ячейки по 266px. Ну, и так далее. Реализацию видел на ozon.ru - там собственно список товаров так работает. Но принцип не пойму. И так пытался, и эдак - не выходит. Помогите пожалуйста.

   Asked by boilroom, November 7, 2011

   0 votes
   11 answers
3. на какую CMS перевезти блог с Blogger и стоит ли?

   Суть моего вопроса такова. Гдето в начале октября начал вести блог на Blogger и привязал к нему домен ru. вот он http://www.nickoff.ru Прошел месяц начал задумываться может переехать на платный хостинг, но какую CMS для новичка выбрать? что бы потом переехать на нее не теряя ссылки, блог так как сегодня блог получил PR3 боюсь потерять при переезде. Вот жду советов =)

   Asked by nickoff, November 8, 2011

   0 votes
   4 answers
4. задача с box-shadow

   Буду краток. Необходимо сделать вот такую фигуру: Тень вокруг должна быть одинаковой.

   Asked by D3N, November 8, 2011

   0 votes
   23 answers
5. Десктоптое решение для тестирования веб-страниц

   Всем привет, у меня вопрос - существует ли бесплатное десктопное решение для тестирования и эмуляции вида веб-страниц в различных браузерах - Opera, Safari, Chrome, Firefox, IE. Что-то вроде IE Tester, но для других браузеров. Ищу третий день - не могу найти. P.S. Сервисы которые отдают скриншоты сайта не предлагать)

   Asked by totemband, November 8, 2011

   0 votes
   6 answers
6. Эффективный путь изучения вёрстки

   Расскажите ваш путь изучения вёрстки? О себе: я технически грамотный человек, программист по профессии, но вёрсткой никогда серьёзно не занимался. Как лучше построить свой путь изучения? Что почитать (какие статьи, книги - можно на английском), какие упражнения-задачки поделать, может быть начать свой проект, в котором всю вёрстку выполнить самому? Форумы, mailing lists и т.д.?

   Asked by empi, November 6, 2011

   0 votes
   15 answers
7. Как сделать так что бы убрать действие ТЕГА(кода)

   Как сделать так что бы убрать действие ТЕГА(кода). К примеру <code></code> не действует на HTML, что можете посоветовать?

   Asked by skoch244, November 8, 2011

   0 votes
   4 answers
8. что надо убрать,чтобы исчезли по бокам полосы

   подскажите,взял себе за основу,один из многих доступных шаблонов http://jsfiddle.net/dummy/nnCMZ/ и хочу применить его как скелет,но заметил,крайне не приятную вещь - по бокам есть фон цвета бордо(#800000) ,как мне вообще убрать это? хочу,что бы было просто три колонки не зависимо от монитора,и хедер был растянут на все 100,а футер вообще убрать. буду благодарен за помощь.

   Asked by dummy, November 8, 2011

   0 votes
   4 answers
9. Как лучше сделать

   Здравствуйте. Подскажите, как лучше сверстать: Данный блок нужно встроить на страницу. Но когда я делаю вот так: <div style="width:1000px; overflow:hidden;"> <div style="float:left; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> <div style="float:right; position:relative; width:490px;"> <div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div> </div> </div> у меня у главного блока не устанавливается высота в зависимости от содержимого бло…

   Asked by qwertytol, November 7, 2011

   0 votes
   3 answers
10. Проблемы с высотой в 100%

    Здравствуйте! Задана высота контента в 100%, но почему-то контент обрезается... Когда выставляю 2000px - работает нормально. Вот сайт: http://persikmops-ru.1gb.ru/ru/show-results?layout=blog вот код css: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: underline; color:#759b14 ; } /*непосещенная ссылка*…

    Asked by Zeeeya, November 7, 2011

    0 votes
    6 answers
11. Подскажите как сделать такой адрес

    Если у меня есть домен www.somedomen.narod.ru могу ли я сделать на нём ссылочку вида www.sometarget.ru/somedomen.narod.ru? И как это сделать, если возможно? Или ссылочку вида www.sometarget.ru.somedomen.narod.ru

    Asked by neznayka, November 7, 2011

    0 votes
    1 answer
12. Подскажите где менять

    Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?

    Asked by kentastik, November 6, 2011

    0 votes
    23 answers
13. проблема с высотой (height:100%) при 2 background-image

    Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …

    Asked by hjcnjdobr, October 24, 2011

    0 votes
    11 answers
14. как напечатать кавычки?

    Друзья, неожиданно для себя столкнулся с затруднением. Взбрело мне в голову чтобы в textbox, value был с кавычками. Имеется ввиду вот что: <input type = "text" name = "example" value = "input "two thirty eight" "> Но к сожалению такой фрагмент кода не дал желаемого результата.. Итак, что же делать, если необходимо вывести значение value с кавычками?

    Asked by dusk238, November 7, 2011

    0 votes
    16 answers
15. Еще одна мобильная верстка)

    Проблема в размерах элемента. Нужно сделать так, что бы на маленьких экранах картинки, инпуты и прочее сжимались сохроняя пропорции. em и % не помогли. Точнее: нужно сделать что бы логотип и все картинке в шапке становились меньше на маленьких экранах (240x320). Может не совсем понятно объяснил, буду рад, если поможете

    Asked by moskalev_mihail, November 7, 2011

    0 votes
    4 answers
16. меню на всю ширину

    Здравствуйте. такой вопрос: есть сайт, http://test11.16mb.com , потребовалось растянуть главное (верхнее) меню на весь экран. Не нашел лучшего способа как просто добавить по бокам меню, блоки с текстурой фона этого самого меню) но, при и уменьшении окна броузера, или при меньшем разришении, меню сползает под свой фон и выглядит это все хреново... вот скрин: http://s017.radikal.ru/i401/1111/6a/0b4e1abadfe7.jpg Указывал размеры левой и правой текстуры в процентах. Как решить эту проблему? возможно я не так это все делаю... Зараннее спасибо за ответы...

    Asked by greeb, November 7, 2011

    0 votes
    4 answers
17. помогите с selected

    Здравствуйте, я новичек в верстке. У меня не получается что бы ,если страница открыта ,то пункт меню стал выделенным (selected) сначала работало ,но потом я что-то изменил и перестало работать. Еще не подскажете как выровнять меню по центру? Заранее благодарен! <!DOCTYPE html> <html> <head> <title>HTML</title> <meta name="keywords" content="HTML, META, метатег, тег, поисковая система"> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> body { margin: 0; } header { display: block; /* Для ста…

    Asked by MaSoGg, November 7, 2011

    0 votes
    6 answers
18. Как сделать так чтобы при наведении на картинку в отдельном поле появлялось название ссылки

    Хочу сделать сайт на главной странице которого будет только одна картинка,на которой будет изображён фотограф(фотогалерея),почтовый ящик (контакты) итд. Всё это составляет единую компазицию.Есть 2 вопроса 1.Как лучше сделать ссылки ,чтобы они были отдельными картинками-ссылками или создать ссылочные области? 2.Как сделать чтобы при наведении на картинку(область) в отдельном поле появлялось название ссылки?

    Asked by tonymt, November 7, 2011

    0 votes
    1 answer
19. Таблица по всей высоте body

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <table style="height:100%; width:100%; background:yellow;"> <tr> <td style="height:200px;">123</td> </tr> <tr> <td> <div> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> …

    Asked by artemhp, November 4, 2011

    0 votes
    10 answers
20. Проблема с шириной span без float

    Добрый вечер. Помогите мне пожалуйста с этой проблемой.

    Asked by Arinden, November 7, 2011

    0 votes
    6 answers
21. Не выравнивает по центру

    В общем верстаю вот этот макет http://freeway-design.ru/files/spit.png сейчас мне нужно сделать wrapper чтобы выровнить все что находится от меню до футера, естественно я делаю wrapper указываю ему margin:0 auto; ширину и сохраняю, ничего не происходит, блок так же стоит слева, когда создаю отдельный документ, пробую делать все тоже самое там, враппер работает нормально в чем проблема ? ГДЕ НЕ РАБОТАЕТ WRAPPER РАБОТАЕТ WRAPPER Еще подскажите как сделать через css чтобы после каждого пункта в меню добавлялось |

    Asked by moslem, November 7, 2011

    0 votes
    3 answers
22. DIV внутри блока (div или td) с растягивающейся высотой 100%

    <table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне

    Asked by artemhp, November 4, 2011

    0 votes
    10 answers
23. В одну строку Помогите

    <div id="menu1" style="width: 168px"> <h3 id="nado" style="width:120px;background-color:black;cursor:pointer;color:aqua">Главное меню</h3> <ul style="opacity:0.0;list-style:none;width:122px;" id="222"> <li style="width: 122px">Пример </li> <li style="width: 122px">Пример </li> <li style="width: 122px">Пример </li> </ul> </div> <div style="width: 168px"> <h3 id="nado2" style="width:120px;background-color:black;cursor:pointer;color:aqua;">Интересно</h3> <ul style="opacity:0.0;list-style:none; width: 122px;" id="22"> <li style="width: 122px">Пример </li> <li style="…

    Asked by web-mindfreak, November 6, 2011

    0 votes
    21 answers
24. div'ная верстка

    Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме! 1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу! вот мой коддинг))))) index <!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" lang="en"> <head> <title>Название страницы</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <d…

    Asked by Good Fucking Smile, November 6, 2011

    0 votes
    8 answers
25. Проблемы наследования2

    Ребят подскажите пожалуйста ?<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div.input { position: relative; width: 100%; background: bisque; } div.input input { padding-left: 26px; padding-right: 10px; height: 16px; width: inherit; border-radius:20px; border:1px solid black; border-top:2px solid black; height: 20px; } div.input img { position: absolute; left:0px; margin:7px 10px 0px; } div.cont{ margin:0 400px; } </style> </head> <body> <div class="cont"> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> <…

    Asked by Sintanial, November 6, 2011

    0 votes
    23 answers