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
-
Как разместить блоки один над другим?
Есть вот такая заявка http://www.rostovpatent.ru/index.php/onlinez/onlz на основе ckform, хочется её преобразовать таким образом, чтобы текстовые блоки располагались над блоками для ввода данных (каждый над своим), а все вместе блоки (и текстовые и для ввода данных) выравнивались по левому краю. В настройках программы такую возможность не нашёл. Рыл CSS, сам не справился. Подскажите пожалуйста как можно это сделать? (скорее всего это не сложно, но мне пока неведомо ). Вот код файла, если поможет.
0 votes3 answers -
Видео
Всем привет! Стал изучать язык разметки. Столкнулся с такой проблемой. Пытаюсь установить видео на страничку. Код выглядит следующим образом: <p><object><embed src="film.avi" width="800" height="500" border="1" align="center" type="video/avi"></embed></object></p>. Открываю страницу через IE - все без проблем. Через firefox (версия 3.6) пишет, что не найден необходимый модуль. Пробовал менять тип, и "application/x-mplayer2", и "application/x-mpeg", и "application/x-director" и т.д., но результат тот же: IE воспроизводит видео, firefox - нет. При этом у меня инсталлирован и QuickTime, и Flash player. Все свежие. В чем проблема? Заранее …
0 votes7 answers -
Ошибка в типе содержимого
Всем привет. Такая проблема, есть сайт, проверил его на ошибки на w3c, нашлось много ошибок. Сделал полностью валидную html и css вёрстку. При открытии сайта в мозилле появляется ошибка (странно что после чистки кэша сайт открывается, но при повторном открытии ошибка опять появляется) В остальных браузерах сайт открывается без ошибок. Ошибка в типе содержимого Страница, которую вы пытаетесь просмотреть, не может быть показана, так как она использует неверную или неподдерживаемую форму компрессии. Если поменять doctype c <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> на <!DOCTYPE html PUBLIC "-//W3C//DTD XH…
0 votes3 answers -
Таблица, ячейка внизу
Мне нужно так сделать: Возьмем к примеру форум. Тут, где написано сообщение, информация о пользователе слева, и если сообщение длиннее, то оно растягивается. Мне нужно чтобы подпись(если сообщение и подпись сделать как таблицу) находилась внизу, если сообщение очень короткое, то все равно внизу, и ячейка с сообщением могла растягиватся. Можно ли так сделать? Как?
0 votes7 answers -
обратиться к div в адресе ссылке
Доброе время суток. Использую <iframe> на странице и возник вопрос. Возможено ли вставить не всю страницу на которую ссылается iframe а только конкретный объект на той странице? Зарание Благодарю!
0 votes1 answer -
Помогите исправить строки
На сайте http://pocciy.ru/ Фраза стоит так. "Наш Бог-Русский Народ! Наш Храм-Русская Земля! Наша Вера-Победа! Наша Молитва-Лизг танковых гусениц!" А должна так "Наш Бог-Русский Народ! Наш Храм-Русская Земля! Наша Вера-Победа! Наша Молитва-Лизг танковых гусениц!" Это должно быть на одной строчке "Наш Храм-Русская Земля!" а не так "Наш Храм-Русская Земля!" В чем дело помогите, я понять не могу????
0 votes5 answers -
При использовании ссылок по странице (href=#) пропадают элементы, находящиеся над текущим
Если кто-то не понял, что имеется в виду - вот ссылки, и сразу все становится понятно. http://sportunifit.ru/test/index.php/the-news http://sportunifit.ru/test/index.php/the-news#adress http://sportunifit.ru/test/index.php...s#content_main С таким сталкиваюсь в первый раз. Подскажите из-за чего происходит. Проблема в Firefox и IE8 , в остальных IE проблемы нет, в опере проверить нет возможности.
0 votes2 answers -
2 разных беграунда
нужно реализовать такую вещь. на главной должен быть один беграунт на всю ширину страницы, а на внутрянках другой беграун (точнее тот же, только немного урезан). класс назначен на body не хотелось бы создавать два стилевых документа... спасибо
0 votes7 answers -
Интересная задачка
Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.
0 votes44 answers -
Выравнивание букв
Немогу выравнить первые буквы с красной строки, вот смотрите на сайте http://pocciy.ru/ помогите как сделать так что-бы буквы не липли к картинкам?
0 votes4 answers -
а как записать одному блоку несколько классов, так сказать, через запятую?
Всем привет! .. . а как записать одному блоку несколько классов, так сказать, через запятую? тоесть, чтобы к нему относился и .a , .b , .c
0 votes3 answers -
страница сайта инфицированна
Доброгов ремени суток. У меня проблема с сайтом. А вернее с одной из его страниц. После перехода на определенную страницу, последующие переходы по ссылкам редиректят меня на http://www.spyware-systems.info/0/go.php?sid=2. т.е. я зашел на страницу например "www.yabloki.ru/sorta.php" и потом когда с этой страницы хочу перейти на главную "www.yabloki.ru/index.php" меня переводят на http://www.spyware-systems.info/0/go.php?sid=2 и говорят о том что саит инфицирован. Я сначало сунулся в гугл. Т.к. он ссылаеться на то что именно гугл забанил этот саит. Там ответа не получил. Прождав пару дней я решил удалить эту страницу с FTP переписать ее на локально хосте, загрузил на саит.…
0 votes16 answers -
GIF анимация
Здравствуйте. Помогите советом плиз. Создал в Photoshop CS3 gif с анимацией. Если запустить на локальной машине все отображается нормально, но только заливаешь на хостинг картинка не цепляется.
0 votes3 answers -
Отступ в FireFox
* { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????
0 votes4 answers -
Ширина ячейки со скрытыми элементами
Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…
0 votes16 answers -
Полосы прокрутки
Здравствуйте уважаемые форумчане. Помогите пожалуйста с таким вопросом-проблемой если это конечно возможно. При изиенении атрибутов тега DIV параметра overflow в scroll появились так называемые полосы прокпутки, с права и снизу. Возможно ли как-то нижнюю переместить вверх "top". Зарание спасибо!
0 votes1 answer -
можна ли скрыть прокрутку
Скажите пожалуйста возможно ли скрыть прокрутку, при свойстве overflow-y: scroll;, сама прокрутка чтобы была, но визуально чтобы ее небыло видно.
0 votes2 answers -
Обтекание и div
Сделал часть шаблона наподобие http://www.artlebedev.ru/tools/technogrette/html/thumbnails/ элемент которому указано relative не заполняет собой верхний блок, как я понял. поэтому div class="text" и буковка s поставленная для теста считается самым нижним элементом страницы. А хочется чтобы выделенный блок влезал в колонку ps. Высота колонок в макете регулируется скриптом по максимальной высоте колонки. возможно это повлияло, но опять же это значит, что блоки relative не влияют на высоту колонки. Спасибо внезапно понял что в class=text надо дописать. display:inline-block; Но он не работает в IE7. думаю дальше хотя IETester выводит все нормально. Вопрос пока что снят. Спа…
0 votes0 answers -
Центрирование бэкгроунда
Суть проблемы: html <body> <div class="window"> <div class="sub-window"> — "основное содержимое" — </div> </div> </body> css .window { background: url(window_bg.jpg) repeat-y center top; } .sub-window { width: 1000px; background: url(sub_window_bg.jpg) no-repeat center top; } Имеем два блока на всю ширину экрана. У одной рисунок на 1400px у другой - 1000 по ширине. У первого повторяется по вертикали - у второго фиксирован на 200px по высоте и не повторяется. Фоны должны пиксель в пиксель стыкаваться при наложении один на другой. Изначально так и происходит. Но при ресайзе окна броузера (когда изменяешь ширину окна) - …
0 votes75 answers -
XML -> XHTML
Есть задача - получить из xml-шаблона html, для определения форматирования решил использовать xsl || xstl. С последними дело иметь не приходилось. Примеры найденные в сети вообще не хотят работать, а от чего оттолкнуться не понятно. вот к примеру что нужно что бы на выходе получить оформленный xml <?xml version="1.0" encoding="utf-8" ?> <post> <user>Юзер</user> <text>А_тут_текст</text> </post> Гуглил разные простые примеры, но не рабочие. Кроме "Ошибка разбора таблицы стилей XSLT." так ничего и не добился. И вообще толковой инфы на русском по манипуляциям с xml не хватает, имхо. Или это лучше вообще другим макаром делать?
0 votes3 answers -
Универсальный способ запрета прокрутки!
Есть галерея, открывается большая фотка и нужно не только убрать скролл в этот момент, но и запретить колесиком прокручивать страницу, универсального решения не нашел, юзал след код body { height: 100%; position: relative; overflow: hidden; } только в опере все равно можно прокрутить контент с пом колеса, вобчем опера поразила, народ подскажите нормальный способ плиз
0 votes2 answers -
Помогите с IMG
Если кто может подскажите пожалуйста ( скидка на бестолковость) сайт на DIVах шапка , вертикальное меню и три колонки к средней колонке код такой <div id="content"> <div class="shadow"> <div class="blok"> <a href="dalhe4.html"><img src="img/galleri12.gif" align="top left" border="0px" alt="Галерея работ." width="472" height="222" ></a> <p>Lorem Ipsum is simply </p> </div> </div> СSS #content{ margin-left: 331px; margin-right: 400px; background-color: #DBDBDB; } .img{ padding-top: 20px; padding-left: 10px; margin-left: 0px; margin-top:0px; } .shadow{ background: #9a9696; border: 1px solid #ddd;…
0 votes4 answers -
Смена css по клику
В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…
0 votes11 answers -
как подгрузить слой
Вопрос такой. Есть страница на ней див контейнер. Код такой. <div style="width: 200px; height: 300px; border: 1px solid #000"></div> Можна ли на ету самую страницу подгрузить такойже контейнер, с такими же параметрами, при нажатии на кнопку. Кто знает помогите. Спасибо.
0 votes1 answer -
когда убираю фиксированную ширину блока , он перестаёт центроваться
Всем привет! есть блок, в него завёрнуты ещё несколько дивов Задача - чтобы при любом количестве div class="zakl_button", они центрировались в итоге по центру div id="block" <div id="block"> <div class="zakladki"> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> <div class="zakl_button"></div> </div> </div> вот код стиля #block { width:654px; text-align:center !important; } .zakladki { padding-top:3px; height:35px; text-align:center; width:585px; margin:0 au…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-