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
Здравствуйте! Что бы Вы посоветовали, что бы выделить код в HTML, но не выполнять его ? Идея такая: Есть HTML документ, а я в нём хочу вставить кусок HTML кода в качестве примера, но что бы он не выполняся а показывался как пример, что-то типо: Тут Пример кодавот такой вот прикол вместе с CSS.
0 votes7 answers -
Помогите с макетом
Хочу сверстать этот макет http://htmlforum.ru/index.php?showtopic=16763 Никак не могу понять как мне скопировать облака со зданием.. Вот как бы вы разделили этот макет по слоям для верстки?
0 votes7 answers -
inclide и несколько head
Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…
0 votes7 answers -
Всплывающее меню при наведении
Как сделать такое меню http://ria.ru/ . на css такое возможно?
0 votes7 answers -
Странное поведение ссылок
Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).
0 votes7 answers -
Фоновое изображение
добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение inherit. я не как не пойму как его присобачить к моему коду: .body{ background-image: url(557271-1920x1200.jpg); background-attachment: fixed; }я пробовал и position: inherit;иbackground-image: url(557271-1920x1200.jpg) inherit; не получаетсяподскажите пожалуйста)) заранее вам огромное, человеческое спасибо))
0 votes7 answers -
Почему хром делает лишний отступ?
Доброго времени суток! Столкнулся с проблемой кросбраузерности. В мазиле и в IE инпут типа текст в форме отображается так как было задумано, а вот хром и опера добавляют лишний отступ и опускают импут вниз. Помогите, пожалуйста, разобраться в чем проблема. http://i.pixs.ru/storage/1/4/2/Inputjpg_4318940_10943142.jpg HTML: <div class="block_head"> <div>Search</div> <form id="search"> <input id="s" class="search_text" type="text" name="s"> <input class="go" type="submit" value=""> </form> <div><img src="Images/Go.gif"></div></div>CSS: .block_head:nth-child(3)>div:nth-child(1){color:#fff;font-size:16p…
0 votes7 answers -
Аккордеон на css
Есть блок со ссылкой внутри размером 390*80. Под ним располагается весь остальной контент (некоторые блоки контента имеют ширину 100%). Вопрос, можно ли только с помощью css сделать из всего этого аккордеон? Клик по ссылке - контент открывается. Клик - закрывается.
0 votes7 answers -
CSS фон сайта
Уважаемые специалисты, нужна ваша помощь... проблема следуящая: использую фон для сайта, в него внедрил пару картинок с надписями, но суть проблемы заключается например вот у меня на ноуте через мозилу ширина смотрится нормально, открывают на другом компе фон сужается и соответственно картинок невидно уходит за грани. вот сам код: background:url(../images/fon.png) no-repeat;как сделать чтоб при сужении браузерах текст и картинки были видны? И еще одна проблема, как сделать чтоб при прокрутки страницы показывался весь фон. а то снизу страницы фон заканчивается и белая полоса страницы.
0 votes7 answers -
Проверка и оптимизация CSS
Подскажите сервис или программу для проверки КСС. Имею ввиду исключение из стилей не используемых или дублирующихся параметров. Переделываю старый шаблон, много чего изменил, и теперь долго перебирать какие свойства используются а какие нет.
0 votes7 answers -
список с сортировкой по горизонтали
Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?
0 votes7 answers -
Проблемы вёрстки.
Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:
0 votes7 answers -
Как создать такой бекграунд
Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg
0 votes7 answers -
Как такое сделать?
Нужна идея как можно сделать вот такое меню, точнее как сделать, я примерно знаю, но проблема в тенях, когда 2 div'a стоят рядом (белые поля в данном примере) и нужно, чтобы они отбрасывали общую тень (не отбрасывая ее друг на друга) вот тут начинаются проблемы:
0 votes7 answers -
проблема с фиксированой навигацией
Пример тут http://jsbin.com/tufiyuwo/7/ Фон навигации ( в примере черным) должен занимать всю ширину контейнера. Содержимое навигации (в примере желтым) всегда фиксированой ширины 960px и центрируется. Нужно чтобы навигация была зафиксирована сверху, а при ширине меньше 960px содержимое меню (желтым) можно было скролить. Сейчас же, при <960px содержимое центрируется, и обрезается что не входит в область видимости.
0 votes7 answers -
Как определить параметры тени в photoshop для css верстки?
Всем добрый день, расскажите как определить параметры тени в photoshop для использования их в text-shadow, box-shadow. Прочитал статью http://heygrady.com/blog/2011/08/06/recreating-photoshop-drop-shadows-in-css3-and-compass/ , но как то не работает метод для углов >90 градусов. Или может быть я что то напутал.
0 votes7 answers -
Выпадающий список на AJAX
Здравствуйте! Подскажите, пожалуйста, как сделать выпадающий список без перезагрузки страницы, который реализован вот здесь (над товарами ВЫВОДИТЬ ПО РЕЙТИНГУ): http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/ Буду благодарен за помощь!
0 votes7 answers -
checked для не-input'ов
Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?
0 votes7 answers -
Body:pading-top - странные прыжки, как быть?
Всем примет! Есть сайт http://gobanner.ru , проблема заключается в том, что у всего блока есть верхний отступ в 5 пикселей, если начинать переходить по меню то страница начинает прыгать. Браузер не успевает просчитать этот верхний паддинг. Я пробовал давать значения не только паддинг но и маргин, и не только body но и тегу html и классу wrapper. Как быть?
0 votes7 answers -
как правильно сверстать такое меню?
Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.
0 votes7 answers -
href ссылки и display:none
2 проблемы 1-ая со ссылкой - создал ссылку, все бы хорошо, но при клике на эту ссылку должен выдвигаться дочерний слой div'a, у ссылки стоит href="#" что при каждом клике на нее, тебя автоматически отбрасывает наверх страницы, что крайне неудобно, как решить эту проблему, какой путь поставить в a href=? 2-ая с анимацией на transition, как уже сказал, есть блок при клике на него должен выводится дочерний блок, но проблема в том, что часть дочернего блока (буквально 1px где-то) видна еще до его вывода. У дочернего блока стоит max-height:0px; при клике на родитель увеличивает до max-height:200px; Попытка поставить ему display:none+при клике на block - не прокатывает, ани…
0 votes7 answers -
Масштаб, размер страницы на моб. устройств..
Опять нужна ваша помощь добрые и опытные верстальщики! Уже чуть ли не неделю мучаюсь и никак не получается сделать так что-бы сайт открывался на мобильных устройств в полном масштабе, размере. То есть к примеру сайт в ширину 1000px, открывается не на всё ширину а на ширину самого устройства, 320px, 480px, 760px и.т.д..... С тегом meta viewport поигрался уже раз сто... ничего не меняется что я ставлю device-width, что задаю width=1000, что width=1000px, в общем ничего не понимаю, как я этот тег только не менял никаких изменении от его использования не происходили... сайт как открывался в левом верхнем углю так и открывается.... Пытался body задать min-width тоже ничего, в…
0 votes7 answers -
выравнивание по центру
Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/
0 votes7 answers -
Что происходит в Сафари?
Вот сам код: http://jsfiddle.net/h7Xp4/ Вот так выглядит во всех нормальных браузерах даже в ie7 нет проблем http://s1.ipicture.ru/uploads/20140330/6d4Svsk5.png А вот теперь смотрите что в safari происходит http://s1.ipicture.ru/uploads/20140330/HN8T3A4H.png Я думаю проблема ясна. Подскажите кто нибудь, что делать?
0 votes7 answers -
ie8 z-index
http://jsfiddle.net/Zverushka/unyf8/ Суть в том, что этих стрелок нет в ие8 и я не могу заставить их появиться.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-