HTML Coding

29,542 questions in this forum

1. меню на всю ширину

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

   Asked by greeb, November 7, 2011

   0 votes
   4 answers
2. Отступы в списках

   Здравия всем! Есть стандартный список <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
3. Проблема с шириной span без float

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

   Asked by Arinden, November 7, 2011

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

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

   Asked by dusk238, November 7, 2011

   0 votes
   16 answers
5. Как сделать всплывающий DIV поверху сайта, не выходящим за экран?

   Лабаю на сайте систему помощи по странице Сделал в виде всплавающего поверх содержимого сайта окошка. Выглядит так: div id = help left=..,top=.. div id = helpCaption div id = helpParts div id = helpText width=..,height=.. div id = helpCorner helpCaption - заголовок helpCorner - уголок для ресайза окна внизу справа helpText - текст справки #help { position: fixed; left: 10px; top: 10px; } #helpText { overflow: auto; } при растягивании скрипт меняет width, height элемента helpText. Если текст не помещается, то показывается скролл Теперь проблема: при сужении размера браузера по горизонтали, "окошко" с помощью утыкается в правый край и начинает сужаться вместе с…

   Asked by Enkee, November 7, 2011

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

   Здравствуйте. Подскажите, как лучше сверстать: Данный блок нужно встроить на страницу. Но когда я делаю вот так: <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
7. Проблемы с высотой в 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
8. Не выравнивает по центру

   В общем верстаю вот этот макет 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
9. Как сделать так чтобы при наведении на картинку в отдельном поле появлялось название ссылки

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

   Asked by tonymt, November 7, 2011

   0 votes
   1 answer
10. помогите с 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
11. Еще одна мобильная верстка)

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

    Asked by moskalev_mihail, November 7, 2011

    0 votes
    4 answers
12. Помогите растянуть див

    Здравствуйте. Мне нужно растянуть блок с контентом на сто процентов, на примере видно для чего это мне нужно _bio-logiya.ru Пробовал методом padding-bottom: 20000px; margin-bottom: -20000px; и для container'a overflow: hidden; но тогда то что за контейнером всё обрезалось и кусок коровки и бабочки. Какие ещё есть варианты?

    Asked by bayanruby2, November 6, 2011

    0 votes
    5 answers
13. Скажите пожалуйста,как мне сделать форум на сайте

    Помогите,пожалуйста,как мне вставить форум на сайт?Я скачал какой-то форум.Но когда я его открыл,то в нем было много каких-то папок.Только можете пожалуйста обьяснять на языке для начинающего.Я так понял что форум htmlbook тоже вставлен(я видел такой-же форум на сайте tennisforum.ru)

    Asked by saswat, November 6, 2011

    0 votes
    1 answer
14. 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
15. Подскажите, как корректно отобразить вкладку в Фейсбуке

    Здравствуйте! Помогите пожалуйста понять, что я делаю не так. Есть приложение называется Static HTML, в которое можно вставлять HTML код. Есть шаблон, который специально предназначен для такой вкладки, т.к. размеры подогнаны под 520 на 800 пикселей. Style.css и изображения храняться на гугл сайтс (т.к. в фейсбуке требуется HTTPS соединение) вставляю в приложение, HTML код файла index.html в котором прописаны ссылки на стайл ксс и ссылки на изображение. Нажимаю просмотреть и...в файрфоксе отображается корректно, а в опере, хроме, ослике все расползается. Не знаю в чем причина. подскажите. Это же участь постигла и слайдер, который я пытаюсь вставить здесь Вот ссылка на вк…

    Asked by Syndicate221, November 6, 2011

    0 votes
    0 answers
16. Подскажите где менять

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

    Asked by kentastik, November 6, 2011

    0 votes
    23 answers
17. Проблемы наследования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
18. <button> как сделать простым текстом?

    Добрый день, у меня такой вопрос: Как сделать <button> простым текстом? Т.е. не кнопкой, а простым текстом.

    Asked by Kyklovod, November 6, 2011

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

    <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
20. Мобильная верстка. Закрепит элемент.

    Добрый день. Суть проблемы вот в чем. Требуется закрепить элемент страницы вверху (например как неподвижная шапка у некоторых сайтов) для создания тулбара. Но к сожаления стандартные приемы (position: fixed; z-index: 100) не прокатывают в мобильном браузере. Есть ли еще какой нибудь вариант закрепить элемент вверху страницы? Спасибо за внимание.

    Asked by Paloskin, November 6, 2011

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

    как выравнять по центру (и по вертикали и по горизонтали) элемент с плавающей высотой и шириной?

    Asked by z700i, November 6, 2011

    0 votes
    5 answers
22. img выезжает из div!

    Помогите пожалуйста решить такую проблему верстки: Скрин проблемы.... Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(. вот код html: ... <div id="ads_carrier"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a> </div> ... и CSS: ... #ads_carrier{ position: relative; width: 100%; cle…

    Asked by tarkinsky, November 6, 2011

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

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

    Asked by empi, November 6, 2011

    0 votes
    15 answers
24. скрипт

    вот код скрипта <script LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- function doMenu(AIndex) { if ( AIndex == 1 ) { if ( chapter1.style.display == 'none' ) { chapter1.style.display = 'block'; } else { chapter1.style.display = 'none'; } // if..else } // if if ( AIndex == 2 ) { if ( chapter2.style.display == 'none' ) { chapter2.style.display = 'block'; } else { chapter2.style.display = 'none'; } // if..else } // if if ( AIndex == 3) { if ( chapter3.style.display == 'none' ) { chapter3.style.display = 'block'; } else { chapter3.style.display = 'none'; } // i…

    Asked by voin545, November 6, 2011

    0 votes
    0 answers
25. Событие onclick - но чтобы реагировало на любые нажания мышки

    Подскажите событие аналогичное onclick, с той лишь разницей, что бы оно реагировало не на нажатие левой клавиши, а на нажатие любой клавиши, даже скролла.

    Asked by Skorpion555, November 6, 2011

    0 votes
    3 answers