HTML Coding

29542 questions in this forum

1. Проблема с height в таблице

   Привет! Ситуация след. Таблица - три столбца, три ячейки в левом столбце, по одной во втором и третьем столбце Нужно: 1-я ячейка левого столбца - background-image height:100%; repeat-y 2-я ячейка левого столбца - background-image height - fixed, width - fixed 3-я ячейка левого столбца - background-image height - fixed, width - fixed Дабы не запутаться, привожу код: <table cellspacing="0" cellpadding="0" align="center" style="width:1300px;"><tr> <td class="leftsidea"></td> <td rowspan="3"> <div id="bodycenter"> </div> </td><td class="rightside" rowspan="3"> </td></tr> <tr><td class="l…

   Asked by freesoul, February 9, 2011

   0 votes
   4 answers
2. Проблема padding

   Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/

   Asked by fenzmey, July 10, 2011

   0 votes
   6 answers
3. Флэш раздвигает страницу

   Здравствуйте! Уже который день бьюсь и все без толку Есть http://mslr.cm.ru/index.php?id=8 после футера появляется пустое место и соот. скрол. Убираю height: 100% - флэш меняет масштабы. Как победить эту пустоту внизу страницы?

   Asked by Bredova, August 6, 2011

   0 votes
   1 answer
4. Как верстать по ИЕ 6?

   Помогите пожайлуста, как верстать по ИЕ 6, решать проблемы Internet Explorer 6 при помощи чего и как?

   Asked by Sergey410, August 30, 2011

   0 votes
   2 answers
5. Модальное окно

   Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать

   Asked by sparks, October 25, 2011

   0 votes
   2 answers
6. Почему мой div так странно позиционируется?

   У меня есть страница с дивами, скриншот ниже. Также см. ссылку http://dsamoylov.ru/test/index.html У меня 5 основных блоков (AAA, BBB, CCC, Community, News), которые в лежиме float: left; вполне аккуратно заполняли страницу. Мне надо добавить шестой блок "quick links" так, чтобы он встал справа от news. Почему-то этот div позиционируется очень странно, из левого верхнего угла всей этой конструкции. На скриншоте это видно, у этого дива border: 1px solid red. Как сделать так, чтобы div встал на нужное место и размером был равен его содержимому, тексту "quick links"? Буду благодарен за подсказки :-)

   Asked by sam_rain, March 15, 2012

   0 votes
   1 answer
