HTML Coding

29,542 questions in this forum

1. Размещение вложенных блоков ПОД слоем, в который они вложены

   Друзья, проблема такая. Есть две кнопки для листания карусели вперёд и назад (.prev и .next), мне нужно их разместить за блоком #page, в котором эта карусель находится. Дизайнерская задумка такая, что тень от #page падает на эти блоки, а тень, отбрасываемая блоками, частично скрывается за блоком #page. То есть #page находится над .prev и .next. Но почему-то не получается у меня поместить эти стрелки в нужное место, в результате они сами отбрасывают свою тень на #page. То есть они находятся над контейнером, в который помещены, а не под ним, как мне это нужно. Танцы с бубном вокруг z-index и position мне не помогли.. Подскажите, вообще задача реальная стоит? И если реальная…

   Asked by StormMan, April 12, 2013

   • позиционированиеposition
   • z-index
   0 votes
   4 answers
2. Центрирование горизонтального списка

   Всем доброго времени суток. В общем, имеется меню, выполненное в виде списка <ul> и вложенными в него строками <li>, которые отформатированы, помимо прочего, с помощью float: left. Таким образом, имеется горизонтальное меню. И вот это меню нужно выровнять посередине окна, не задавая конкретного значения width тегу <ul> или же обертке. Заранее списибо.

   Asked by Upcoming, April 14, 2013

   0 votes
   4 answers
3. полосы с обех сторон возле названия

   Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!

   Asked by akkota, April 14, 2013

   0 votes
   4 answers
4. Сайдбар падает вниз.Резиновый двухколоночный макет.

   Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #content, а не сбоку! .Почему?Люди, помогите,пожалуйста!!!)))) css код: @charset "utf-8"; /* CSS Document */ <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output…

   Asked by eleonore, April 14, 2013

   0 votes
   4 answers
5. Стационарная фоновая картинка

   Всем джамбо друзья! Возможно этот вопрос нужно было задавать в разделе верстка, ну да ладно. Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru/wp-content/uploads/2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в…

   Asked by CatInTheBread, April 15, 2013

   0 votes
   4 answers
6. Полосатая рамка

   Здравствуйте! Мне очень надо сделать посредством css рамку. Во времена СССР были почтовые конверты, а по краям у них была рамка из наклонной полосатой зебры, где чередуются белый, красный и голубой. Пожалуйста, подскажите, как мне сделать такую рамку средствами CSS. Эта рамка будет вокруг блока, содержимое которого может меняться, то есть зависит от наполнения текстом, так что рамка тоже должна изменяться в соответствии с размерами блока.

   Asked by rafaello9, April 16, 2013

   0 votes
   4 answers
7. Псевдокласс :hover и соседние элементы

   Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…

   Asked by sazhyk, April 17, 2013

   0 votes
   4 answers
8. Запонмить данные

   Всем привет. Ребят, есть HTML форма с данными. Допустим пользователь ввел что то не правильно, и его выкинуло обратно Как мне запомнить что было в полях, что бы не приходилось заново вводить? Спасибо

   Asked by MadChild, April 17, 2013

   0 votes
   4 answers
9. Назначить фон картинке

   Здравствуйте. Пробую css на прочность... Пытаюсь задать стиль: .category-view .row .category .spacer h2 a img{ background: url('../images/img_bg.jpg') no-repeat; background-size:120%; } в надежде подсунуть картинку-обрамление для фотографии. В справочнике говорится, что background применим ко всем. Почему фоновая картинка не отображается?

   Asked by borus, April 18, 2013

   0 votes
   4 answers
10. Адаптация сайта к мобильному виду

    Приветствую. Существует ли какой-нибудь стандарт, позволяющий определить, что сайт загружается со смартфона? Предпосылка. В браузере Андроида в настройках есть галочка "Адаптация к мобильному виду". При отключенной галочке сайты все грузятся так, как будто заходишь через обычный браузер, нужно масштабировать руками. Если же включить галочку, некоторые сайты (популярные) действительно адаптируются к мобильному виду, причем, очевидно, что сам сервер их адаптирует. Например, Википедия - в ПДА-версии можно сворачивать абзацы. Пытаясь разведать, что и как, были предприняты след. шаги: 1. Создал на локалхосте php-файл, записывающий заголовки запроса, и зашел на этот урл с телеф…

    Asked by kanaris, April 20, 2013

    • pda
    0 votes
    4 answers
11. Не открыть SWF, а сохранить

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

    Asked by runmy, April 21, 2013

    0 votes
    4 answers
12. Несколько градиентов возможно накладывать в одном слое?

    Здравствуйте. Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов. Вот такой код не работает: background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%); Может назначить вложенному элементу один градиент,а обертывающему - второй?

    Asked by borus, April 21, 2013

    0 votes
    4 answers
13. Видео на сайте

    Здравствуйте! Размещаю на сайте видео через сервис: http://flv-mp3.com/ru/flv/ Не показывается наша заставка. В чем проблема? Код такой: <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" height="495" width="880"> <param name="bgcolor" value="#FFFFFF" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /> <param name="FlashVars" value="way=http://www.protontonnel.ru/video/pts_2_2.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=880&am…

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

    0 votes
    4 answers
14. выход margin за пределы блока

    объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом .must_read ul{ margin: 0 -5px; } по-моему этого не должно происходить потому что правило .must_read ul li{ width: 25%; } устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка

    Asked by cyklop77, April 23, 2013

    0 votes
    4 answers
