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
-
выровнять по вертикали
Всем привет, столкнулся с такой проблемой. Есть набор елементов li (их может быть от 1 до 6) имеют min-width. Эти элементы флоачены. Находятся они как и пологается в ul, который имеет ширину и высоту. Как выровнять li по вертикали (количество елементов варируется от 1 до 6). Пример можно посмотреть тут http://jsfiddle.net/s97vJ/
0 votes11 answers -
Помогите с позиционированием
Доброго времени суток! Помогите пожалуйста с позиционированием формы через css. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css? HTML: <!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>CSS: body { margin: 0; padding: 0; width: 100%; height: 100%…
0 votes6 answers -
Как подгружать картинки меньшего размера для мобильных устройств?
Вопрос по ускорению загрузки сайта для мобильных размеров экрана. Как подгружать картинки меньшего размера для мобильных устройств, если адаптивность задается медиа-запросами, которые располагаются в конце CSS-файла? Ведь при этом все равно сначала грузится большая картинка для десктопного варианта, а уже потом вместо нее можно будет подгрузить меньшую картинку для меньшего размера экрана? Так ведь? При этом ускорения как-то не получается... Так как для мобильного сразу подгружать картинку помельче? Неужели только отдельный CSS-файл для этого делать?
0 votes4 answers -
Блок
Всем добра, проблемка в следующим. Нужно например в блоке <div><img ="1"/><img ="2"/><img ="3"/></div> , разместить изображение(от 2 до 6 шт), например размер изображений width:200px; height: auto; А блок див ограничен width:760-780px, и !!внимание!! самое главное. Как сделать чтобы все лишние фотки прятались, и скролом их передвигал, подобие слайдера, но не слайдер.
0 votes3 answers -
Проблема с удалением строки в mysql с помощью php
Код в delete.php такой: <?php $query ="DELETE FROM goods WHERE id = 'id'"; ?> <h2>Удалить модель?</h2> <form method='POST'> <input type='hidden' name='id' value='$id' /> <input type='submit' value='Удалить'> </form>"; А в контроллере такой: public function actionDelete($id) { $goods = Goods::find()->one(); return $this->render('delete', compact('goods')); } В итоге выводит вот : Bad Request (#400) Unable to verify your data submission. The above error occurred while the Web server was processing your request. Please co…
0 votes4 answers -
table - тонкости атрибутов и как их использовать
Всем привет, я не начинающий программер, но на некоторые вещи я закрываю глаза, а плохо. Вот есть у тэга - table атрибут - summary, лично я его не разу не использовал. Хочется спросить у спецов кто этот атрибут использует уже давно и знает как. Я знаю только, что он переводиться как - итог, но какие данные в него требуется записывать, я не имею понятия и обязательно ли это?
0 votes6 answers -
Drag & Drop
Доброго дня всем! У меня вопрос, по работе с текстом. Как можно сделать, чтобы при наведении мышкой на текст, он менял цвет и подчёркивался снизу. Пример: "Текст чёрного цвета, НО при наведении мышкой на текст, он меняется цвет на синий + подчёркивается". После нажатия на ссылку, текст должен поменять цвет на светло синий цвет. С Уважением Олег
0 votes2 answers -
IE6 - некорректное отображение и смещение div
Вот такая проблема.
0 votes2 answers -
Проблема. Не тянутся блоки по высоте
написал обычный двухколонный сайт: верх, под ним две колонки, ниже(типа футер). при добавлении текста тянется только одна колонка, которая с текстом, при чем наплывая на футер и т.д. вниз как сделать нормаль подскажите пожалуйста <body marginheight="0" marginwidth="0" alink="#F0F47A" vlink="#F0F47A"> <a name="up" id="up"></a> <div> <div class="head"> <div class="logo"><jdoc:include type="modules" name="top" /></div> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_m"> <div id="pillmenu"> <jdoc:include type="modules" name="user3"…
0 votes1 answer -
Помогите советом новичку
Здравствуйте, мой первый сайт( www.nashepravo78.ru)Мне сейчас главное чтобы Баннер везде выглядел одинаково В опере он короткий, в мазиле выезжает....... <!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="text/html; charset=windows-1251" /> <title>Юридическая компания "Союз Автовладельцев"</title> <style type="text/css"> body { margin-top: 0px; margin-bottom: 0px; } </style> <link href="style.css" rel="stylesheet" type="text/css" />…
0 votes3 answers -
музыка на сайте
а как добавить музыку на сайте, чтоб играла, когда отображается страница и была возможность ее выключить?
0 votes4 answers -
Динамика в меню.
Привет. Есть плашка меню, она являет собой одну картинку, на ней текстовое меню (z-index). Нужно, чтобы при наведении курсора на область каждого пункта меню появлялась кнопка, а без курсора просто плашка с текстом. Возможно ли это сделать на css? Если да, то как? <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <img src="logo.png" id="logo"> <ul> <li><a href="#">óñëóãè</a></li> <li><a href="#">çàêàçàòü</a></li> <li><a href="#">ñîòðóäíè÷àòü</a></li> <li><a href="#">ïîçâîíèòü</a></li> </ul> &…
0 votes5 answers -
Хром тупит с inline-block
Проблема такая. Отказались от table, используем divы и свойство block:inline-block. Если div'у не давать class а прописывать все свойства в style, то везде всё номально. Но как только мы создаём в CSS определённый стиль и прописываем его диву в class="имя стиля", то у браузера Chrome возникает такая проблема. Берутся непонятные отступы. Как должно быть (в остальных браузерах) Хром Сам стиль таков: .block-text-content { padding:5px; background-color:#bfbfbf; display: inline-block; font-family: tahoma, verdana, arial, sans-serif, Lucida Sans; font-size: 11px; word-wrap: break-word; overflow: auto; vertical-align:top; } Фрагмент html: <div style=…
0 votes1 answer -
Меню
Я новичок. Подскажите пожалуйста, как сделать так, чтобы меню раскрывалось после "клика" и оставалось открытым до повторного "клика".
0 votes11 answers -
IE PNG
У меня такой вопрос: есть див с бекграундом с прозрачностью в IE8 вместо прозрачности выдает черное поле применяю фильтер: //background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\', sizingMethod=\'scale\', src=\'../images/info.png\'); бекграунд становится нормальным но весь контент становится прозрачным... что делать???
0 votes5 answers -
Интересная задача
Привет! Мне подкинули интересную задачу. Есть макет с фикс шириной, на заднем плане фон. Вот надо сделать так, чтобы кусочек этого фона был ссылкой. Пробовал с позиционированием поиграть, но выходит не очень красиво. Сложность заключается в том, что нельзя прилепить этот блок со ссылкой к какому-нибудь краю, ибо фон тянется на больших разрешениях. При разрешении в 1024, не должно появляться горизонтальной полосы прокрутки. Кстати еще сам фон на фикседе. Вот картинка того, что надо сделать http://clip2net.com/s/16pJm Вот как проблему решил я http://alpatriott.ru/works/primer/op.html upd(здесь уже готовый вариант, до этого было рабочее решение с псевдоэлементом) Но псевдоэл…
0 votes14 answers -
box-shadow по параметрам юлюстратора
Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?
0 votes6 answers -
css transform
Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб
0 votes14 answers -
Указание width и height
На html академии выложили правила написания вёрстки https://htmlacademy.github.io/codeguide/ У меня вопрос относительно пункта "Размеры картинок", а в частности указания "Изображениям <img> должны быть явно заданы с помощью атрибута размеры". Нет, для SVG я ещё могу понять зачем это нужно. Но для остальных картинок зачем это всё в 2015-ом году?
0 votes3 answers -
"background-size cover" для блока
Добрый день! Подскажите, как реализовать следующую задачу: Необходимо, что бы в блоке .content было фиксированное фоновое изображение (картинка) с максимальным заполнением, прижатая к правому краю .content <div class="container-fluid"> <div class="col-xs-7 content"> контент </div> <div class="col-xs-5"> навигация </div></div>.content { background: url("background.jpg") no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} Если делаю, как приведено в коде, картинка растягивается по ширине body. Существует л…
0 votes10 answers -
0 votes0 answers
-
Расположение текста
Здравствуйте, как сделать данный текст не по центру, а с левого края (равнять по левому концу border). Случайно отправил без скринов: .slider { display: flex; justify-content: space-between; margin-top: 150px; } .slider_item { border-top: 2px solid; width: 24%; font-size: 18px; color: #fff; text-transform: uppercase; padding: 20px 0;
0 votes2 answers -
Недвижимость в виде фонового рисунка
Подскажите пожалуйста,у меня на фоновом рисунке пятна разного размера в которые я вписал текст(через создание таблицы),когда я уменьшаю экран фоновый рисунок естественно остается на месте а вот весь текст съезжает со своих мест и надписи оказываются где попало (а не на своих пятнах) Как сделать что бы при уменьшении размера окошка надписи оставались на своих местах и просто скрывались за надвигающейся границей экрана??? Я чайник,поэтому попрошу ответить по-доступнее и если можно со сцылками
0 votes6 answers -
Проблема с вложенным блоком с min-height: 100%
Ситуация очень не приятная. Может конечно я что-то не учел, но: html, body{ height: 100%; margin: 0; padding: 0; } #d1{ min-height: 100%; background: Aqua; } #d2{ min-height: 100%; background: Fuchsia; } <body> <div id="d1"> <div id="d2"> </div> </div> </body> В результате блок d2 не вытягивается на всю высоту. Это можно как-то вылечить????
0 votes1 answer -
textarea в xhtml
Приветствую коллеги. Подскажите, параметры cols и rows всегда были обязательными для textarea в xhtml 1.0?
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-