HTML Coding

29542 questions in this forum

1. Проблема с версткой меню

   Всем привет! Вопрос у меня такой, есть горизонтальное меню с выпадающими подменюшками, все работает, но есть проблема, у родительских li стоит фиксированная ширина 110px, а выпадающие подпункты должны быть вообще без ширины, т.е. display:block float:left или типа того, только так можно поставить отступы справа и будет все красиво, но дочерние li наследуют ширину родительских и получается: Что делать не знаю, как сбросить значение ширины для вложенных li? Нужно решить проблему только с стилях CSS, не влазя в HTML Вот код: <div id="top_menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Памятники</a> &l…

   Asked by galaydas, November 22, 2012

   0 votes
   5 answers
2. горизонтальное меню:hover с фоном не закрывает слева разделитель

   Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…

   Asked by Nailya, May 13, 2013

   0 votes
   4 answers
3. как задать такую рамку?

   если кому-то не разборчиво видно на рисунке, объясняю: вокруг select 2 рамки,одна темно серая в 1px ,а вторая светло-серая шириной 4px. обе они имеют скругления.как задать? пробовала тонкую задать через border с border-radius , а широкую через outline, все прекрасно,но скругления уголков у outline работает только в мозилле,как тогда быть с остальными браузерами? может есть другое решение?

   Asked by eleonore, May 26, 2013

   0 votes
   4 answers
4. Оцените верстку/укажите на ошибки

   Сайт Оцените/подскажите, буду благодарен.

   Asked by Frey, June 13, 2013

   0 votes
   1 answer
5. Дайте совет как реализовать подобный элемент.

   Здравствуйте! Точки должны плавно менять цвет на красный с левого края двигая вправо. И это должно быть резиновым. Без резины как реализовать есть идеи, но иначе нет. Да и в макете оно шириной 1600pх.

   Asked by Vicos, August 15, 2014

   • Резина
   • Динамичный эффект
   0 votes
   3 answers
6. Карта из гугла

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как вставить карту из гугла как тут: http://lawyer-bayor.ru/ (внизу страницы)?

   Asked by stan07, December 9, 2014

   0 votes
   3 answers
7. Клон изображения

   Можно ли сделать клон имеющейся на странице картинки только средствами CSS?

   Asked by Vlad, March 11, 2015

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

   Как лучше делать ? <ul class="social-icon"><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul> вот так и потом задавать в css .social-icon li:nth-child(2){background: url(../images/social-icon.png) no-repeat 0 -30px;} <ul class="social-icon"><li class="facebook"><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li>&lt…

   Asked by Shenia132, March 14, 2015

   • верстка
   0 votes
   3 answers
9. Адаптивный текст

   Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?

   Asked by alleclf, August 28, 2015

   0 votes
   3 answers
10. странная ширина границы у дива

    https://jsfiddle.net/tbp4kc68/ 2 последних дива правая граница уже чем у 2 первых дива если поставить ширину #content 958px тогда ширина выравнивается что за магия? как сделать постоянную ширину?

    Asked by https, January 7, 2016

    0 votes
    1 answer
11. SVG анимация

    Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…

    Asked by halione, May 14, 2017

    0 votes
    0 answers
12. Кроссдоменный запрос с использованием credentials

    Возможно ли отправить кросс-доменный запрос на страницу с <allow-access-from domain="*"/> и использованием кредов пользователя (пользователь залогинен на сайте, во второй вкладке открывает страницу со скриптом, скрипт получает данные с того сайта и куда-нибудь отправляет =)? На запрашиваемом сайте в crossdomain.xml: <cross-domain-policy> <allow-access-from domain="*"/> <site-control permitted-cross-domain-policies="master-only"/> <allow-http-request-headers-from domain="*" headers="*"/> </cross-domain-policy> Получаю такую ошибку: В целях безопасности, это сделали невозможно? Просто в F12-Network вижу, что responce …

    Asked by bumblebeee, October 24, 2017

    • xmlhttpreauest
    • crossdomain
    • credentials
    0 votes
    0 answers
13. проблема с верхним/нижним регистром

    Здравствуйте всем. В общем проблема раскрыта в описании темы (при вставке верхнего индекса в html смещаются строчки) код: что получается: а вот мой код CSS: Код: div#txt p { margin:6px 10px 6px 10px; line-height:1.2em; font-size:0.9em; font-weight:normal; } в чем может быть проблема, подскажите пожалуйста

    Asked by antip, May 20, 2009

    0 votes
    2 answers
