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
-
Вопрос про расположение фоновой картинки
есть у меня страница с примерно такой структурой: <html><body> <div id="all"></div> <div id="footer"></div> </body></html> К ней полагается следующий css: html, body { height: 100%; } #all { min-height: 100%; } * html #all { height: 100%; } #footer { clear: both; height: 136px; margin-top: -136px; } Такая схема применена для того, чтобы подвал всегда был снизу, даже если контента на странице мало. Теперь встала задача разместить на странице три фоновых изображения. Одно равномерное текстурное по всей странице, ещ? одно - специфичная текстура для верхнего края документа, и ещ? одно - декоративный элемент в нижнем лево…
0 votes11 answers -
Создание гиперссылок
При в?рстке в dreamweaver ссылка вед?т не на указываемый адрес, а на адрес страницы/ссылка. Например, если адрес страницы, на которой написан текст со ссылкой, www.fierydance.nightmail.ru, а ссылку я ставлю на www.macromedia.com, то адрес, на который вед?т ссылка www.fierydance.nightmail.ru/www.macromedia.com. :/:/. Проверяла коды - вс? нормально... Что нужно исправить в настройках, чтобы от этого избавиться?
0 votes4 answers -
Окно заданного размера с помощью CSS
Собственно сабж. Нужно чтобы при нажатии на ссылку выскакивало окно заданного размера. Хотелось бы все это сделать средствами CSS да еще и чтобы valid . Что скажите мудрецы?
0 votes4 answers -
Резиновый дизайн
На данном сайте есть пример двухколоночного резинового макета. Там же есть место "подвалу". Так вот, если высота содержимого любого из столбцов меньше высоты страницы, то подвал будет висеть посередине страницы, прижавшись к самому "объемистому" столбцу. Воспользовавшись же различными советами в инете по размещению футера внизу страницы, абсолютно спозиционировав его внизу страницы или родительского блока, обнаружил, что столбец, спозиционированный с помощью float, не "толкает" его вниз, подобно элементу, спозиционированному как "relative", т.е. ведет себя как абсолютно-позиционированный. Получается, что если в столбце меню больше контента (часто бывает такое), то футер н…
0 votes3 answers -
Наложить картинку на фон
Помогите пожалуйста! Надо наложить изображение на фон сайта, чтобы не было белых пятен по краям изображения. Вот страница - www.megamat.ru/in.html - надо исправить картинки "Заказать работы" и "найти книги"
0 votes4 answers -
Хранение шаблонов
Только что установил смарти и в книжки было написанно что все шаблоны нужно хранить в папке templates.А нельзя ли их хранить в другом месте например там же где и сам пхп фаил?
0 votes9 answers -
динамическая ширина логотипа
Сделал ширину слоя заголовка 100%. При уменьшении окна браузера он соответсвенно тоже уменьшится. Как вставлять тогда рисунjк, логотип, в этот слой, и какими его делать размерами (рисунок) , чтобы он подстраивался под ширину и не появлялось полос прокруток? {...отредактировано kiD}
0 votes2 answers -
frD-не могу притянуть слои, помогите.
сделал каркас /коменты убрал./ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title here</title> <link rel="stylesheet" href="shablon.css" type="text/css"> </head> <body> <div id="container"> <div id="header">header <div id="baner" align="center">baner</div> </div> <div id="vrezka"> <div id="polosa">poloska</div> <div id="men-css"> <div id="container">vertical menu css</div> </div> </div> <div id="wrapper"> <div id="content">Lorem ipsum dolor sit amet, consect…
0 votes5 answers -
frD-Контент в "стакане", фф
В контейнере, div "conteiner", помещаю слой content со стилями, указанными ниже. Проблема такая- при объеме контента в данном слое меньше одной страницы в фф слой не растягивается на 100% и левая граница его заканчивается где-то посередине. Стили: html, body { background-color:white; height:100%; margin:0px 0px; padding: 0px 0px; } #conteiner { position:relative; bottom:0px; background-color:green; min-height:100%; border:solid 1px #C8CACA; border-top:none; border-bottom:none; width:700px; margin:0px auto; } #content { position:relative; top:0px;left:200px; bottom:0px; min-height:100%; width:500px; border-left:solid 1px #C8CACA; } #footer { position:abs…
0 votes5 answers -
float проблемы кроссраузерности.
Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах: <div class="menu-hidden-out"> <div id='thisid' class="menu-hidden-in"> Текст Выпадающего меню. </div> </div> .menu-hidden-out { position:relative; width: 100%; z-index: +100; } .menu-hidden-in { visibility: hidden; position: absolute; top: 0px; padding: 0px; margin: 0px; max-height:200px; height:expression(this.scrollHeight > 200? "200px" : "auto"); max-width:700px; width:expression(this.scrollWidth > 700? "700px" : "auto"); min-width:120px; width:expression(this.scrollWidth < 120? "120px" : "auto"); overflow:auto…
0 votes2 answers -
Рисунок-ссылка слоями
Как сделать чтобы вставленный рисунок в слой стал ссылкой?
0 votes5 answers -
TABLE - высота 100%
Есть таблица, но она не растягивается на весь экран Подскажите, плз, что не так. {...отредактировано kiD}
0 votes11 answers -
Как определить стиль для конкретного браузера?
только с помощью css..
0 votes4 answers -
Кодировки
Как сделать сайт в двух кодировках? КОИ-8 R и виндовской?
0 votes7 answers -
frD-Картинки в таблице
Здравствуйте! Искал по форуму ненашел решения этой проблемы, можно ли одну ячейку в таблице замостить повторяющимся изображением по вертикали и если это возможно как это сделать? Заранее благодарен.
0 votes2 answers -
Мигающий текст
Подскажите, пожалуйста, как можно сделать эффект мигающего текста
0 votes2 answers -
Форматированный текст.
Есть форматированный текст Необходимо вывести его на сайт. Пытаюсь делать это через Но если встречаются очень длинные предложения или абзацы все выводиться в одну строку, появляется горизонтальная полоса прокрутки. Как этого избежать?
0 votes2 answers -
hr в Опере
Народ, подскажите пожалуйста, как сделать,чтобы линии в опере отображались как эксплорере или мозиле (то бишь показывался цвет и размер), а то она не реагирует на эти параметры.
0 votes2 answers -
Текстовое поле раскрытое на несколько записей
Как сделать текствое поле или выпадающий список (лучше выпадающий список), чтобы оно было раскрыто на несколько записей, в выпадающем списке выбирается один из элементов, но как его раскрыть на несколько пунктов и каждый элемент выбирался отдельно? Типа этого: Подскажите код, плиз
0 votes8 answers -
графический элемент - кружочек
Здравствуйте всем! Как можно средствами HTML нарисовать кружочек, наподобие маркированного списка? Заранее, спасибо!
0 votes16 answers -
Как оформить элементы SELECT на css
Собственно есть выпадающий список, как можно формить его границы, бигунок и другое?
0 votes4 answers -
Центирование слоя
Требуется установить слой по центру страницы с текстовым контентом. У слоя следующие данные: position:absolute; width:65%; height:831px; z-index:11; left: 174px; top: 222px; Как лучше всего это сделать?
0 votes13 answers -
выравнивание картинок внутри контейнера div
Здраствуйте, что то я бился бился головой об стену, но в упор не вижу какую я ошибку сделал. В общем суть в следующем. Есть макет фотоальбома, выравнивание картинок друг относительно друга сделано по тупому с помощью таблицы. Внутри каждой ячейки таблицы находятся два вложенных друг в друга div'a, в последнем из них находится картинка. В итоге результат такой: http://www.artunion.cellbiol.ru/fotoalbum/...ery/album.shtml Необходимо чтоб рамка второго вложенного дива плотно прилегала к рисунку, а рисунок в свою очередь был бы расположен как див. Вот код shtml: <!--#set var="title" value="Галерея." --> <!--#include virtual="/ssi/header.html" --> <td valign="…
0 votes13 answers -
img - размер изображения
Большая просьба! Не могу найти код для такого случая: У меня картинка отображается во фрейме и выходит за рамки него, появляются полосы прокрутки. Можно ли сделать так, чтоб картинка сама подгонялась под фрейм, при этом не хочется изменять размер ни картинки, ни фрейма... Подскажите как это сделать. Заранее благодарен.=)
0 votes5 answers -
FORM - в таблице появляется отступ
Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-