15. Проблема с потоком в блоках.

    Проблема с потоком в блоках или как сделать так чтобы из div не вылезали элементы которые внутри блока. Как усвоить блин это правило если оно вообще есть или как этому научится чтобы то что в блоках не выходило за рамки блока div?! Это нужно для внутрених элементов обозвать их display block или не так? Если например внутри плавающие блоки то как сделать чтобы они не выходили за рамки блока?

    Asked by daggi, April 23, 2013

    0 votes
    4 answers
16. Графическая рамка вокруг меню

    Здравствуйте. Подскажите как сверстать графическую рамку вокруг блоков? Я нашёл уже инструкции по параметру border-image, но там задаётся только толщина рамки и один URL, а мне нужно несколько. Т.е. чтобы я мог каждый угол отдельной картинкой прорисовать. В итоге хочу получить такое оформление для своего меню как на картинке ниже. Я сам фотошопер, поэтому нарисовать не проблема. А вот как вставить не пойму. Сайт на joomla 2.5. Я в коде вообще новичок и делаю всё методом тыка. Буду благодарен если подскажите как. Мне то одну сделать, а дальше уже по схеме и остальные блоки сверстаю.

    Asked by Akkianu, April 26, 2013

    • рамка сложная
    • как сделать
    0 votes
    4 answers
17. выровнять изображение в блоке

    Подскажите,почему у меня картинка в нижнем блоке съезжает вниз?Вот код: <section class="recent_news"> <article> <img src="images/05.png" alt="pic" class="pic"> <div class="text"> <time>05.12.11</time> <p><a href="#">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</a></p> </div> </article> <article> <img src="imag…

    Asked by eleonore, April 27, 2013

    0 votes
    4 answers
18. text-align в IE<9

    Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

    Asked by SuperJerk, May 6, 2013

    0 votes
    4 answers
19. Слайдер

    Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.

    Asked by aquapasha, April 29, 2013

    • слайдер
    0 votes
    4 answers
20. скрыть часть контента при разрешении, допустим меньше 640*480

    собственно сабж, верстая под все разрешения столкнулся с проблемой: таблицы изза них на малом разрешении появляется горизонтальная плоса прокрутки. единственный способ - скрыть таблицы при малом разрешении, но как это сделать ума не приложу и даже не знаю как спросить google чтобы получить нужный ответ

    Asked by barracuda116, April 30, 2013

    0 votes
    4 answers
21. Как подсвечивать в таблице строку вместе со столбцом при наведении курсора

    Здравствуйте! У меня имеется большая таблица. Реализовать подсветку строки при наведении мышки получилось. Возможно ли реализовать "перекресток", чтобы подсвечивалась не только строка, но и соответствующий столбец? JS не владею, к сожалению. Подскажите решения с помощью css и html, если они имеются. Заранее спасибо!

    Asked by Dreiser, May 3, 2013

    • table
    • hover
    • tr
    • td
    0 votes
    4 answers
22. Помощь с версткой

    Доброго времени суток. Сразу разъясню проблему. Скриншот, для наглядности так сказать. Как видите, раздел "Фото" расположен выше, чем раздел "Информация". Мне нужно, чтобы раздел "Информация", шел вровень с "Фото". —-- Часть кода из страницы: echo '<table><tr><td><div class="phdr">Фото</div><a href="../files/users/photo/' . $user['id'] . '.jpg"><img src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" /></a></td> <td><div class="phdr">Информация</div>' . functions::display_user_ank($user) . '</td></tr></table>'; DIV .phdr из style.css: .…

    Asked by MyZik, May 4, 2013

    0 votes
    4 answers
23. Вёрстка мобильного сайта. Как?

    Привет всем. Недавно заинтересовался вёрсткой под мобильные устройства. Не понимаю как верстаются качественные мобильные сайты, например, сайт вконтакте или яндекса. Это ведь JS отвечает и за работу и за отображение? Как например при скольжении пальца справа налево открывается меню или как все блоки и шрифты идеально масштабируются в зависимости от размера экрана. Ну и ещё интересно как создают такие не масштабируемые страницы, ведь когда я пытаюсь со своего андройд-фона изменить масштаб яндекса или вконтакте, но мне пишет что страница не поддерживает масштабирование. Надеюсь среди вас есть опытный человек имеющий тесный контакт с этой областью, который разъяснит мне эти …

    Asked by winston3d, May 4, 2013

    0 votes
    4 answers
24. выделение объекта

    На странице - дивы с контентом (фото + текст). Есть кнопка - при нажатии один из блоков должен каким то образом выделяться. Подсвечиваться например с помощью «тени». Выделение это должно само проходить. Собственно вопрос — как сделать красиво (может быть есть примеры) и желательно просто?

    Asked by deFISH, May 4, 2013

    • div
    • shadows
    0 votes
    4 answers
25. Автоматический перенос части текста с одного сайта на другой

    Всем привет.У меня наверное не стандартный вопрос, так как ответа я не нашел. Заключается он в следующем. У меня есть несколько сайтов и на них нужно постоянно редактировать одну и туже информацию. Есть ли такое решение на HTML или JAVA, что бы редактируя на одном сайте информацию, она обновлялась на других? Информация числовая. Сайт на Ucoz. Подскажите кто чем может и возможно ли вообще это.

    Asked by cpstriker, May 4, 2013

    • текст автоматически
    • перенос
    0 votes
    4 answers