HTML Coding

29542 questions in this forum

1. 2 div, под ними сверху полоса градиента

   Суть в том, что у меня имеется два блока c содержимым, с ними все нормально, они встали рядом, конечно же при помощи float. Но есть проблема. Нужно под ними сделать градиент. Там стоит полоска градиента 1px и repeat-x. Когда у блоков center и right стоит Float, чтобы они стояли рядом градиент, установленный на общим div под ними не видно, Ниже градиента будет снова фон. Хочется сделать это используя минимум дополнительных блоков. Чего-то никак.. html - весь контент <div id="content-holder"> <div id="content"> <div id="center-content"> <h2 class="h2s">Заголовок Center</h2> </div> <div id="right-content">Right cont</div> &l…

   Asked by Edwvyb, April 5, 2013

   0 votes
   2 answers
2. Overflow и Float

   Привет! Слышал уже несколько раз из разных источников, что если дочернему элементу ставится float, то у родительского почти всегда должен стоять overflow:hidden; Я не очень понимаю, для чего? Читал на эту тему статьи (кстати их не так много именно по связке overflow+float), и все равно не совсем понятно. Если кто-то из вас сможет или постарается объяснить простым человеческим языком, для чего и почему, то буду очень признателен! Супер, если с примером!

   Asked by Imperil, April 5, 2013

   • overflow
   0 votes
   1 answer
