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
-
Фон
Подскажите что-нибудь?)
0 votes1 answer -
Косяки верстки. Не могу найти ошибки
Вот сверстал страницу. Не могу понять где неправильно. В css знания норма, но не профи-спец ( Проверьте пжлста, где я тут накосячил. А именно: 1) Неправильно отображается верхнее меню в IE8 при уменьшении или увеличении масштаба страницы (<>100%), съезжает то вверх то вниз от должного положения. 2) В IE6 страница уезжает вправо, т.е. появлятся скролл. Снова не пойму почему. 3) в остальных браузерах и в IE7 не могу сделать, чтобы отображалась по всей высоте div'a рамки справа и слева. Ну вроде все так. Принимаю критику в отношении верстки (Буду даже рад). Потому что я сам не специализируюсь на верстке а именно на html css (увы, но пытаюсь). Все сверстанное в прикре…
0 votes0 answers -
Вопрос по резиновой верстке
Здравствуйте! Подскажите пожалуйста, каким образом можно сделать в резиновом дизайне, чтобы текст доходя до края страницы, перескакивал на следующую строку, а не растягивал таблицу в ширину текста. <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td align="left" valign="top"><div id="content"> <p>Текст,текст,текст,текст,тек…
0 votes6 answers -
Резиновый фон
Доброго времени суток. Прошу помочь с реализацией резинового фона. Просмотрел все варианты, попробовал сделать через div+img, но возникла одна проблема. Суть ее в том, что при сужении окна браузера появляются скролллбары, которые как бы обрезают фон (см. изображение).
0 votes4 answers -
Система постов и форум
Здравствуйте, уважаемая администрация и участники данного проекта! Скрипты html и css я уже прошёл (ну и сейчас прохожу ещё просто по спискам справочника) У меня есть вопрос, что мне нужно делать пошагово, чтобы на странице в дальнейшем у меня было как и на этом сайте система авторизации пользователя (профиль) и тп., а так же система постов, где каждый может оставлять свою надпись (например, как на этом сайте, не сочтите за рекламу). То есть там выбираешь раздел и можешь написать свой пост. При этом, чтобы посты появлялись после одобрения администрации, и чтобы можно было прикреплять медиа-файлы, комментировать другим пользователям, и что очень важно сортировать их по дат…
0 votes8 answers -
С помощью какой проги или сервиса можно быстро сделать каркас HTML+CSS?
С помощью какой программы можно быстро сделать произвольную заготовку HTML+CSS, каркас для будущего сайта? Готовые макеты не предлагайте скачивать - это не то. Нужно либо в визивиге, либо в окошках для задания параметров или еще как-то быстро накидать нужный каркас, со всеми нужными float, width и margin. Чтобы экономить время на дальнейшую верстку более мелких элементов.
0 votes4 answers -
Как это работает
Есть некий сайт Моя ссылка Попробуйте сохранить фон? сохранится все кроме нижних иллюстраций героев.. Полез дальше в css. нашел путь к изображению - при попытке открыть открывает совсем не то что ожидаешь.. Как это сделано?
0 votes2 answers -
Курс по PHP
посоветуйте БЕСПЛАТНЫЙ ВИДЕО курс по PHP, пробовал у Попова учиться он старый ииии.. кароче не смог по нему. ну на крайняк можно и книжку.
0 votes4 answers -
html5.
Приветствую всех! Я всё-таки решил начать учить до конца html.Будьте любезны,дайте ссылку на хороший учебник html5 в формате chm и pdf,где есть все теги и примеры их использования.Буду приблагодарен!
0 votes2 answers -
Верстка меню в CSS
Не знаю как сверстать меню. Пожалуйста помогите. Ссылки сделал, но обводку этим изображением не могу. Повесил на li ховер с фоном этого изображения, но выравнять это не реально. Подскажите как можно сделать, чтобы наведенная ссылка выделялась этим изображением. А так же выделялась изображением страница, которая является активной?
0 votes5 answers -
Дотянуть div до футера
Собственно сабж Абсолютное позиционирование не подходит, так как скол не появится, когда разрешения монитора маленькое.
0 votes0 answers -
Расположение крестика
Добрый день Рисую галерею <ul> <li><p><img></p><li> <li><p><img></p><li> <li><p><img></p><li> </ul> к li применяю max-width, max-heigth. нужно вставить блок с крестиком чтобы он был вверху и справа картинки, что посоветуете
0 votes2 answers -
непонятный отступ
помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло
0 votes3 answers -
выравнивание
http://clip2net.unet.by/page/m0/100228 как сделать так,чтобы все элементы формы были по центру страницы как в образце
0 votes2 answers -
Display run-in
Доброго времени суток! В общем проблема маленькая и думаю даже свои коды на эту тему выкидывать не буду... Суть такая. Есть меню UL LI с горизонтальным отображением. Меню без излишней графики. В отображение LI ссылок использован параметр DISPLAY: INLINE . Во втором уровне меню LI UL LI, для вертикального отображения текста, был использован параметр DISPLAY: RUN-IN Во всех браузерах, эффект достиг за мысленного, а вот в Firefox нет. Посмотрев таблицу совместимости, обнаружил, что FF не поддерживает сей параметр . Вопрос: Как иным способом заставить Firefox понимать, что во втором уровне меню DISPLAY: INLINE использовать не надо?
0 votes2 answers -
0 votes4 answers
-
Для знатоков HTML
Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).
0 votes9 answers -
li + li выбирает два элемента
Подскажите, пожалуйста, почему буду красным выделены 2 элемента li после первого? Ведь по определению, насколько я понял, данный селектор выбирает первый соседний элемент, а тут выбраны, почему так? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Пример страницы</title> <style> li + li { color: red; } </style> </head> <body> <ul> <li>text 1 <li>text 1 <li>text 1 </ul> </body></html>
0 votes4 answers -
Анимация
http://jsfiddle.net/htmlbook/jo4537xb/ Сделал вот такой код. Мне надо, чтобы жёлтый блок вначале не появлялся, а потом плавно выезжал и оставался на месте. Сейчас же он виден сразу, потом уже включается анимация. Подскажите, как спрятать блок в самом начале, до анимации?
0 votes4 answers -
Подскажите как собрать такую схему
Здравствуйте! Подскажите как собрать схему как на ричунке. Уже 3 часа как пытаюсь, никак не могу всё расставить по местам. Главное чтобы между блоками <div> было расстояние в 10px. Заранее благодарен. https://www.dropbox.com/s/z40ch98w0f62d8n/sxema.png?dl=0
0 votes1 answer -
Адаптивный слайдер
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, такой слайдер только адаптивный
0 votes1 answer -
не работает тег Font
Ребят помогите какой то косяк у меня не могу врубиться из записи font: 25px bold Tahoma sans-serif; работает только размер текста, а если писать развернуто все работает отлично,может я неправильно что то пишу,уже и на сам сайт htmlbook залазил курил мануал по font там такая запись допустима ;
0 votes2 answers -
Grid проблема с текстом
display: grid grid: "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto / auto auto Когда в regStep появляется текст, сетка исчезает, то есть весь текст растягивается на всю ширину текста, как исправить этот баг и заставить текст оставаться по середине экрана? Набросал такой вариант grid "leftSection regStep rightSection " auto "leftSection submitButton rightSection" auto/ minmax(20px, 20%) minmax(60%, 1fr) minmax(20px, 20%) Но мне кажется этот код попахивает 😃
0 votes0 answers -
Background параметры
Добрый день. Подскажите пожалуйста какие параметры background задать в разделе Contact US, чтобы континенты отображались как в приложенном макете, но при этом не задавать в пикселях высоту всему этому блоку work-07.psd . И как вообще реализовать такой переход background ?
0 votes1 answer -
не могу изменить картинку бекграунд имедж по средствам ява скрипт
здравствуйте ! помогите , не могу понять свою ошибку , функция получает номер закладки , в цикле я устанавливаю всем закладкам картинку бекграунда не включенной закладки потом по номеру я делаю фон включенной закладки применяя к фону другую картинку и вставляю содержимое закладки почему не меняются картинки причем если я меняю просто фон на цвет работает а картинку не меняет function mark(num) { for ( i = 0; i < 4; i++ ) { document.getElementById(marks).style.backgroundimage="url(images/sb_botton_off.jpg)"; } document.getElementById(marks[num]).style.backgroundimage="url(images/sb_botton_on.jpg)"; document.getElementById("cont").innerHTML = document.getElementById…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-