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
-
Footer при margin:0 auto.
Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.
0 votes19 answers -
margin-top и margin-bottom
Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…
0 votes6 answers -
Кнопка-ссылка.
Кнопка-ссылка. Помогите разобраться... Нужна кнопка-ссылка на анкер. Пишу <script type="text/javascript"> работает, но перестают работать остальные, пока страницу не перезагрузишь. Я чего-то недогоняю, почему он скрипты видеть перестает... Спасибо заранее.
0 votes31 answers -
растягивание по вертикали
В общем не могу растянуть слой по вертикали CSS #d1{width:700px; position: absolute; background-image:url(images1.gif); background-repeat:repeat-y; margin-left:20%; padding-left:12px; height:100%; } #d2{ height:100%; width:650px; background-image: url(images2.gif); background-repeat:repeat-y;} HTML <div id="d1"> <div id="d2"> content </div></div> в Opera работает а с IE не получется что я делаю не так.
0 votes1 answer -
Наложение полупрозрачного треугольника на изображение
Здравствуйте. Подскажите пожалуйста идеи как создать вот такой полу-прозрачный треугольник в левом верхнем углу. От середины левой стороны картинки к верхнему правом углу. Размеры исходного блока с фотографией не постоянны. -- Забыл добавить, что требуется поддержка только современных броузеров на базе webkit и не поддерживать пережитки прошлого.
0 votes26 answers -
Позиционирование ссылки на картнике
Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…
0 votes25 answers -
Firefox не отображает background-image.
Почемуто Firefox не хочет отображать фоновую картинку. Причем в IE, Opera, Safari все отображается нормально. Вот кусок кода из CSS .topheader { height: 405px; background: transparent url(/site_resources/images/topbannermain.jpg) center no-repeat; } Вот ссылка на страницу http://mail.avtodin.ru/site_resources/htmls/main_page.html Вот ссылка на ЦСС http://mail.avtodin.ru/site_resources/css/main_page.css
0 votes6 answers -
Проблемы установки Битрикс 8.5.1 на Денвер 3
Добрый день! Помогите разобраться, пожалуйста, ну никак не могу найти решение. Устанавливал Битрикс 8.5.1 на Денвер 3 (Denwer3_Base_PHP52_2010-03-18_a2.2.4_p5.2.12_zendoptimizer_m5.1.40_pma3.2.3), доустановил Denwer3_PHP5_2010-03-18_php5.3.1. В Денвере файлы Битрикса положил в папку "C:\WebServers\home\localhost\bitrix", запустил в браузере "http://bitrix.localhost/", начал установку битрикса и на этапе "Создание базы данных" ввожу следующие параметры: Сервер: localhost:31006 Пользователь базы данных: Новый Имя пользователя: root Пароль: (нет) База данных: Новая Имя базы данных: sitemanager (по умолчанию) Тип таблиц базы данных: стандартный Логин администратора: root Паро…
0 votes2 answers -
Затемнение средствами CSS без потери кликабельности
Здравствуйте. У меня такая задача. Нужно затемнить страницу. Решил просто: position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; opacity: 0.35; background: #000; Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?
0 votes8 answers -
Мои вопросы
Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?
0 votes52 answers -
Текст как у star wars
Здравствуйте уважаемые, подскажите пожалуйста, возможно ли реализовать средствами html, css, js текст как вот на этой картинке: http://lexxcrazy.narod.ru/starwars.gif Наклон шрифта не нужен, это я могу сделать свой шрифт в принципе, с эффектом наклона, хотя наверняка есть такой, если поискать, но нужно создать что то вроде div блока в форме трапеции (либо не делать трапецию, а просто использовать центрирование, хотя это немного неподходящий вариант, так как хочется сделать именно трапецию, что бы текст был в формате text-align: justify) и что бы в каждой новой строке ниже font-size был на 2% меньше верхней строки например. Разумеется это всё надо как то запихнуть потом в …
0 votes12 answers -
шрифты из psd
подскажите пожалуйста возможно ли и если возможно, то как вытащить все используемые шрифты из psd-макета. хотелось бы не тыкать в холст и выписывать названия по ходу работы над макетом, а сразу найти нужные шрифты и поместить их в каталог
0 votes3 answers -
Границы внутреннего блока выходят за границы внешнего
Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <p id="block">Содержимое блока</p> #block { padding: 10px; margin: 5px; width: 500px; border-style: solid; border-width: 2px; border-color:#faa21a; } У блока с черной рамкой такой: body { border: 2px solid #111111; padding:0; margin: 0 auto; width:500px; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?
0 votes4 answers -
Помогите со слоями
Всем привет! Начинаю осваивать css и html в общем,почитал эту статью,разобрался,вопросов нет,точнее есть одна проблема,как тоже самое реализовать с резиновым дизайном,примерно как на скрине: зы по-моему не в тот раздел запостил,сори,перенесити в *Для начинающих*
0 votes20 answers -
Сложный ролловер
Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?
0 votes22 answers -
Fixed внутри absolute
<div style="position: absolute; top: 100px; left: 100px; height: 100px; width: 100px; overflow: auto; background-color: #f00;"> <div style="position: fixed; top: 0; right: 0;">X</div> </div> Вот такой вот код. Absolute внутири absolute и внутри relative работает как следует, вот fixed почем-то не так. Задача в том, чтобы крестик был всегда в правом верхнем углу блока с абсолютным позиционированием. Как такого можно добиться?
0 votes8 answers -
Разноцветный border
Подскажите, как сделать такой разноцветный border? Вставить картинкой? А по-другому, никак нельзя?
0 votes5 answers -
<!--[if gte IE]> - как это конструкция называется?
<!--[if gte IE]> - как эта конструкция называется? И где про нее можно почитать? Еще интересно как firefox сокращенно пишется (для вставки в эту конструкцию)?
0 votes9 answers -
Вёрстка изогнутых блоков
Ребята помогите с такими вот вопросами.Я нуб если что =) Есть блок ,нужно что бы он при добавлении текста расстягивался в длину и ширину . Теперь вопросы: 1)Как правильно его нарезать в фотошопе ?(какой формат для сохранения ,кол-во частей которое получиться после нарезки) 2)Как позиционировать (float,margin,position?) его отрезаные части(бока,верх,низ) что бы они точно прилегали к блоку? 3)И как будет выглядить код html Вот как я делал похожий блок, у него изогнуты только бока : 1) PNG24 ,градиент центра,левый и правый бок 2,3) <div class="box"> <div class="box-right"> </div> <div class="box-left"> </div> </div> .box { positio…
0 votes32 answers -
возможно ли описание стиля id селекторов "по маске"?
Собственно вопрос возможно ли описание id селекторов "по маске"? допустим есть несколько блоков <div id="name-1"></div>, <div id="name-2"></div>, <div id="name-3"></div>, <div id="name-4"></div> и тд. до бесконечности, крайнего номера не заданно. То есть отличие в идентификаторе задается только через "-номер", name - для всех общее. Возможно ли описать стиль для всех этих идентификаторов? если да, то как?
0 votes6 answers -
scrollspy
помогите пожалуйста разобраться в документации к bootstrap3 есть пример. видно, что при клике по пункту верхнего меню происходит прокрутка страницы к соответствующей области. при этом пункт меню меняет цвет своего фона. это происходит потому что для li пункта добавляется класс active я сделал страничку, на которой реализован в точности такой же функционал. НО пункт верхнего меню не меняет цвет своего фона(потому что не добавляется класс .active). что я сделал не так? разработчикам бутстрапа нет смысла в свою документацию включать этот механизм без изменяющегося цвета фона ведь он в таком виде(без фона) есть в спецификации хтмл. а значит я что-то забыл добавить
0 votes8 answers -
Как оформить полосу прокрутки в overflow
Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }
0 votes11 answers -
FLASH - общие вопросы
есть ролик в формате swf..пытаюсь поставить его на страницу...может что-то неправильно в самом коде...помогите исправить или направьте на более правильный путь (код) для таких файлов <object width="320" height="300"> <param name="movie" value="полный адрес к файлу.swf"> <param name="wmode" value="transparent"> <embed src="полный адрес к файлу.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="320" height=300"></embed></object> спасибо
0 votes10 answers -
положение слоя в ячейке таблици
не от экрана Пусть имеется таблица, 2*2., последняя ячейка голубая. И в нее надо поместить div красного цвета. Делаю эту ячейку блоком relative, помещяю в нее div. При этом IE правильно понимает, что отмерять положени дива надо от ячейки, а не от границы брауза. Как заствить понять тоже самое Opera и FireFox? <html> <head> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; } #card1 { background-color: red; height: 30%; width: 20%; border:5px; border-color :#336633; left:0%; top:0%; position: absolute; border-style: solid; } </style> <head> <body> <table width="80%" …
0 votes8 answers -
Позиционирование блоков div
Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …
0 votes20 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-