3. Горизонтальное меню в Opera

   Здравствуйте! Столкнулся с проблемой. Сделал меню, в Chrome и Mozilla работает, а вот в Opera не становиться горизонтальным. Делаю способом float:left. Подскажите, пожалуйста, как исправить. (http://87.237.116.73/Otromt/forum.html) <div class="menu"> <ul class="menu_ul"> <li><a href="http://test1.ru/about.php">About</a></li> <li><a href="http://test1.ru/forum.php">Forum</a></li> <li><a href="http://test1.ru/prices.php">Prices</a></li> </ul> </div> .menu{ color: darkred; column-count: 3; margin-bottom: -60px; height: 100px; text-align: center; …

   Asked by Michael Myers, April 5, 2013

   0 votes
   2 answers
4. Нужна совет, помощь по отладке скрипта

   Есть проблема мод (скрипт) в левой колонке отображается нормально но как его переносишь в футор почему то его растягивает, как это испивать, чтобы он отображался везде одинаково.

   Asked by lev99, April 5, 2013

   • CSS
   0 votes
   9 answers
5. Блик, не мешающий ссылке

   https://taxi.yandex.ru/?from=morda — при первом посещении этой страницы можно наблюдать модальное окошко, в котором находится слайдер. Он выполнен в виде смартфона. По клику по экрану смартфона или на кружочки справа от него, слайдер будет листаться. Я делаю нечто похожее. И столкнулся с такой проблемой: если делать блик на девайсе в виде png с прозрачной вырубкой (скажем, в виде телефона, в котором прорублено прозрачное окошко с бликом для картинок слайдера) и блок (<div>) с этим девайсом поместить над картинками (при помощи z-index), то ссылки (у каждой картинки в слайдере своя) работать не будут — ну, само собой: ведь png с телефоном наверху лежит. Если же положи…

   Asked by serdeles, April 5, 2013

   0 votes
   6 answers
6. Помогите изменить ширину темы в Wordpress

   Всем добрый день. Есть сайт на wordpress http://otkatka-spb.ru/. На него установлен шаблон Priimo. Никак не могу изменить ширину темы. По-идее, это должен быть wrapper в style.css, но никаких атрибутов width у него нет. Так же анализировал верстку через "проинспектировать элемент", все цифры ширины, которые я вылавливал не встречаются в css файлах темы (искал посиком через total commander на ftp). Помогите пожалуйста, заранее спасибо.

   Asked by defire, April 4, 2013

   0 votes
   5 answers
7. Решить задачу по размерам блоков без box-sizing

   Дано: <div><div></div></div> Надо согласовать внешние размеры вложеного div'a с внутренними родительского. <div style="border: 100px solid #f44; width: 80%; height: 500px; padding: 80px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%; top: -80px; left: -80px; position: relative;"> Решено, но использование padding родителя и позиционирование дочернего элемента не логично, т.к. взаимосвязано с шириной border. </div> </div> <div style="border: 100px solid #f44; width: 80%; height: 500px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%;"> Не решено. </div> </div> Пер…

   Asked by skvor, April 4, 2013

   0 votes
   4 answers
8. Как заставить фото сжиматься с самого начала его показа?

   Здравствуйте. На сайте в слайдере изображения начинают занимать положенную область за доли секунды до смены картинки. Как можно сделать так, чтобы фотографии изначально после их появления масштабировались под размеры слайдера? Может здесь надо через before, after?.. Благодарю

   Asked by borus, April 4, 2013

   0 votes
   2 answers
9. резиновая высота меню

   Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…

   Asked by EvilDoom, April 4, 2013

   0 votes
   8 answers
10. Не работает background-image

    У меня возникла проблема подобного характера. Код html имеет такой вид <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN" "[url="http://www.w3.org/TR/html4/loose.dtd%22>"]http://www.w3.org/TR...ml4/loose.dtd">[/url] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content=""/> <meta name="description" content="" /> <link href="css/style1.css" rel="stylesheet" type="text/css"> </head> <body> <div class="contentmain"> </div> </body> </html> В css прописано следующее: @charset "utf-8"; body { m…

    Asked by Risewill, April 4, 2013

    0 votes
    1 answer
11. Помогите правильно выставить позицию в html (joomla)

    Уважаемые форумчане. Помогите с проблемкой. Реализовал на сайте с Joomla модуль JUNewsUltra Pro (для вывода блока с случайными статьями). Также на главной странице реализован модуль последние новости. Проблема в том, что не могу правильно подобрать позицию с правильными параметрами для JUNewsUltra Pro. Вот код html шаблона: <?php /** * @package Joomla.Site * @subpackage Templates.beez5 * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ // No direct access. defined('_JEXEC') or die; JHtml::_('behavior.framework', true); // get params $color = $this->para…

    Asked by Nem-One, April 4, 2013

    0 votes
    1 answer
12. Float: left

    Вот, посмотрите: http://jsfiddle.net/iKNG/M6yb7/ Надо, чтобы в 1 Div-родителе Div-дети выстраивались в 1 строку, во 2 так же, но в отдельную. То есть так: а не так: Как это реализовать?

    Asked by iKNG, April 4, 2013

    0 votes
    2 answers
13. выпадающее меню

    Добрый день, я новичок в этом деле и не знаю где что сделать суть вопроса такова, мне надо сделать выпадающее меню на сайте, вот демо сайт и демо админка где мне надо сделать http://www.yoom.ru/templates/view/4/ хотелось бы, что бы верхнее меню работало также как в админке (то есть выпадало бы) подскажите в каком месте надо что вставить какой текст CMS вроде не сложная но в меру моих знаний, у меня не получается сделать то что хочется, на данный момент у меня получилось сделать подменю, но совсем не то что надо http://pl-mode.ru/product/leto/ был бы очень благодарен за помощ

    Asked by plat75, April 4, 2013

    0 votes
    0 answers
14. Растягивающийся по вертикали блок

    Добрый день. Вот такой вопрос. Зеленый блок растягивается на высоту страницы. Два голубых блока - фиксированной высоты, между блок, в котором много элементов и вертикальная прокрутка (список). Необходимо, что бы красный блок растягивался и занимал все пространство между синими блоками. Как это сделать? Интересует решение задачи именно на CSS, т.к. делать это через JS - путь к ошибкам и трудностям в будущем. P.S. В идеале, высота голубых блоков неизвестна и может меняться.

    Asked by Odrin, April 4, 2013

    0 votes
    6 answers
15. не могу задать высоту для ячейки таблицы

    привет как поправить код. Чтобы из рисунка 1 получить рисунок 2. <!DOCTYPE HTML> <html> <head> <meta charset='utf-8'> <title>Титул</title> </head> <body> <div style=' border:1px solid red; display:table; padding: 10px'> <div style=' border:1px solid black; display:table-cell; padding:10px'> <div style=' border:1px solid blue; display:table; padding: 10px;'> <form > <fieldset> <label for='name' style=' border:1px solid red; display:table-cell; vertical-align:middle; width: 100px;'> …

    Asked by ilnurgi, April 4, 2013

    0 votes
    1 answer
16. Смещение текста в <button> при клике. IE, Opera.

    Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь…

    Asked by DjTarik, April 4, 2013

    • html
    • button
    • text
    • :active
    • ie
    • opera
    0 votes
    0 answers
17. Таблица со скроллбаром

    Здравствуйте! Нужно сверстать такую таблицу со скроллбаром. Пока не получается ограничить высоту содержимого, чтобы получилась прокрутка. HTML: <section class="prop_2"> <h3>Вес и количество:</h3> <div class="sectionInner2"> <div class="sectionInner"> <div class="detailsProp"> <div class="detailsPropHeader"> <div class="detailsPropRow"> <div class="detailsPropCell">Размер</div> <div class="detailsPropCell">Цена</div> <div class="detailsPropCell">Количество</div> </div><!--/.detailsPropRow…

    Asked by Светлана Гр., April 4, 2013

    0 votes
    3 answers
18. Картинки после текста

    Ребята помогите, не могу сообразить! Есть страница http://video.seodacha.ru/cat/videokamery-ulichnye/innovi-z10 На этих страницах может быть неограниченное количество картинок. Вопрос в том, чтобы сделать так, чтобы текст не прилегал к картинке, а начинался ровно после горизонтальной линии картинок.

    Asked by smirn0ff, April 3, 2013

    0 votes
    2 answers
19. относительная ссылка неработает

    Изза чего может неработать относительная ссылка на внешние директории?

    Asked by pudge, April 3, 2013

    0 votes
    16 answers
20. Изза чего может неработать относительная ссылка на внешние директории?

    В общем недавно создал на бесплатном хостинге домен 3го уровня для своего сайта для его русской версии и назвал естественно ru.На сервере в папке сайта(public_html) создалась папка ru я сразу же закинул туда копию index.html что бы там хоть что то было,и для проверки на работоспособность я изменил пару ссылок в коде этой копии index.html а именно ссылки на css файл и логотип шапки сайта.Для тех кто ещё не понял добавил вначале ссылки ../ Но когда я начал проверять то заметил что сам индекс.хтмл читает а ссылки на верхние папки не работают,вот сами посмотрите http://ru.dotatest2111.p.ht/ я проверил,ссылки были написаны правильно,много провозился пытаясь обнаружить пробл…

    Asked by pudge, April 3, 2013

    0 votes
    11 answers
21. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich, April 3, 2013

    • каталог продукции
    • меню
    • список
    0 votes
    2 answers
22. печать в chrome - проблемы печати таблицы

    Есть страница: http://www.metrofram...ilmoplast-tape/ там есть кнопка "Print", которая делает window.print(), т.е. запускает диалог печати браузера. Проблемы есть во всех браузерах, но для начала хочу решить в Chrome. Основной контент это таблица с 2-мя колонками, в левой колонке картинка, в правой текст. таблица вмещается на 3 страницы, ячейки обрезаются нормально, но есть проблема с первой строкой таблицы на каждой странице. Прилагаю скриншоты вида печати и страницы:

    Asked by Zippovich, April 3, 2013

    0 votes
    5 answers
23. Проблема с позициями

    Здравствуйте. Помогите, пожалуйста, с позиционированием. У меня есть 10 блоков DIV. Я с помощью CSS задал значение обводки, при наведении. Но как только я навожу курсор на блок, остальные блоки, стоящие рядом сдвигаются. Что делать? Мне хотелось бы как-то закрепить остальные блоки, и закрепить положение изображения с эффектом, чтоб обводка шла по краям изображения, а не сдвигала его.

    Asked by avdo_xd, April 3, 2013

    0 votes
    1 answer
24. Блок с аудиоплеером невидим

    Здравствуйте. Уже несколько дней ломая голову над одной проблемой. Есть сайт, который работает на isotope (masonry). В одним из блоков помещается аудио плеер (jwplayer). Вместе все работает исправно. Но встала задача перевести сайт на ajax переключение страниц. Для того, чтобы после перехода на страницу с masonry блоки вставали на своим месте, подключил повторную инициализацию скрипта после .load(): $('#main').isotope({ itemSelector : '.post-item', masonry: { columnWidth: 390 } }); Переинициализация работает, однако блок с аудиоплеером перестал отображаться. Причем при загрузке страницы он появляется на доли секунд, а затем исчезает, т.е. ведет себя так, будто ему присво…

    Asked by Lionel, April 3, 2013

    • isotope
    • masonry
    • player
    • audio
    • ajax
    • load
    • object
    0 votes
    1 answer
25. jQuery grayscale

    Использую на сайте данный скрипт https://github.com/josefrichter/jquery-grayscale Картинки у меня jpg. Проблема в том что при загрузке страницы, все равно "моргают" цветным фото, а иногда вообще не видно их. После втрой загрузки страницы более или менее работает. На медленно интернете вообще проблема. Куда копать? Может есть другие решения? Спрайт из картинок не предлагать, это вариант не подходит. Буду очень благодарен за пинок в нужном направлении.

    Asked by okunev2, April 3, 2013

    0 votes
    22 answers