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
-
list-style-image те отображается
Господа подскажите пожалуйста,почему в моем случае не отражается list-style-image?Даже обычный list-style не отображается.В чем проблема? Верхний правый список из 2х элементов. http://cssdesk.com/EGQUa
0 votes5 answers -
background origin
http://jsfiddle.net/Y3yJL/ Мне нужно, чтобы граница кнопки не находилась на оранжевом цвете - она должна получиться сероватой за счет прозрачности. По идее этот вопрос должен был решить background-origin, но не решил. ?
0 votes3 answers -
неправильно настроил анимацию
помогите пожалуйста решить проблему на страничке при наведении и отведении курсора на блок .pic, внутри него появляется надпись и исчезает. если очень быстро и беспорядочно водить курсором над блоками .pic , то многие надписи не исчезают проблема в том, что мне нужно чтобы после отведения курсора надписи точно исчезали
0 votes4 answers -
Баг в IE при использовании капители
Мне нужно сверстать ссылку вот такого вида: http://jsfiddle.net/h58gq1kr/2/ Если удалить точку перед словом «сам», то оно становится на одну линию с «летает». При наличие точки в IE «.сам» ниже на 1 пиксел. Можно ли решить эту проблему иначе, чем созданием отдельного стиля для IE с другим значением line-height?
0 votes10 answers -
Как разместить абзац под картинкой?
Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…
0 votes3 answers -
Выделение первого символа четного элемента
Подскажите, как в списке выделить первый символ четного элемента. <ul class="menu"><li><a href="/">Home</a></li><li><a href="about.php">About</a></li><li><a href="projects.php">Projects</a></li><li><a href="blog.php">Blog</a></li><li><a href="contact.php">Contact</a></li><li><a href="search.php">Search</a></li></ul>ul li a:nth-child(even)::first-letter{ color: #fff;}не получается таким образом выделить.
0 votes2 answers -
Не работают ссылки в плавающем фрейме
Здравствуйте. Я начинающий в html, да и в программировании в целом, однако, мне эта сфера очень интересна. Суть страницы: список ссылок с полезными страницами. Проблема такая: Есть список ссылок на страничке, и они должны открыться в плавающем фрейме на этой же странице, однако, при клике выдается пустой квадрат. Отмечу, что часть ссылок работает нормально. Текст фрейма: <iframe align="right"; scrolling="yes"; width="80%"; height="800"; name="useful">Содержание</iframe> Тег <frameset> не используется. Проблемная ссылка: <p><a href="http://htmlbook.ru/samhtml/tekst/spetssimvoly"; target="useful";&…
0 votes0 answers -
Бутстрап, меню, адаптивность
Добрый день. Есть сайт cubcadet-parts.ru. Добавил в меню еще один пункт - сломалась адаптивность. На средних экранах меню вместо того чтобы становиться компактным выпадающим скрытым под иконкой, переносится на другую строку. Шаблон едет ((( https://screenshots.firefox.com/1zDw6EL61Y5rMoVE/cubcadet-parts.ru Понимаю, что проблема с бутстрапом и параметром @media, но никак не могу исправить. Меню прячется под иконку лишь на экранах менее 768 пикс. А мне надо 992 пикс. Но как это сделать я так и не понял. Помогите, кто сможет. Заранее спасибо!
0 votes0 answers -
display: none не работает на хостинге
Здравствуйте! http://nds.nika-llc.pw/ Проблема следующая. Друг попросил адаптировать под мобильные устройства сайт. Все работает, НО: На главной странице есть заголовок, который масштабируется. И на маленьком экране просто исчезает. Я решил сделать просто: сделать скриншот экрана и добавить его вместо текста, который не получается масштабировать. Логика такая: на большом экране текст работает, видео фоном тоже. На маленьком экране видео и текст отключаются (display: none), и вместо них включается изображение (скриншот) текста вместе с фоном. Работает на опере, на хроме почему-то нет. Я уже голову сломал, не понимаю. У кого есть какие мысли? <div i…
0 votes0 answers -
Фиксация заголовка таблицы - использование flex
Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…
0 votes0 answers -
Проблемы с текстом
Здравствуйте, подскажите пожалуйста как быть когда при резиновой верстке не перестраивается текст, в макете задан определенный шрифт, но когда начинаю верстать под мобильные или планшеты устанавливая шрифт макета текст перестраивается в 2-3 строчки , а в макете в одну ? . Заранее спасибо!
0 votes1 answer -
Не работает макет сайта.
Привет всем. Занимаюсь версткой совсем недавно. Прочел тему, что если сделать один блок с width: auto; и margin-left: 200px; а второй с фиксированным width: 200px; и float: right; то будет хороший макет с фиксированной колонкой справа и "резиновой" колонкой справа. Однако это почему-то не работает... Дивы накладываются друг на друга... А должны идти друг за другом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя</title> <style> .div1{ border: 4px solid black; width: auto; margin-right: 200px; } .div2{ float: right; width: 200px; border: 4px solid black } </style> </head> <bod…
0 votes1 answer -
Единый блок <div> для всех станиц
В CSS мы например делаем файл со всеми параметрами стилей file.css ( например) и ссылаемся на него со всех страниц. Таким образом меняя какой то параметр в этом файле, изменения происходят на всех страничках. Можно ли сделать, чтобы какой то блок <div> "лежал отдельно" как и файл CSS со стилями? Чтобы когда его редактируешь, менялся он и на остальных страницах.....Надеюсь вы меня поняли.
0 votes3 answers -
Незнаю как сверстать
Всем доброго времени суток! Ребят помогите уже все перепробовал не знаю что делать как сделать такое подскажите пожалуйста http://imageshost.ru/links/ec42fc2364f5bbb63c1b95a691569db9 а то я что не попробую все в разные стороны разъезжается и коряво получается
0 votes2 answers -
Создание 3D эффекта.
Итак, потребовалась ваша помощь, Верстаю сейчас макет, мне необходим ваш совет. У меня есть два блока, причем один вложен в другой. Как мне создать КРОССБРАУЗЕРНЫЙ эффект "приподнятости" на дивом-ролителем? Вот код блоков: <div class="parent"> <div class="child"> lorem ipsum dolor sit amet </div> </div>
0 votes6 answers -
Возможно ли убрать скрол у textarea
Возможно ли убрать скрол у textarea. сабж. Скажем отменить так же как в iframe
0 votes1 answer -
Убрать увеличение длины элемента при увеличении font-weight
имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…
0 votes4 answers -
Верстка меню
есть меню, элементы расположены горизонтально <ul id="topmenu"> <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 код чтобы меню было на всю ширину (допустим 100% при резиновой верстке) и расстояние между элементами было одинаковое. http://jsfiddle.net/4V3eq/ - тут элементы к левому краю прижимаются, а надо чтобы первый к левому краю, последний к правому краю, а остальные элементы между …
0 votes3 answers -
валидация формы
можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…
0 votes4 answers -
Как получить доступ к jquery в другом скрипте?
Собственно решил вынести все скрипты за пределы страницы. Возникла проблема. Мне бы хотелось использовать библиотеку jquery в свое скрипте. Что я должен сделать для этого?
0 votes3 answers -
Помогите с верстой меню
Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…
0 votes5 answers -
0 votes1 answer
-
Практика Резиновой Верстки Сайта
Не знаю в каком разделе спрашивать,может отзывы сказать о данных видео-уроках, очень интересует мнение, просмотрел один код с видео урока, мне он показа не очень... http://nnm-club.ru/forum/viewtopic.php?t=598811&sid=50418401fd82eee96ec6b3ec8ec9f5de
0 votes4 answers -
Нужен макет для мобильной версии сайта
Доброго времени суток! Есть ли у кого нибудь макеты под мобильные версии сайтов - любых!?
0 votes0 answers -
Вопрос по таблице
Добрый вечер. Прошу извинить, если вопрос не там создал. Создаю большую таблицу. Проблема в том, что высота некоторых ячеек больше относительно других ячеек. Проще говоря, вот код (в правой части ячейки выше ячеек из левой части): <table id="mtab" cellspacing="0" cellpadding="0" border="1" style="min-width: 350px; max-width: 2500px; padding: 5px; font-size: 10pt; height: 100%; overflow-x: auto;"> <thead style="height: 10%;"> <tr> <td width="1%" rowspan="3">N</td> <td width="6%" rowspan="3">чЙДЩ ЪБЗПМПЧЛПЧ Ч</td> <td width="1%" rowspan="3">ззз</td> <td align="center" width="auto" colspan="12">рПФТЕВОПУФЙ ПУОБУФЛ…
0 votes3 answers