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
29,542 questions in this forum
-
Помогите с вёрсткой
В общем - проблема такая: Вот скрин - Как эту часть шаблона сделать, чтобы она расширялась на весь экран? Я отдельно делаю левую часть и правую... Правая - всё картинка, а левая - высота 100% и ширина в 1px... (на рисунке примерно видно, как я резал в фотошопе) Размножаю - всё нормально.... Но! Как сделать номер телефона тоже по центру? P.S. Могу предположить, что с <div> и position - но как? P.P.S. Спасибо...
0 votes13 answers -
Как можно сделать загрузку?
Как можно сделать загрузку, типо как при установки проги, с процентами, и с полосой? Заранее спасибо.
0 votes17 answers -
класс для li
Есть класс thumbs li { float:none; height:285px; width:284px; margin:0 0 5px 17px; background-image: url(/images/contentbg2.gif); display:inline; } Вставляю его на страницу <ul class="thumbs"> <li><p class="top"><span class="cat"><b>Категория </b></span>софт</p><div class="img"><img src="images/rand.jpg" alt=""></div></li> <ul> Изображение фона при этом не применяется, наличие его в папке проверял, параметр float работает. Пробовал просто background:url(/images/contentbg2.gif) не работает. Подскажите, в чем проблема.
0 votes5 answers -
Сдвигание фона в FF и Opera
Всем привет! Не пойму где загвоздка = сдвигается фон на 1 пиксель... В FF влево, в Opera - вправо! Но только с одним НО - если установить для дива "love" высоту... Если высота не установлена - все тип-топ... Вот код <!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=windows-1251" /> <title>" СДВИГАНИЕ ФОНА " в FF и Opera</title> <style type="text/css"> <!-- body {margin: 0px; background-color:#333333;} #page {background:url(http://styleroom.ru/news…
0 votes7 answers -
option disabled не работает в IE
есть некоторые поля option, свойство disabled которых задается функцией на javascript. В мозиле всё ок, в ие не работает. и еще... есть кнопка вывода результатов, по нажатию она перекидывает вниз страницы, что в ие не работает помогите пожалуйста!!! <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="width:636px; margin:auto" id="text"> <h3 align="center" …
0 votes9 answers -
Как тестиовать в IE6 ?
А как протестировать сайт на предыдущих версиях браузеров? Устанавливать их? Или есть более хитрый способ?
0 votes2 answers -
текущая дата
Можно ли при создании таблицы указать, что в поле типа DATE должна записываться по умолчанию текущая дата? Заранее спасибо!
0 votes6 answers -
width: 25% + float
приветствую. хотел поинтересоваться... какие есть способы для решения поставленой задачи. если не понятно о чем речь: имеем 3 колонки данных шириной 25%. при сужении окна под IE последний блок слетает. Знаю несколько вариантов решения данной проблемы но хотелось бы что то более универсальное. у кого какие идеи (или линки) есть на этот счет?
0 votes9 answers -
Цвет текста в заблокированной кнопке.
Есть копка отправки формы, input=submit. В стиле кнопки прописан цвет текста: color: black; Если кнопку заблокировать - поставить параметр disabled, то цвет кнопки станет серым. Но это только в IE. В FF остаётся чёрным. Как сделать, чтобы при блокировке кнопки, цвет текста становился серым и в FF и в др. браузерах?
0 votes1 answer -
Применение opacity ко вложеным div
есть таблица <!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>Untitled Document</title> </head> <body> <div class="top" id="table" style="opacity: 0.5"> TABLE <table border="1"> <tr> <td><div id="bot1" style="opacity: 0.4">BOT1</div></td> <td><div id="bot2" style="opacity: 0.6" >BOT2</div></td> </tr> <tr> <td><div id="bot…
0 votes16 answers -
Растянуть таблицу на всю высоту окна
Доброго времени суток всем Проблема такая: как растянуть таблицу по высоте на всю длину экрана. Знаю, что можно в стилях прописать html и body высоту 100%. Но у меня этот способ помагает только в опере. Мозилла игнорит, а в ие получается очень длинная страница (с вертикальной прокруткой). Заранее спасибо
0 votes0 answers -
Фишка с opacity
вот проблема <table width="440" border="0" cellpadding="0" cellspacing="0" style="opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.5;" background="../border_back.gif"> <tr> <td align="left" valign="bottom" scope="colgroup" style="opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;">TITLE</td> </tr> </table> УЧИТЫВАЯ ТО, ЧТО текст будет динамичным (дополняться и тд) т.е. высота ячейки будет меняется в зависимости от инфы. Почему все прозрачное? хотел полупрозрачный фон и непрозрачное заполнение текстом...получилось все полупрозрачное! Как сделать как хочу?!
0 votes9 answers -
таблица висит...
Здравствуйте. В общем как верстка простенького макета, но ед баг в ие6 не знаю как его убрать... собственно вот он : http://api.browsershots.org/png/original/2...c5b7af154c2.png http://musul.narod.ru/example4/index.html заранее спасибо..
0 votes4 answers -
временная линейка в графическом исполнении
видел нразмещают линейки с временным подсчётом, которая показывает, сколько прошло от даты в графичском исполнении. какие сайты предоставляют такой сервис и как это дело называется, чтобы его искать?
0 votes0 answers -
Размер окна и видимость DIVa
Не могу понять как сделать так, чтобы при размере окна до 1200 пикселей блок не отображался, а при 1200 и больше отоюражался. помогите плиз
0 votes2 answers -
вход по логину и паролю
Дорогие мужчины! Помогите пожалуйста мне с моей проблемой. Я сделала страницу с формой регистрации на сайте и страницу с формой входа на сайт (PHP) что делать дальше??? я понимаю что нужно теперь создать базу данных где будут сохраняться данные из формы регистрации, но где и как? Помогите пожалуйста. Если можно отвечать более подробно я новичок в этом деле! Заранее спасибо!
0 votes1 answer -
Навигация для сайта Webreference.ru
Сделал навигацию для будущего сайта WebReference.Ru и столкнулся с двумя затруднениями. 1. Страшно глючит в IE7. Не прячется меню, которое должно скрываться. 2. Если убрать курсор с ссылок заголовка, фон под ними пропадает, а надо чтобы оставался. На CSS реализовать подобное проблематично, только скриптами. Посмотреть пример здесь http://webimg.ru/webreference/nav.html На сайте будет применяться jQuery, можно его задействовать. За исключением IE7 в остальных браузерах работает корректно. Даже в IE6 все нормально.
0 votes6 answers -
Регистрация на сайте
Здравствуйте. Подскажите пожалуйста как сделать на сайте разграничение доступа?
0 votes2 answers -
Не могу понять
Извините, конечно, что повторяю некоторые проблемы, но: Мозила фаир 3 не хочет отображать картинки, ИЕ отображает, искал решение, подсказали относительные папки и всё такое, помогите разобраться, допустим картика находиться тут: c:/www/images/picture.png (изначально так писал) то относительный адрес будет таков: images/picture.png (я так написал, картинка не отображалась) или каким адресом, если не трудно напишите. Заранее спасибо.
0 votes13 answers -
float:left; и отступ между слоями.
Здрвствуйте! Помогите разобраться с простым отступом. В макете две колонки: СЛОЙ-1 – float:left; и фиксированная ширина. СЛОЙ-2 – все, что осталось справа. При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется). Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так: . СЛОЙ 2 {margin-left: XXpx;} – это не помогает. Приходится делать: . СЛОЙ 1 {margin-right: XXpx;} Теперь – суть проблемы: Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width…
0 votes6 answers -
Волшебные divы
Кароче Есть три элемента которые идут друз за другом и должны, соответственно отображаться друг под другом и все они находятся в большом диве. <div> <img ...> <div ...> ... </div> <img ...> </div> Несмотря на все padding : 0; margin : 0 в css, появляюется прогал сверху дива и снизу дива. Однако, когда если прописать у этого дива border : 1px solid; то все норм! Как с этоим бороться?
0 votes2 answers -
Способ вывода страницы браузером
У меня страница довольно длинная(высокая) и весит достаточно много. Когда вывожу ее с помощью ИЕ, то он сначала долго думает. При этом перед пользователем пустой экран. Потом сразу резко все выводится. В других же браузерах происходит последовательный вывод элементов. Страница хоть и не догрузилась до конца, но пользователь видит то, что сверху, видит что новые элементы догружаются. Получается более менее сносно. Кто-нибудь знает отчего зависит как будет выводиться страница? Как заставить ИЕ выводить содержимое страницы последовательно, а не всё сразу?
0 votes8 answers -
IE6 крадёт у меня мышку! :(
Дело в том, что название темы не совсем правильное. Для того, что бы на сайте можно было залогиниться, я использую всплывающий поверх страницы DIV, внутри которого находится форма (email + pass). Всё это дело я показываю через JavaScript. Но, возникла такая неприятная ситуация, в IE6, всё всплывает хорошо, DIV показывается, всё на месте. НО щелкать на формы не могу. Они как будто задисейбленные. Т.е. просто не щелкаются. Играл с z-index: 999++, не помогло. В чем может быть проблема? Помогите пожалуйста!!
0 votes6 answers -
Темплейты smarty кешируются?
Добрый день. Имею вопрос по smarty. Вводная: есть сайт с использованием smarty. Скомпилированные темплейты лежат в паке templates_c Теперь собсвенно к вопросу: если скопировать новый темплейт (xxxxx.tpl) в папку templates, то на странице ничего не обновиться, пока не будет удален скомпилированный темплейт с папки templates_c Может кто встречал такую бяку? И как от нее избавиться?
0 votes5 answers -
проблемка в таблице...
как сделать чтоб текст был в верхнем левом углу например??? align="left" это чтоб левее. а как что он вверх поднялся???
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-