14. float и margin в IE6

    Вот ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже? что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) ? FF и Opera отдают для этой колонки нужное пространство, но удя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?

    Asked by ardjuna, January 20, 2010

    0 votes
    0 answers
15. Стиль бордюра

    Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}

    Asked by people2010, August 28, 2010

    0 votes
    2 answers
16. две проблемы в опере

    Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php

    Asked by phii, February 15, 2011

    0 votes
    3 answers
17. Влияние padding'а элемента на соседние элементы той же строки

    Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …

    Asked by DanLuchinsky, July 22, 2011

    0 votes
    2 answers
18. немного сложный фон)

    Здравствуйте,уважаемые знатоки хтмл и цсс!) Надеюсь поможет кто понять как реализовать такую штуку: У нас есть один фон,разрезанный на 3 части верхушка фона,поле для контента,и нижняя часть. Суть думаю ясна — нижняя часть не задействована в выводе контента,предназначения для неё,в моём случае,больше не найти,так что хотелось бы,что б она тоже приняла участие в выводе контента. Примероно так: Как это можно реализовать? Заранее огромное спасибо!

    Asked by Minaev, November 20, 2011

    0 votes
    1 answer
19. Древовидные комментарии

    Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?

    Asked by Anarchist, December 14, 2011

    0 votes
    3 answers
20. Ошибки html в vBulletin v3.6.8

    Форум http://www.goldenseo.ru/ Форум старый много раз ставились разные модификации потом удалялись, видать осталось много ошибок. Хочу добавить сайт в биржи ссылок, пусть хоть что-то капает, но не работают из-за ошибок. В общем основной косяк с лишними закрывающими тегами </div>, </tr>, </td>, </table> и т.п. dreamweaver говорит, что подобные лишние теги являются заменителями тега </body> и получается что тег <body> многократно закрывается посреди документа. Подскажите, что поправить, может все просто и профи сразу увидит косяки. А то я html на любительском уровне знаю. Кто будет смотреть то разбирайте страницу темы например http://www.…

    Asked by antosha, June 6, 2012

    0 votes
    0 answers
21. Не работают тени и заокругления

    Не работают тени и заокругления в ИЕ 8 и ниже и в Опере 9 и ниже. Вот используемый код ксс: .siteborder { box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } Помогите поправить код под старые версии ИЕ и Оперы.

    Asked by alleclf, June 26, 2012

    0 votes
    4 answers
22. Смена данных пользователя.

    Всем привет. Подскажите как написать код который делал бы следующие: при клике на надпись Edit поля name, phone, e-mail в таблице открывались для ввода и для изменений данных, так чтоб одновременно запускался input с тремя полями. Прошу помочь и спасибо. Вот той фрагмент таблицы к которому всё это должно работать: <li> <div class="no_img"> <a href=""><img src="images/Pen2.jpg" hspace=15 vspace=3 align=right alt="Edit"></a> </div><!--no_img--> <a href="#"> <img …

    Asked by Viikkk, July 9, 2012

    0 votes
    2 answers
23. Фиксированный блок

    Помогите, пожалуйста! Верстаю сайт с двумя блоками: в левом блоке - меню, картинка и бегущая строка (в div), все элементы зафиксированы (неподвижны), правый блок основной - там весь контент. Возникает проблема отображения фиксированных элементов в разных браузерах! В Опере, Хроме и Сафари (верстаю под Сафари) все фиксированные элементы отображаются нормально, а вот в Мозилле и IE (за счет дополнительной панели браузера с настройками) страница смещается вниз и не виден div с бегущей строкой. Как сделать так, чтобы все неподвижные элементы отображались полностью независимо от высоты панели браузера?? Я так полагаю, что дело в innerHeight, но как его правильно прописать??? В…

    Asked by kiska, July 18, 2012

    0 votes
    3 answers
24. Как поднять заголовки?

    Добрый вечер. Помогите, пожалуйста, решить проблему. Есть сайт на 1С-Битрикс. В нем создан каталог (см.скрин). И мне как-то нужно сделать, чтобы у этих Разделов название располагалось ближе к картинке. По идее надо редактировать шаблон, но вот как???

    Asked by Drakonyashka, July 20, 2012

    0 votes
    2 answers
25. Выравнивание input и кртинки

    Есть код <input tupe='text' style='height: 11px;'><img src='/css/images/enter.png'> Хочу эти два элемента выровнять по центру по вертикали. Никак не получается. По стандарту прописываю картинке align='middle' - не работает нигде, align='center' решил проблему, но только в хроме. Хром(как надо): Как всегда получается:

    Asked by Dazar, August 23, 2012

    0 votes
    1 answer