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
-
Как сделать чтобы фон не просвечивал полупрозрачный бордер?
subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …
0 votes3 answers -
отображение в Googl Chrome
Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал
0 votes3 answers -
font-face
Добры день. Пытаюсь использовать шрифт для сайта кастумный через font-face, однако с кириллицей проблемы. Почему то какие то буквы отображаются кастумным шрифтом, какие то нет. Шрифт использую BauhausCTT Regular Генератор http://www.fontsquirrel.com Подскажите, что не так?
0 votes3 answers -
Правильное оформление ссылки
Здравствуйте! возникла проблемка: яша не индексирует страницы сайта кроме главной (правда сайт молодой) Ссылки в меню поставил таким образом: <a href='/brodilki'><img class='ico' src='{THEME}/images/controller.png'/>Бродилки</a></li> Вопрос в том - обязателен ли слеш после ссылки на раздел сайта в котором размещаются статьи?
0 votes3 answers -
ИЕ8 нельзя даже навести на подпункты меню
в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/
0 votes3 answers -
onmouseover - Вопрос
Добрый вечер, возник вопрос по поводу оформления div-блоков. Вот решил изменить навигацию,при наведении мышкой нужный блок, он выделяется цветом. Но код получился громоздкий ... Может кто подскажет как можно сделать с помощью CSS, так как я побывал но выделялась только область ссылки, а не блок целиком. За ранее благодарен. <div class="navigation_menu" onmouseover="this.className='navigation_menu_bg'" onmouseout="this.className='navigation_menu'"><img src="../images/icon_menu/home.gif" width="10" height="10"><a href="/index.php" title="Главная страница сайта"> Главная страница</a></div> <div class="navigation_menu" onmouseover="this.clas…
0 votes3 answers -
Прошу посмотреть, куда пропало изображение
Есть сайт http://molclub.ru/. Там есть лента новостей, под заголовком. Кнопка "влево", блоки, кнопка "вправо". Все float: left;. А кнопки справа не видно. Почему? Лента - .pipe в файле main.css. Готов выписать нужные части, но боюсь, проблема будет как раз вне этих строк. Заранее благодарен.
0 votes3 answers -
проблема с полосой прокрутки
Здраствуйте ! У меня возникла проблема , сделал сайт на табличной верстке, но есть один " бок " : у меня широкоформатный монитор и когда заливал информацию на сайт то у меня отображается все отлично , но при открытии на мониторах с меньшим расширением появляется полоса прокрутки ! наблюдается при открытие некоторых страниц , например - http://edem24.ks.ua/gz.html'>http://edem24.ks.ua/gz.html !!!! Ширина в тегах table в процентах !!!!! вот сайт - http://edem24.ks.ua Помогите пожалуйста , как сделать чтоб не было это полосы прокрутки ...
0 votes3 answers -
Подскажите как реализовать hover
<div id="menu"> <ul> <li><a href="http://google.ru">Ссылка которая должна менять цвет</a> <div> <ul> <li><a href="http://google.ru">Ссылка из-за которой верхняя должна поменять цвет</a></li> </ul> </div> </li> </ul> </div> Вот меню, при наведении на первую ссылку открывается подменю, которое находится в <div>. Как сделать, чтобы при наведении на ссылки в диве, верхняя ссылка тоже меняла цвет? Вот наглядно, на первом изображении то, что есть, на втором то, что хочу сделать: Подскажите пожалуйста.
0 votes3 answers -
ИЕ7 position absolute -- не вычисляет ширину внутренего блока
Добрый день. С толькнулся с одной забавной багой в ИЕ7, не получаеться пофиксить. Есть родительский блок ( position: absolute ) в нем не указана ширина, так как ширина береться от контента. В этом блоке вложен блок, во всех браузерах он растягивается на 100% а в ИЕ7 только по содержимому. Может кто-то с таким сталкивался. Вот черновой код ссылка на пример смотреть в ИЕ7. Удачи.
0 votes3 answers -
фон для div
Пытаюсь задать фоновое изображение для шапки через css. Перепробовал массу вариантов, не пойму что не так. Сейчас код выглядит так: HTML <div id="container"> <div id="header"> </div> </div> CSS body { background-color: #fff; font:11px Verdana; } #container { margin: 0 auto; height: auto; min-height: 100%; width: 1260px; position: absolute; } #header { height: 628px; width: 1260px; background: url(..\images\home.jpg) no-repeat; position: relative; }
0 votes3 answers -
@media для ie
можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…
0 votes3 answers -
Как сделать?
Подскажите пожалуйста, как сделать так что бы сайдбар-линия(которая обведена на рисунке) автоматически меняла свою высоту при добавлении постов?
0 votes3 answers -
Помогите прижать "сайтбары" к подвалу....
Здравствуйте! Помогите прижать "сайтбары" к подвалу. Уже разбил все мозги на части, но так и не понял логики по которой это можно сделать. Казалось нужно просто что то прописать и div так сказать расшириться до "футера", если прописать height: 100% то div уменьшается до размера содержимого в нем, так же если задать конкретный размер например height: 300px то это тоже не является решением. Нужно сделать так чтобы div автоматически определил расстояние до подвала. Вот скрин: А вот HTML (удалил некоторые части для удобства): <body> <div id="wrapper"> <div id="header"></div> <div id="topmenu"></div> <div id="leftsidebar">З…
0 votes3 answers -
Приоритет подключаемого css-файла над css, прописанными в коде. Возможно ли?
Имеем код <table border="1" cellspacing="1" cellpadding="1" width="300" height="200" class="table"> <tbody> <tr align="center"> <td colspan="2"><span style="font-size: x-small;">Характеристики <br /></span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина наибольшая, мм</span></td> <td><span style="font-size: x-small;">2900</span></td> </tr> <tr> <td><span style="font-size: x-small;">Длина кокпита, мм</span></td> <td><span style="font-size: x-small;">2100</span></td> </tr> <tr> <t…
0 votes3 answers -
Прошу прощения, помогите, пожалуйста)
Извиняюсь за дубовость, но не могу что-то создать тему в разделе для халявщиков, но мне очень нужно кое-что узнать. Господа Модераторы, перенаправьте тему и подскажите, как задать интересующие меня вопросы. Заранее благодарю. Cкажите, пожалуйста, как сделать чтобы при нажатии на кнопочку текст свыше исчезал, а при повторном клике снова появлялся. Как создать кнопку я знаю...а вот как ИМЕННО нужно воспользоваться событием онклик недопетриваю... хелп ми плиз
0 votes3 answers -
Перенос ссылки на верхнюю строку
Прошу помощи. Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить". <a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a> A.sendbutton { background-image: url("send.png"); display: block; width: 79px; height: 26px; } A.sendbutton:hover { background-position: 0 -26px; } A.historybutton { background-image: url("history.png"); display: block; width: 80px; height: 26px; } A.historybutton:hover { background-position: 0 -26px; } Результат:
0 votes3 answers -
Подныривание под div'ы с float в IE 7.0
Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?
0 votes3 answers -
Ошибка валидации
Помогите разобраться в чем дело. Ниже идет код подобный этому и ошибок не вызывает. <div class="imenu search_button" title="Поиск" onClick="search_onclick();"></div> Решено: onClick исправить на onclick <div class="imenu search_button" title="Поиск" onclick="search_onclick();"></div>
0 votes3 answers -
Как подрегулировать расстояние между буквами
Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing
0 votes3 answers -
Нестандартные элементы формы
Если у меня нестандартные элементы формы, как их вставлять(нужно только направление)? Без JS не обойтись?
0 votes3 answers -
Подсветка родителя при активации потомка
Возможно ли средствами CSS сделать следующее: Есть меню на wordpress, в первой строке выводятся основные страницы, во второй потомки основных страниц. После клика на ссылке для основной страницы (пункт горизонтального меню), фон меняется на белый. При клике на ссылку страницы потомка (пункт горизонтального подменю), родительской ссылке возвращается фон по умолчанию (не белый). Как сделать, средствами CSS, что бы при выборе потомка цвет фона родительской ссылки оставался без изменения (белый фон родителя)?
0 votes3 answers -
behavior как бы заставить его работать...
Доброго времени суток! По просьбе модератора создала новую свеженькую темку Не работает данная приблуда, хоть прибей Сколько на сайтах (разных) не смотрела.... у них всё сказачно. А тут качаешь, прописываешь... и не пашет Пробовала и в корень кидать к индексному файлу, и полный путь прописывать, результат один и тот же... Пробовала также разные скрипты PIE, border-radius.htc... А было бы хорошо, если б заработало. css: #menu .stripNav a.current { display:block; height:28px; border:1px solid #3586b4; background: url(../images/butt_active_c.png) repeat-x top left; border-radius:4px; behavior: url(PIE.htc); /* учим IE border-radius */ } файл лежит в…
0 votes3 answers -
показать/спрятать значение в инпуте
Собственно, столкнулся с задачей. Есть инпут типа пароль. Соответственно, чтобы избавиться от дурацкого дублирования, хочу добавить возможность показать то, что спрятано за ••••• Пытался поменять на .js (а именно jquery) значение type="password". Не дается =) Витала идея сделать 2 инпута и показывать их по-очереди, но это костыль плюс корявая реализация полного дублирования из одного в другой. Неправильно. Пробовал гуглить, но ничего толкового не нашел. Посоветуйте, пожалуйста, решение )
0 votes3 answers -
Проблемы со стилями
Здравствуйте. Занимаюсь созданием майл рассылки для подписчиков и столкнулся с такой проблемой (пока проверял только на mail.ru и yandex.ru почтах): письмо-рассылка представляет собой сгенерированую страницу с графикой и текстом. Возникла такая ситуация: -при просмотре, допустим на mail.ru, не цепляется css-файл. -не цепляется оформление если цеплять его через атрибут class (решается установкой атрибута id, но только для mail.ru. На yandex.ru приходится у элемента указывать атрибут style) -на yandex.ru происходит следующее: если у элемента было указано свойство background: url(абсолютный адрес изображения), то yandex.ru похоже пытается его закачать себе и добавляет к моем…
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-