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
-
Хочу разобраться в резиновой верстке.
Хочу разобраться с макетами для новичков, опубликованных на форуме. Первый же из них нужно сделать резиновым. Так как не занималась резиновой версткой то, есть вопросы: 1. что дает использование max-width, min-width? если max-width задавать в процентах, то можно ли указывать min-width в пикселях? 2. как контролировать элементы внутри блока, если внешний блок резиновый? 3. на что нужно делать акценты в первую очередь при резиновой верстке? 4. в каких случаях нужно использовать табличную структуру, а в каких случаях блочную структуру для резинового макета?
0 votes5 answers -
Розовая полоса
Как сделать чтоб розовая полоса не переходила на другую строку, а чтоб было слева желтое на 35%, а справа все заполнялось розовой полосой? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <!--<link href="style.css" rel="stylesheet" type="text/css"> --> <style type="text/css"> body,html{ margin:0px; padding:0px; } #header {width:60%; background-color:#CCFFCC; text-align:center; margin:0px auto;} #left{width:35%; background-color:#FFF…
0 votes3 answers -
Вёрстка двух колонок
Здравствуйте уважаемые! Подскажите пожалуйста: Нужно сделать резиновый шаблон в две колонки, левая фиксированная, а правая(с контентом) тянется по всей длине. Если можно, не кидайте ссылки на сервисы, п просто напишите тут как вы считаете. Спасибо!
0 votes9 answers -
Вопрос по CSS
На данном сайте взял исходник на Dropdown Menus -> Centered - это zip-архив. Его содержимое в части CSS: /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssmenus.co.uk Copyright (c) 2009- Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ ul#menu {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:11px; f…
0 votes2 answers -
Ширина body в IE и других браузерах
Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!
0 votes4 answers -
height: 100% и margin-top
Доброй ночи форумчанам. Может ли кто подсказать красивый способ обхода одной проблемы. Её суть в следующем. Если задать для html и body height:100%, то для вложенного блока margin неизменно увеличивает размер самой страницы до 100%+margin и как следствие - появляется скроллинг. Где-то был вариант решения с position: absolute есть еще какие-либо мысли?
0 votes3 answers -
Inline-block не могу убрать отступы
Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.
0 votes2 answers -
Подскажите нужный синтаксис, плз
Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...
0 votes5 answers -
Яндекс карта: на мобилках не видно нужный объект
Есть яндекс карта, на десктопе она отображается как надо и мы видим нужный нам объект (адрес) http://skrinshoter.ru/s/230819/RfSZ8pOG а вот если ширина экрана будет меньше, то этот объект уже будет не видно http://skrinshoter.ru/s/230819/74r975D5 Как то можно сделать чтобы было видно этот объект и на мобилках? https://codepen.io/yaparoff/pen/WNeRMNW?editors=1010
0 votes1 answer -
Помогите задать стиль тексту
Есть код <table class="contentpaneopen"> <tr> <td valign="top" colspan="2"> Президент "Майами" Пэт Райли принял решение не подписывать контракты со свободными агентами в текущее межсезонье, сообщает South Florida Sun Sentinel. Таким образом, "Хит" постараются усилить позицию разыгрывающего путём обменов и отказываются от приобретения свободного агента Аллена Айверсона, имеющего предложение от "Мемфиса". <br /> <br /> По информации компетентного источника, "Гризлиз" готовы заплатить 34-летнему баскетболисту $ 3,5 млн за год, а "Майами" не сможет перекрыть эту сумму, так как клуб уже превысил лимит налога на роскошь.<br /> <div c…
0 votes2 answers -
Кнопка с помощью display:block;
Итак имем: Столбец ссылок (НЕ <div>) Вот такой ХТМЛ: CSS: По центру горизонтально текст худо-бедно отцентровал через text-align:center; А вот опустить не получается, ибо вместе с ним съезжает и фоновое изображение. Как быть ? Спасибо ! ЗЫ: есть, конечно, мыслишка, оберныть каждую ссылку в <div> сделать фон для дива, а ссылку уже margin-ом кое как отцентровать - но это похоже на извращение
0 votes5 answers -
Выравнивание по разным краям в одном элементе
Как в одном диве сделать так, чтобы часть текста выравнивалась по левому, а часть по правому краю, чтобы они все были на одной строке? Пишу сюда, потому что не смог толково составить запрос для гугла(
0 votes2 answers -
Как реализовать?
Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка
0 votes2 answers -
Как расположить дивы в одну строку (в 2 столбца)
Здравствуйте! Так как я новичок, значит думаю, я правильно выбрала раздел форума... Проблема такова: имеется блог с рецептами, сейчас занимаюсь расположением рекламы от гугла. Хочу разместить текстовый рекламный блок рядом с маркированным списком ингредиентов. Как я понимаю, если использовать верстку дивами, нужно поместить список в один див, а рекламу в другой. Какие параметры нужно задать дивам, чтобы они не разбегались по все странице. Пробовала с помощью float:left/right;, но все расплылось. Текст ниже этих блоков вылез на место рекламного блока, а рекламный блок завис над ним.
0 votes1 answer -
WordPress
есть такой элемент textarea, это поле для ввода текста и его можно растягивать за уголок, как ограничить растягивание только по ширине, высоте или по обоим координатам?
0 votes4 answers -
подскажите как сделать такую автоматическую оплату?
вот хочу узнать как сделать такую автоматическую оплату как на этом сайте http://djekxa.com/# подскажите пожалуйста) Заранее благодарен) если что кто может в скайп то вот vitia1461
0 votes2 answers -
Выравнивание ряда картинок по вертикали
Внизу сайта http://teplogid18.ru/ есть картинки http://joxi.ru/812MkDqU4Ea1rJ Как их выровнять по одной линии? http://joxi.ru/DBA0wpPfBQO42y
0 votes3 answers -
Photoshop
Скажите пожалуйста материалы по нарезке макета PSD из фотошопа,Как ,что правильно делать.Заранее спасибо!
0 votes3 answers -
Выручайте едет резиновый шаблон
Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера? бэграунд имедж задаю 100% и всё меню с картинками поехало. сайт http://babiole-shop.ru/
0 votes7 answers -
Рамка с уголком
Можно ли создать такую рамку средствами CSS?
0 votes1 answer -
Высота блока в зависимости от содержимого
Всем привет! Делаю сайт: учеба.top В данный момент верстаю страницу http://www.учеба.top/anketa.html Народ, как мне сделать высоту серого блока ( class="anketa" ) по содержимому, т.е. если много полей, то у class="anketa" свойство height увеличивается. Если полей мало, то height наоборот уменьшается. Пробовал делать и height:auto и вообще у класса .anketa height убирал - не помогает, когда текстовых полей много, они съезжают вниз, и всё становится некрасиво. Народ, подскажите, как быть?
0 votes1 answer -
Маркированный список
Добрый день. Как сделать так, чтобы маркированный список был справа от изображения без обтекания. Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/ спасибо!
0 votes1 answer -
Тормозит карусель
Добрый день! Или у меня что-то с интернетом или карусель на главной и следующая страничка "купить" долго загружаются. Можете глянуть в чем причина?? Спасибо!
0 votes8 answers -
Как сверстать переключатель
Здравствуйте, форумчане! Не могу сообразить, каким способом сверстать вот такой переключатель (http://wdfiles.ru/9mbT). Есть идеи?
0 votes2 answers -
картинка под ссылкой
Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-