HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Проблема с версткой меню
Всем привет! Вопрос у меня такой, есть горизонтальное меню с выпадающими подменюшками, все работает, но есть проблема, у родительских 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…
0 votes5 answers -
горизонтальное меню: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;…
0 votes4 answers -
как задать такую рамку?
если кому-то не разборчиво видно на рисунке, объясняю: вокруг select 2 рамки,одна темно серая в 1px ,а вторая светло-серая шириной 4px. обе они имеют скругления.как задать? пробовала тонкую задать через border с border-radius , а широкую через outline, все прекрасно,но скругления уголков у outline работает только в мозилле,как тогда быть с остальными браузерами? может есть другое решение?
0 votes4 answers -
Оцените верстку/укажите на ошибки
Сайт Оцените/подскажите, буду благодарен.
0 votes1 answer -
Дайте совет как реализовать подобный элемент.
Здравствуйте! Точки должны плавно менять цвет на красный с левого края двигая вправо. И это должно быть резиновым. Без резины как реализовать есть идеи, но иначе нет. Да и в макете оно шириной 1600pх.
0 votes3 answers -
Карта из гугла
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как вставить карту из гугла как тут: http://lawyer-bayor.ru/ (внизу страницы)?
0 votes3 answers -
Клон изображения
Можно ли сделать клон имеющейся на странице картинки только средствами CSS?
0 votes4 answers -
Как лучше делать ?
Как лучше делать ? <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><…
0 votes3 answers -
Адаптивный текст
Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?
0 votes3 answers -
странная ширина границы у дива
https://jsfiddle.net/tbp4kc68/ 2 последних дива правая граница уже чем у 2 первых дива если поставить ширину #content 958px тогда ширина выравнивается что за магия? как сделать постоянную ширину?
0 votes1 answer -
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…
0 votes0 answers -
Кроссдоменный запрос с использованием 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 …
0 votes0 answers -
проблема с верхним/нижним регистром
Здравствуйте всем. В общем проблема раскрыта в описании темы (при вставке верхнего индекса в html смещаются строчки) код: что получается: а вот мой код CSS: Код: div#txt p { margin:6px 10px 6px 10px; line-height:1.2em; font-size:0.9em; font-weight:normal; } в чем может быть проблема, подскажите пожалуйста
0 votes2 answers -
float и margin в IE6
Вот ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже? что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) ? FF и Opera отдают для этой колонки нужное пространство, но удя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?
0 votes0 answers -
Стиль бордюра
Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}
0 votes2 answers -
две проблемы в опере
Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php
0 votes3 answers -
Влияние padding'а элемента на соседние элементы той же строки
Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …
0 votes2 answers -
немного сложный фон)
Здравствуйте,уважаемые знатоки хтмл и цсс!) Надеюсь поможет кто понять как реализовать такую штуку: У нас есть один фон,разрезанный на 3 части верхушка фона,поле для контента,и нижняя часть. Суть думаю ясна — нижняя часть не задействована в выводе контента,предназначения для неё,в моём случае,больше не найти,так что хотелось бы,что б она тоже приняла участие в выводе контента. Примероно так: Как это можно реализовать? Заранее огромное спасибо!
0 votes1 answer -
Древовидные комментарии
Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?
0 votes3 answers -
Ошибки html в vBulletin v3.6.8
Форум http://www.goldenseo.ru/ Форум старый много раз ставились разные модификации потом удалялись, видать осталось много ошибок. Хочу добавить сайт в биржи ссылок, пусть хоть что-то капает, но не работают из-за ошибок. В общем основной косяк с лишними закрывающими тегами </div>, </tr>, </td>, </table> и т.п. dreamweaver говорит, что подобные лишние теги являются заменителями тега </body> и получается что тег <body> многократно закрывается посреди документа. Подскажите, что поправить, может все просто и профи сразу увидит косяки. А то я html на любительском уровне знаю. Кто будет смотреть то разбирайте страницу темы например http://www.…
0 votes0 answers -
Не работают тени и заокругления
Не работают тени и заокругления в ИЕ 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; } Помогите поправить код под старые версии ИЕ и Оперы.
0 votes4 answers -
Смена данных пользователя.
Всем привет. Подскажите как написать код который делал бы следующие: при клике на надпись 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 …
0 votes2 answers -
Фиксированный блок
Помогите, пожалуйста! Верстаю сайт с двумя блоками: в левом блоке - меню, картинка и бегущая строка (в div), все элементы зафиксированы (неподвижны), правый блок основной - там весь контент. Возникает проблема отображения фиксированных элементов в разных браузерах! В Опере, Хроме и Сафари (верстаю под Сафари) все фиксированные элементы отображаются нормально, а вот в Мозилле и IE (за счет дополнительной панели браузера с настройками) страница смещается вниз и не виден div с бегущей строкой. Как сделать так, чтобы все неподвижные элементы отображались полностью независимо от высоты панели браузера?? Я так полагаю, что дело в innerHeight, но как его правильно прописать??? В…
0 votes3 answers -
Как поднять заголовки?
Добрый вечер. Помогите, пожалуйста, решить проблему. Есть сайт на 1С-Битрикс. В нем создан каталог (см.скрин). И мне как-то нужно сделать, чтобы у этих Разделов название располагалось ближе к картинке. По идее надо редактировать шаблон, но вот как???
0 votes2 answers -
Выравнивание input и кртинки
Есть код <input tupe='text' style='height: 11px;'><img src='/css/images/enter.png'> Хочу эти два элемента выровнять по центру по вертикали. Никак не получается. По стандарту прописываю картинке align='middle' - не работает нигде, align='center' решил проблему, но только в хроме. Хром(как надо): Как всегда получается:
0 votes1 answer