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
-
Фоновое изображение
Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/
0 votes8 answers -
Горячая тема
Здравствуйте, помогите пожалуйста с контентом, высылаю картинку чтобы наглядно было видно. На картинке я выделила синим цветом что именно мне нужно, мне нужно сделать фон резиновым за пределами контента. http://storage9.static.itmages.ru/i/12/1101/h_1351769051_3929856_4090deba33.jpeg
0 votes8 answers -
Стиль сайта
Помогите, я новичёк. с css вроде разобралась, написала отдельным файлом стиль для страницфон, шрифт, ссылки итд), чтобы все одинаковыми были. и проблема: как его прикрепить к страницам сайта? нигде не могу найти нужных тегов, везде стиль вписан прямо на странице
0 votes8 answers -
@font-face русский язык
Следующая проблема. подключаю шрифт @font-face {font-family: 'helios'; src: url('fonts/He_th.ttf') format('truetype');} на англ. языке все нормально. русский - любимый times new romans. Открываю файл шрифта, но ведь там же про булочки на РУССКОМ написано!!!! Пробовал загружать в http://www.fontsquirrel.com/fontface/generator и оставлять только киррилический, все то же самое! Помогите пожалуйста
0 votes8 answers -
Как убрать пространство между div
css этих блоков .inbox3 { float:left; width: 508px; margin: 5px; padding:10px; background-color:#fff; box-shadow : inset 0 0 10px #000000; -moz-box-shadow : inset 0 0 10px #000000; -webkit-box-shadow : inset 0 0 10px #000000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; } Порядок следования неважен. Главное избавиться от пространства между div.
0 votes8 answers -
проблема верстки со слоями
проблемка.... есть меню.... сверха меню помещаю лого сайта... пункты меню становятся неактивными... т.е. как буду просто картинка... как это реализовать чтобы и меню работало и лого было сверха меню? (идет перекрытие меню с лого)
0 votes8 answers -
Прозрачность DIV и наследование
Добрый день уважаемые дамы и господа!!! В общем есть у меня один вопрос, и разобраться сам я в нём не смог к сожалению. Код чуть ниже. Есть 2 DIV, hr и h2. Первый является полупрозрачным, а второй который является дочерним по отношению к первому, не является полупрозрачным но таковым становится, так как видать наследует это свойство от отца. Скажите пожалуйста, что нужно написать что бы дочерний див не наследовал это свойство от отца, и что нужно сделать что бы <iframe> от VK тоже не становился прозрачным как див в котором он находится. С уважением к вам, вашему опыту и труду hk416!!! <html> <head> <meta charset="utf-8"> <title>backg…
0 votes8 answers -
позиционирование
Подскажите,пожалуйста,поче му один и тот же div с position:absolute в опере и ИЕ выглядит так http://hostingkartinok.com/show-image.php?id=d4bf099a17e1e26216c09dec23ef790e а в мозилле и хроме так http://hostingkartinok.com/show-image.php?id=5ce614899458a1cc0bd84f6ea136eee4 CSS данного блока #footer{ position:absolute; bottom:0; left:560px; color:#dcd686; text-align:right; }
0 votes8 answers -
Можно ли оптимизировать мой код?
Доброе время суток. Я вот тут налобал такую штуку http://jsfiddle.net/Bizon4ik/28hLG/ Все выглядит так как я хотел, но меня терзают смутные сомнения что у меня слишком большой код как для такого задания... Прошу высказать ваше мнение можно ли что то опимизировать/переписать полностю но при этом почуть код поменьше. Может быль я слишком много использвал дивов или идентификаторов. В любом случае будет интересно услишать вашу критику по этому коду, заранее спасибо.
0 votes8 answers -
Помогите с кнопкой пожалуйста
У меня вот такая кнопка! http://itmages.ru/image/view/771466/ba570db8 что мне дописать сюда, чтобы внутри неё появилась надпись "поиск"?? <Label Class="XAML-grid-label-name">Поиск:</Label> <Edit Name="SearchField"></Edit> <Button Class="XAML-button-search" Width="10" Click="ACTION=UpdateCollaboratorsCache"/>
0 votes8 answers -
помогите вырезать рисунок с тень из PSD
Доброе время суток, Господа. Я обычно выризаю рисунки из PSD следующим путем: Выбираю нужный рисунок при помощи Move Tool. В графе слоев мне фотошоп сразу показывает нужный слой. Зажимая Ctrl+A и дважды кликая на указаный слой, необходимый мне элемент выдиляется. Ну а дальше по накатаной Ctrl+С и создаю новый файл и вставляю в него скопированый придмет. Так я делал до тех пор пока не столкнулся с рисунком у котого есть тень и которая ни как не выделяется... (в частности файл с которым я играюсь находится на divhack.com Уровень 3 "Рисунок с растением на ладони" ) Подскажите плз как правильно такой рисунок вырезать. Так же прошу надоумить как из этого же файла вырезать тре…
0 votes8 answers -
Выравнивание по центру блока плавающей ширины
Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…
0 votes8 answers -
Div и height
Проблема заключается вот в чем, есть код, представлю ниже, в нем такая штука - если переполнить какой либо из блоков внутри #in_content, они расширяются, НО уходят за рамки div'а #in_content. Причем я расcчитывал на то что этот блок будет расширяться по мере расширения блоков внутри него по вертикали.Прошу помощи и кому не сложно, попробуйте сначала попробовать сами, а то я много способов перепробовал. HTML: <div id="content"> <div id="in_content"> <div id="foto"> <div class="foto_s"><?php echo '<img class="fotos" src="'.$myrow['avatar'].'" />'; ?><form action="update_foto.php" method="post" style="display:none"></form&g…
0 votes8 answers -
Подскажите как лучше реализовать меню
В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?
0 votes8 answers -
Помогите с оформлением ссылок
Подскажите пожалуйста, как сделать так, чтобы при переходе по ссылке она становилась жирным шрифтом ? И a:visited и a:active это не то... При Visited все ссылки посещенные когда-либо становятся жирным а при актив только в момент нажатия... т.е после того как отпустил кнопу они принимают обычный вид. А мне нужно чтобы они оставались жирными в меню, какбы обьясняя человеку в каком месте сайта он в данный момент находится. На старом сайте на Ucoz'e у меня это нормально реализованно (Но там уже был клас к которому пишешь свойства и подсмотреть где он находился не как нельзя, т.к сам код меню закрыт для глаз) Там цсс выглядело вот так. .uMenuV a.uMenuItemA { color: #ccc…
0 votes8 answers -
Блоки одинаковой высоты
Здравствуйте. Помогите пожалуйста создать блоки одинаковой высоты. <div id="wrapper"> <div id="header"></div> <div id="sidebarL"></div> <div id="sidebarR"></div> <div id="content"></div> <div id="float"></div> </div>
0 votes8 answers -
font-size в процентах
Где посмотреть - от чего отсчитывается процентное указание высоты шрифта для разных тегов. Пример - если указать размер для body, то у таблицы высота шрифта не изменится. Ещё пример: обернул таблицу в DIV и назначил DIV-у размер шрифта, у таблицы ничего не назначал, в DIV-е шрифт изменился, у таблицы - нет. Поставил для таблицы шрифт в процентах, в результате, размер шрифта в таблице стал относительным к DIV-у. Спасибо
0 votes8 answers -
Калькулятор-который умножает одно число на другое!
Функционал такой: Пользователь - выбирает, ставит галочку в чекбоксе сколько ему нужно цветов (например 101) После этого Цена (4099) умножается ( на количество цветов) и появляется итоговая сумма:413999 Вот и весь функционал Помогите плиз
0 votes8 answers -
Border у фигуры
Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?
0 votes8 answers -
HELP! ЗАДОЛБАЛСЯ ИСКАТЬ ХАКИ НА ОПЕРУ
Дайте нормальный хак для Оперы 12.10 ПОЖАЛУЙСТА!!!!!!!!
0 votes8 answers -
div внутри div добавляются в одну линию
Напомните пожалуйста, как так сделать чтобы все дивы внутри дива-контейнера выстраивались слева-направо, и если их много, то не растягивали контейнер, а добавлялась полоса прокрутки к контейнеру, а они все равно были бы вытянуты в одну линию. Ну типа галереи наверно. Сделал элементам float:left но они все равно когда в экран не влазят - создают новый ряд снизу. PS. за ранее число дивов-элементов не известно. Спасибо.
0 votes8 answers -
Проблема вкладок-табов в IE
Ребята, помогите, пожалуйста! Уже не знаю где искать ответ. Проблема в том, что IE8 не хочет правильно отображать вкладки на моем сайте! В Мозилле, Хроме, Опере и Сафари все отлично, а вот в Эксплорере просто кошмар! Меня интересует вот эта страница: http://www.napule-de-canzone.com/teksty.html#tab2 Почему IE глючит???? Вот HTML: <div class="menu1"> <br id="tab1"/><br id="tab2"/><br id="tab3"/><br id="tab4"/><br id="tab5"/><br id="tab6"/><br id="tab7"/><br id="tab8"/><br id="tab9"/><br id="tab10"/><br id="tab11"/><br id="tab12"/><br id="tab13"/><br id="tab14"/><br id="tab15"/>…
0 votes8 answers -
Иконка для полей ввода
Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…
0 votes8 answers -
Центрирование эелементов по их центру
Доброго времени суток форумчане. У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? ) Чтобы лучше понять вот картинка: — Красные линии показывают центр страницы и самого элемента, но такого результата я достичь не могу но хочу. — А вот так у меня всегда становится, но мне так не надо http://s42.radikal.ru/i096/1301/ec/f8bd7698e…
0 votes8 answers -
убрать фон предыдущего изображения у слайдера
Доброго времени суток. Я новичёк в этом деле,не понятно где это смотреть в js или css. Есть слайдер jquery с плавным переходом изображений. При наложении одной картинки на другую предыдущая остаётся фоном. Проблем бы не было если бы все картинки были одного размера. Собственно как сделать, чтобы после появления новой картинки предыдущая исчезала?
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-