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
-
bb коды на ucoz
в общем я хотел сделать на сайте в разделе добавления материала в каталоге файлов дополнительный bb код с помощью которго можно было бы как то выделить нужную информацию вот скипт <script type="text/javascript"> $(document).ready(function(){ $("input.codeButtons[value='u']:last").parent().after("<span style=\"padding-right: 1px;\"><input title=\"Важное примечание\" value=\"Важное\" onclick=\"simpletag('attention','','','message','')\" class=\"codeButtons\" id=\"attention\" type=\"button\"></span>"); }); </script> так вот, не знаю как нужно придать вид этому делу если просто то получается к примеру так [attention]Очень важно[/attenti…
0 votes2 answers -
проблема с margin-top
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…
0 votes2 answers -
Повернутый текст в IE, помогите пожалуйста
Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в 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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…
0 votes2 answers -
Блоки выпадают из потока
http://ucpb.org/new/index.html Див content имеет два вложенных блока, но почему-то они из него выпадают, причем из body тоже выпадают. Как бороться?
0 votes2 answers -
checkbox внутри select
Добрый день. Подскажите решение, необходимо в выпадающий список возле каждой строчки установить флажок. Заранее спасибо!
0 votes2 answers -
textbox и круглые углы
Привет! Пытаюсь сделать кроссбраузерные закругленные углы для textbox. Помогите пожалуйста, кто не занят. Проблемы такие: 1) div блок, содержащий картинку с левой границей не хочет растягиваться на всю высоту. 2) div блок, который рисует верхнюю границу, выезжает за пределы div блока, который содержит рисунок правого верхнего уголка. посмотреть можно тут Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />…
0 votes2 answers -
Текст внутри формы
Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта: Первое серый текст атрибута placeholder должен остатса серым ; Второе когда user вводит или уже ввел текст поиска он должин быть чорным; Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам. Код формы такой: <div id="search"> <form action="/search/index.html" method="get"> <input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" /> <input class="search-button" name…
0 votes2 answers -
высота страницы не определяется
Наверстал страницу. Новичок. Проблема в том, что браузер не понимает автоматически высоту страницы и обрезает ее. Ставил в body height 100%, в page ставил 100%, не помогает. Либо надо явно задавать высоту, что не всегда приемлемо, либо отображается криво как аттаче. Какие типичные ошибки могли к этому привести? В некоторых местах для дивов задавал margin-top:-200px; Может ли быть в этом проблема? вот например ссылка. страница кривая пока, но главное, что иллюстрирует проблему обрезания высоты. http://zgid.d-mir.ru/zgid/Tarif/ таблица обрезается. так происходит со всеми страницами((
0 votes2 answers -
CSS
В общем, сейчас делаю дизайн для сайта и в ксс сделал так, что если в тексте ссылка - <a href="">бла бла бла</a>, значит текст подчёркивается. Но Появилась проблема - теперь если в этой ссылке находится изображение - <a href=""><img src="" /></a>, то изображение тоже подчёркивается. А мне этого не надо. Как сделать так, чтобы подчёркивалось всё, кроме изображений?
0 votes2 answers -
Joomla 2.5
А создание шаблона для Joomla 2.5 чем-то отличается от 1.7? Или все то же самое? И может лит-ра есть хорошая на эту тему кто в курсе? Или видеокурс какой...
0 votes2 answers -
Вложенный список
Почему мой список не отображается как вложенный? (То есть по идее вложенный список должен быть чуть правее основного списка). http://jsfiddle.net/nHjeX/
0 votes2 answers -
height: 100%
Добрый вечер. Это опять я, со своими дилетантскими проблемами. На этот раз проблема в следующем: имеется три блока внутри общего, один из блоков имеет постоянный контент, но ни у одного нет заданной высоты. Необходимо сделать так, чтобы все блоки были одинаковой высоты. Буду рад вашей помощи.
0 votes2 answers -
Позиционирование
есть пример проблемный в нем длинна div с поиском растягивается от длинны меню но если убрать меню поиск становится так как мне нужно помогите сделать их независимыми если можно то обьясните проблему
0 votes2 answers -
Слайд шоу
Всем привет! Нужно сделать слайд шоу. На сайте http://www.lokeshdhakar.com/projects/lightbox2/ загрузил себе пример, сделал всё как и написано на этом сайте, слайд шоу работает во всех браузерах. Только в IE появляется сверху надпись про управление ActiveX и т.д. Только когда разрешаешь заблокированное содержимое, тогда слайд шоу в IE работает так как надо. Если я загружу свою страницу на хостинг, у пользователей которые посещают мою страницу эта надпись в IE тоже будет появляться? Как мне с ней бороться?
0 votes2 answers -
Как уменьшить вес картинки, сохранив ее массштаб?
Подскажите пожалуйста, как можно уменьшить вес картинки, но при этом сохранить длинну и ширину? Сайт из-за этого долго грузится, но размер картинки нужно сохранить. Спасибо
0 votes2 answers -
Ошибка отображения в IE7
Добрый день всем! Посмотрите, пожалуйста, скриншоты. На втором видно, что блоки смещаются. Такое только в IE7 (и в IE8, если в нем включен режим совместимости). Адрес сайта http://www.nomalenio.com/. Кто-нибудь знает, как наладить совместимость с IE7? За пару дней были сверстаны три различных сайта-визитки и в каждом из них наблюдается подобное. Опыта у меня мало, и времени, к сожалению, тоже. Ребят, буду благодарен за любой дельный совет.
0 votes2 answers -
Масштаб изображения по размеру экрана.
Как сделать чтобы изображение полностью было на экране, без прокрутки? например изображение 1600х1200. а размер окна намного меньше.
0 votes2 answers -
помогите убрать странный отступ снизу
помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …
0 votes2 answers -
Помогите с переопределением
Что-то совсем не получается в модуле Джумлы1.5 сделать вот такое вот: http://s2.ipicture.ru/uploads/20120224/4dzTAayK.png Получается только вот так: http://s2.ipicture.ru/uploads/20120224/75X6621k.png Вот код менюшки: http://jsfiddle.net/WP9XM/ А как модуль переопределить чтобы можно было такую структуру выстроить не понимаю Вот как я делал: http://jsfiddle.net/b4jxg/ Но как классы то придать заголовкам чтобы двигать их можно было, жирность выставлять и т.д.? Как структуру правильно выстроить? Очень нужно, спасибо.
0 votes2 answers -
картинка всегда внизу блока
Здравствуйте! Волнует вопрос как сделать так, что бы картинка располагалась всегда в правом нижнем углу, в независимости от наличия и объема контента в блоке. (контент должен ее обтекать) Background не пойдет так как в таком случае текст будет наползать на картинку... жду хоть каких то идей..
0 votes2 answers -
недогоняю
делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…
0 votes2 answers -
тэг {edituser}
Доброго Вам время суток. столкунля с проблемай двиг DLE надо сделать что бы 1 стал такимже как 2 .userinfo { padding-left: 125px; } .ui-dialog-content .userinfo { padding: 10px 0 10px 125px; } .userinfo .l_con { margin-left: -125px; width: 110px; padding-right: 15px; } .userinfo .r_con { width: 100%; } .userinfo .rcol ul { margin-left: 0; } .userinfo .rcol ul li { margin-bottom: 2px; }
0 votes2 answers -
Всплывающие подсказки
Подскажите пожалуйста способ или ссылку реализации всплывающих подсказок при наведении на любой елемент (таблица,ячейка таблицы,блок,ссылка и т.п.) самое главное это простота инициализации и стилизация. Можно с помощью jquery
0 votes2 answers -
Опустить DIV в DIV'е в нижний правый угол
Не могу опустить DIV в DIV'е в нижний правый угол при фиксированном размере вложенного div'а и c padding'ом. Может кто покажет на примере?
0 votes2 answers -
Как сделать картинку при наведении курсора картинка изменяется
Вот код я использую: #header .site-info {padding:100px 0 0 120px;height:84px;text-shadow:1px 1px 0 #000;background:url(http://www.cod.game-pack.net/images/logocallofduty.png) 30px 40px no-repeat;overflow:hidden;} А вот код другой код: <div class="site-info"> Помогите!!!!
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-