7. Проблема с вертикальным меню

   Вопрос к знающим людям! Есть вертикальное меню, а где ошибка не могу понять. Пункт подменю(номер3) должен быть скрыт и при нажатии(номер 2) должен появляться. <ul class="leftmenu"> <li><a href="#">номер 1</a></li> <li><a href="#">номер 2</a> <ul class="podmenu"> <li><a href="#">номер 3</a></li> </ul></li> <li><a href="#">номер 1</a></li> </ul> ul.leftmenu { padding:0; margin:0px 0 0 0px; list-style: none; width: 220px; } ul.leftmenu li { float: left; } ul.leftmenu li a, ul.leftmenu li a:visited { display: block; …

   Asked by aov000, April 16, 2012

   0 votes
   2 answers
8. Диагональные пункты меню

   Вечер добрый! На работе подкинули задание - сделать меню по типу того что на картинке, при этом нужно поддержать ослов 7,8,9... т.е. CSS3 и HTML5 отпадают сами собой =( можно ли сделать без использования флэша? P.S. Я новичок, осиной не бейте, мягкие пинки в нужную сторону приветствуются)

   Asked by Dreamod, October 21, 2012

   0 votes
   4 answers
9. Загадка с font-face

   Здравствуйте. Не могу решить загадку. Для подключения шрифтов к странице использовал font-face, все согласно пуленепробиваемому способу Пола Айриша http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/#smiley, для одного шрифта все сработало, потом нужно было еще один, и тут то возникли проблемы, подключил как предыдущий, то есть так @font-face { font-family: "Lucida Grande"; src: url('fonts/LucidaGrandeBold/LucidaGrandeBold.eot'); src: local('?'), url('fonts/LucidaGrandeBold/LucidaGrandeBold.ttf') format('truetype'), url('fonts/LucidaGrandeBold/LucidaGrandeBold.svg#Lucida') format('svg'); …

   Asked by Kuzyo, December 16, 2012

   0 votes
   2 answers
10. Стилизация вывода текста

    Всегда пугает работа связанная с форматированием текста. Хочется использовать какой либо "шаблонизатор" или что-то подобное. Но в моём понимании "шаблонизатор" это такой скрипт на php или js, который при передаче ему текста вида: Заголовок 1 уровня === Заголовок 2 уровня ___ Обычный абзац с автоопределением переноса строки, т.е. ему даешь текст с отступами самого редактора(табами например), а он их сам распознает и соответствующе отображает. <img>ссылка на картинку</img> Сам расставляет теги и просчитывает отступы. Видел нечто подобное на гитхабе при создании страницы проекта, но не понял где его достать и как им пользоваться "изнутри". Рад буду любым ссыл…

    Asked by zlodeev, May 23, 2013

    • блог
    • текст
    • CSS
    0 votes
    1 answer
11. Простой калькулятор в таблице

    Всем добра! Есть такая задача (картинка в конце), вот в чем она заключается: 1. При выделении пункта в таблице, указанная там цена должна прибавляться к общей сумме; 2. После таблицы нужно собственно вывести получившуюся сумму. Вопрос: Каким образом это на js написать? Знаю что не сложно все это, но в js я нуб, поэтому и пришел сюда. картинка

    Asked by suranovvladimir, December 7, 2013

    • #js #calculator #table
    0 votes
    7 answers
12. сайт с фонами

    Поделитесь ссылками у кого есть на сайты с бакграундами. Интересует сайт (блин даже не могу объяснить кок он выглядит ), там паучок есть с рекламой на фаерфокс. В левой стороне сайта по моему идет квадрат с фонами. Можно сразу при клике на миниатюру или на ссылку под ней изменить фон сайта и посмотреть как выглядит фон. Больше ничего не помню. Поисковики мне не помогли. Мои закладки каким то образом исчезли с OnlineZakladki.

    Asked by 3d_max_9, December 17, 2013

    0 votes
    5 answers
13. Не могу вытащить картинку

    извиняюсь, проблема решена

    Asked by raptor-dm, January 11, 2015

    0 votes
    3 answers
14. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks, February 7, 2015

    0 votes
    1 answer
15. Создание дополнительных кнопок на картинке

    Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое?

    Asked by Leksa, January 15, 2016

    • img
    • a:hover
    0 votes
    2 answers
16. Назначение отступов у ссылок

    Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка? <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> nav{ display: table; border-spacing: 10px; } ul{ display: table-row; } li{ display: table-cell; background: red; width: 10%; //Нужно чтобы отступы были точно такими text-…

    Asked by aqua.77, July 29, 2016

    0 votes
    5 answers
17. Как мне определить точно определить расположение пунктированой линий

    Я могу сделать пунктированую линию в сss, но не могу ее выставить как строчный элемент в html и подобрать расположение в пространстве.Когда я пытаюсь сделать то линия у меня всегда внизу: На скрине снизу будет скрин с макета который я должен переписать

    Asked by Madarara, June 10, 2021

    0 votes
    1 answer
18. Картинка в скрытом DIVе

    Осмелюсь задать еще один вопрос. Вот такая задачка <script type="text/javascript"> <!-- function Function_1(div){ for (i=0; i<99; i++){ document.all.tags("div").item(i).style.display="none"; } document.all.tags("div").item(div).style.display="block"; } --> </script> <a href="#" onClick="Function_1(0), document.pic1.src='pic1.gif'">1-я ссылка</a> * * * <a href="#" onClick="Function_1(99), document.pic100.src='pic100.gif'">100-я ссылка</a> <div style="display:none">Текст 1 <img src="" name="pic1"/></div> * * * <div style="display:none">Текст 100 <img src="" name="pic100"/></div> Вобщем мне ну…

    Asked by Николай 2357, June 14, 2008

    0 votes
    0 answers
19. какой локальный сервер можно использовать с флэш-накопителя

    Какой локальный сервер можно использовать на отдельном накопителе? Заранее спасибо!

    Asked by JENYTAVR, December 20, 2008

    0 votes
    1 answer
20. проблема отступов

    Здрасте братцы, извините сразу ссылку дам freayy.ru, посмотрите форму логина, не могу сделать, чтобы слова Логин/Пароль были аккуратно напротив текстовых полей. И вообще кажися я не понимаю как эти отступы пашут о_О, вообще не пашут. Рылся тут по форуму, факу и прочея, догадываюсь что проблема типовая, но, извините ответа не нашёл. Если направите на какое то могучее руководство по моей проблеме очень, очень буду рад. Для тех кто не хочет смотреть сайт, немного изменённый но практически тот же код формы логина: <style> .lgin{width:55px;} .otst3 {float:left;margin-left:55px;} .otst{position:relative;margin-top:3em;} .lgin1{clear:both;position:relative;top:6px;} </…

    Asked by shaded, April 20, 2010

    0 votes
    1 answer
21. height ie6

    желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)

    Asked by Joyfit, January 16, 2011

    0 votes
    4 answers
22. Вопрос к профессионалам

    Собственно вопрос опять же про overflow-x: hidden; overflow-y:visible; Задача: Сделать такой блок в котором все что выходит за пределы блока по горизонтали будет скрыто, а по вертикали видно. Нужна четкая вложеность: <div class="first"> <div class="second"> </div> </div> Вот наглядная схема то что нужно сделать <style> .first { margin: 100px auto; border: 5px solid #000; width: 500px; height: 200px; overflow-x:hidden; overflow-y:visible; } .second { width: 600px; height: 300px; background: lightblue; } </style> <div class="first"> <div class="second"> </div> </div> Вот как выглядит: Во…

    Asked by exessqd1, February 18, 2011

    0 votes
    3 answers
23. Проблемы с Share button

    Добрый день, уважаемые форумчане. Возникла у меня проблема небольшая... Поставив небольшую галерею при помощи замечательного скрипта Fancybox я решил, что надо бы пихнуть к каждой картинке(а точнее в модальное окно с большой копией картинки) share buttons (вконтакте, фейсбук и т.п.) Кто-нибудь занимался подобным? Если да то подскажите пожалуйста как мне это сделать а то мои потуги ни к чему хорошему не привели( Заранее благодарю за ответы PS Извиняюсь, наверное я не в том разделе тему создал, если модератору не трудно перенесите пжлст в соответствующий раздел

    Asked by Alaren, June 9, 2011

    0 votes
    5 answers
24. Наследование свойств border

    <style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

    Asked by staff-base, July 23, 2011

    0 votes
    2 answers
25. Проблема с таблицами

    Доброй ночи! После небольшой смены дизайна пропала обводка таблицы + в одной таблице разъехались ячейки... 1) Было (все в норме) => Стало (пропала обводка) 2) Было (все в норме) => Стало (разъехались ячейки) Подскажите, пожалуйста, в чем дело. Спасибо!

    Asked by st2b, August 30, 2011

    0 votes
    2 answers