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
-
Проблема в шапке сайта
Делаю свой сайт и когда делал шапку сайта, возникла проблема, я сделал лого, сделал рядом изменяющуюся картинку на JavaScript, но вот проблема, хочу ещё рядом повесить информацию о пользователе, но всё, что я пытаюсь сделать, почему-то помещается за изменяющуюся картинку, не где-то рядом, а именно за неё, а сделать что-то в той части шапки, где мне нужно, у меня не получается, туда ни чего не вставляется, не могу понять почему. Сайт на юкозе. Вот, что у меня в шаблоне страниц сайта: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href…
0 votes7 answers -
Стилизация колонок в таблице c помощью <col>
Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...
0 votes6 answers -
Как заставить Masonry располагать контент в 3 колонки?
При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).
0 votes3 answers -
Расширения (filter) для CSS
Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...
0 votes1 answer -
CSS ссылки
Здравствуйте! Проблема следующая, как можно и можно ли сделать в веб-странице с помощью CSS область (абстрактную, полностью прозрачную) фиксированную в одном месте (не в одном месте экрана, а страницы), чтобы при наведении можно было перейти по адресу определенному. Может это не в CSS делается?
0 votes8 answers -
ie6 траблы
Посетить мою домашнюю страницу 1.Подскажите как убрать промежуток который образуется в ie6 между меню и хедером.Исправленно 2. Ещо на странице Вакансии ширина конт-бекграунда розширяется, становится шире хедера и футера. Как это все пофиксить в ie6???? 3.И ещо забыл, что-то не пойму почему wrapper не центрируется, может связяно с предвидущими проблемами. Зарание спасибо.Исправленно
0 votes10 answers -
как передать $_POST[] через select
Что имеем: index.php <form method="post"> <select name="newcat" onchange="self.location.href=this.form.newcat.options[this.form.newcat.selectedIndex].value;"> <option value="">Быберите действие</option> <option value="show.php">показать</option> <option value="hide.php">скрыть</option> <option value="delete.php">удалить</option> </select> <input type="checkbox" name="Del[]" value="1" /> 1 <br /> <input type="checkbox" name="Del[]" value="2" /> 2 <br /> <input type="checkbox" name="Del[]" value="3" /> 3 <br /> <input type="checkbox" name="Del[]" value="4" /> 4 &l…
0 votes9 answers -
Будьте добры, посоветуйте!
Есть вот такая страничка, сделанная Имедж Реди, быстро, красиво, как же наполнить информацией, имею ввиду в каком писать текст? <html> <head> <title>butterfly_nature1024</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (butterfly_nature1024.jpg) --> <table id="Table_01" width="900" height="675" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/butterfly_nature1024_01.jpg" width="900" height="89" alt="top"></td…
0 votes10 answers -
Господа, устал бороться с png фоном;(( Помогите
Собственно проблема не в том чтобы сделать фон прозрачным в ИЕ6, например. Есть слой в CSS: #top_center {background: url(../images/bg_top.png); background-repeat: no-repeat; background-position: center top; } Для этого же слоя, дабы сделать его прозрачным и понимаемым для ИЕ6 в код страницы прописываю следующее: <!--[if lte IE 6]> <style> #top_center { background-image: none; filter rogid XImageTransform.Microsoft.AlphaImageLoader(src=/templates/w.club/images/bg_top.png,sizingMethod='crop'); } </style> <![endif]--> В итоге все получаю красивым и прозрачным, но, появилась проблема изза которой я собственно сюда и пишу. Перед тем как прописать фи…
0 votes10 answers -
Почему справа нет отступа
Почему в FF 3.0.5 и Хроме 1.0.154.43 нету справа отступа? В IE7 есть, 10px как и положено. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>CSS</title> <style type="text/css"> body { margin:0; padding:0; } div { width:100%; margin:10px; color:white; background-color:blue; } </style> </head> <body> <div>Красивый заголовок на синем фоне</div> </body> </html>
0 votes10 answers -
Самооткрывающееся окно
Как сделать так, чтобы новое окно/вкладка автоматически открывалось при входе на страницу? Как это, к примеру, происходит, когда жмёшь на ссылки скачивания на левых сайтах и вместе с началом закачки файла открывается какая-нибудь левая страница с рекламой.
0 votes9 answers -
background из 2-х цветов
Здравствуйте. Не знаю, как реализовать такую схему: необходимо сделать фон для страницы так, чтобы левая сторона окна до середины была одного цвета (например, белого), а правая - другого (например, красного). Т.е. 50% окна по вертикали "залито" одним цветом, 50% - другим. Конечно же, очень хочется, чтобы независимо от разрешения (ширины окна) фон так и оставался на 50% белым, на 50% - красным. Спасибо заранее.
0 votes6 answers -
ПРОБЛЕМА С ОТОБРОЖЕНИЕ КАРТИНКИ В Explore're
Всем доброго времени суток!!!!! У меня вот какая проблема есть сайт www.donchanka.ru надо в шапку вставить картинку девушки, я ее вставил но ее видно только в Опере и мозиле а вот в эксплорее не видно что это может быть, помогите плиз :|
0 votes4 answers -
Таблица со сложной подсветкой ячеек
Есть таблица (16×41) значений функции Лапласа, надо, чтобы при наведении курсора на ячейку, подсвечивались её родительские ячейки, расположенные на первой сроке и первом столбце, либо вся строка и весь столбец до данной ячейки. Может быть кто-то знает, как это реализовать в HTML/CSS (желательно без скриптов)? Спасибо за внимание!
0 votes2 answers -
robots.txt
Здравствуйте. Моему сайту (http://kovkavolgograd.ru/) три месяца. Индексируется в яндексе только одна страница. robots.txt брал с интернета. Подскажите какие строчки в robots.txt запрещают индексацию страниц сайта и записей сайта? Disallow: /wp-login.php Disallow: /wp-register.php Disallow: /webstat/ Disallow: /feed/ Disallow: /trackback Disallow: */trackback Disallow: */feed Disallow: */comments Disallow: /*?* Disallow: /*? Disallow: /category/*/* Disallow: /wp-content/ Disallow: /wp-admin/ Disallow: /wp-includes/ Disallow: /comments С Ув.
0 votes11 answers -
Пробел под футером
Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9
0 votes5 answers -
<td> --> <div>
такой случай: надо сделать несколько блоков один под другим (ну это понятно - второй и следующие relative) дизайн резиновый и блоки плавают жесткой конструкцией как угодно над всем остальным, только первый должен быть привязан к ячейке (код div-ов написан в этой ячейке) долго уже бьюсь. подскажите пожалуйста.
0 votes8 answers -
Блок <div... поверх картинки
всем привет ! как разместить несколько блоков поверх картинки на примере : #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; }
0 votes5 answers -
float:left; и отступ между слоями.
Здрвствуйте! Помогите разобраться с простым отступом. В макете две колонки: СЛОЙ-1 – float:left; и фиксированная ширина. СЛОЙ-2 – все, что осталось справа. При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется). Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так: . СЛОЙ 2 {margin-left: XXpx;} – это не помогает. Приходится делать: . СЛОЙ 1 {margin-right: XXpx;} Теперь – суть проблемы: Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width…
0 votes6 answers -
visibility:hidden;
Есть ли аналог этого свойства? Ато, как выяснила практика, он не работает в ие.
0 votes9 answers -
Скачет ширина меню в mozille и opere
Главное горизонтальное меню разделено на 4 ровные части в IE все ровно в других браузерах ширина меняется ходишь по навигации то шире то уже скачет в общем вот код что поправить <table width="100%" border="0"> <tr><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">…
0 votes10 answers -
Алфавитный указатель
дёрнул в интернете компонент мультикатегорийности, позволяющий создавать разветвлённые каталоги. в целом компонент офигенный. проблема в одном: альфа-индекс (алфавитный указатель) только с латиницей. как его руссифицировать? кто знает? вот ссылка ЗЫ! чуть не забыл! сайт на joomla 1.5
0 votes9 answers -
Высота div с плавающими блоками внутри
Хочу сделать следующее. Внутри одного div расположить несколько плавающих блоков. У них может быть разная высота. В одном из этих блоков есть кнопка, которую хочу выровнять по низу вертикально. Для последнего делаю height: 100% и vertical-align: bottom. Но для внешнего div высота остается неизменной независимо от его наполнения, т.к. содержит плавающие блоки. Как сделать так, чтобы высота внешнего div была равна высоте самого крупного его внутреннего блока? ...средствами хтмл.
0 votes6 answers -
Помогите с банальным меню и css
Ребята, мне надо сделать горизонтальное меню. Пробовал уже валом разных методов, но у меня наверное где-то допущена ошибка. Подскажите как решается такая проблема. Да так, что бы во всех браузерах было одинаково. Нормально отображается в chrome, firefox, но в IE - вообще маразм. Может можно это сделать проще? ширина сайта 1024px ширина меню (от первой до последней буквы) 927px код html: <div class="main"> <div class="men"> <ul class="menu"> <li class="novosti1"><a href="#"</a>новости</li> <li class="biografia1"><a href="#"</a>биография</li> <li class="embed1"><a href="#"</a>embed<…
0 votes17 answers -
Глюк в ie position:relative
обнаружил тут такую штуку <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Untitled Document</title> <style> body, html{ font-family:Arial; margin: 0 auto; height:100%; text-align: left; background:rgb(183,229,255); } .sl2{ background:white; overflow:hidden; width: 1000px; height:auto; } .menu_1{ position:relative; border:1px solid black; width:200px; min-height:279px; height:100%; _height:279px; font-size:14px; } </style> </head> <body> <div class="sl2"> <div class="menu_1"> text </div> </div> </body> <…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-