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-странице вывести текстовую информацию с div с другой странице (просто, находящейся в Интернете)? Спасибо.
0 votes5 answers -
Вывод содержимого внутреннего блока вверх кода html
Уважаемые коллеги! Нуждаюсь в помощи профи. Требуется, чтобы в html коде содержимое блока middle-container располагалось в самом верху, то есть перед блоком header. В блоке middle-container будет размещён основной контент, поэтому в коде он должен идти первым, а потом все остальные блоки: шапка, левый и правый сайдбары, футер. Буду благодарен за помощь! Код HTML: <div id="content"> <div id="header"></div> <div class="wrap"> <div class="right-sidebar"></div> <div class="left-sidebar"></div> <div class="middle-container"></div> <div style="clear:both;"></div> </div&…
0 votes13 answers -
Вывод содержимого файла в div
Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…
0 votes7 answers -
вывод сообщения с <input>
Здравствуйте мне нужно сделать что бы при вводе текста в <input> при нажатии кнопки "ГО" данный текст выводился на новой странице.Это возможно реализовать не используя js и что бы сообщение выводилось не через "alert" а как обычный текст.Спасибо)
0 votes3 answers -
Вывод списка друзей, как в вконтакте
Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?
0 votes6 answers -
Вывод таблиц в несколько рядов
Как вывести таблицы в несколько рядов, допустим по три таблицы в ряду?
0 votes5 answers -
Вывод таблиц по вместимости
Здравствуйте. Не знаю, обсуждалась ли такая тема ранее, но всё же... На страничке размещено несколько таблиц небольшой ширины (~140 px), все одинаковые. Сайт оптимизируется под любой дисплей (вплоть до 800x600). Нужно сделать так, чтобы в одной строчке таблиц было столько, сколько вмещается по максимуму (в px). Заранее благодарю.
0 votes1 answer -
Вывод таблицы клиентов и ее сортировка
Прошу подсказать каким инструментом лучше пользоваться чтобы вывести в html таблицу с информацией о клиентах. В таблице много значений, соответственно вывод будет постраничный. Также необходимо иметь возможность просматривать и редактировать детализированную информацию по клиенту. Саму выведенную таблицу сортировать по полям. В принципе устроил бы вывод аналогичный phpmyadmin. Поискал варианты реализации этого функционала, как я понимаю можно сделать это все и на html+PHP, но реализованных вариантов найти не смог. Подходящие решения нашел в Jquery, но там сходу разобраться не удалось. Поэтому прошу подсказать с помощью чего лучше реализовать данный функционал. Если кто…
0 votes6 answers -
вывод текста
Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.
0 votes5 answers -
Вывод текста в 2 строки
Всем привет! Подскажите, а как вывести текст в 2 строчки? Поле для текста ограничивается Div'ом, и так же в конце второй строки хочу сделать красивое обрезание текста с помощью text-overflow: ellipsis;
0 votes2 answers -
Вывод текста в тегах pre внутри таблицы
В базе данных есть несколько сообщений. Некоторые записаны в нормальном виде ( с enter-ми ), а некоторые длинной одной строкой. Надо чтобы нормальный текст, выводимый на экран, выглядел бы так же, как в базе данных. Для этого я использую тег 'pre'. Данные выводится в ячейку таблицы. При этом, если текст записан одной строкой, то ячейка расширяется на всю длину этой строки (не влезает на экран) и никак не реагирует на ограничение ширины. Вопчем мне надо, чтобы приоритетом была ширина ячейки, а потом уже форматирование текста (те если текст в ячейку не влезает, чтобы он переносился на другую строку) Сумбурно как-то получилось, но надеюсь понятно
0 votes8 answers -
Вывод текста в треугольной ячейке
Добрый день. Есть сложная таблица с разделенными (везде по разному) ячейками (думаю видели такие). Собственно сам вопрос верстки, думаю ясно понятен на картинке (см. ниже), т.е. в обоих частях разделенной ячейки - должны находиться 2-а разных элемента с текстом (span, p, h что угодно), при этом при растяжении родительской ячейки (что это будет - div, table, table-cell - тоже не суть главное чтобы работал) текст соответственно должен "плыть" и "подстраиваться" под свою треугольную ячейку. Вопрос: как я понимаю, с помощью CSS, и даже CSS3 этого не решишь (блоки пока только прямоугольные), (или я ошибаюсь? и все таки возможно?) каким образом возможно решить данную задачу? (…
0 votes4 answers -
Вывод файла по дате
Добрый день уважаемые форумчане. Посетила меня недавно идея как оживить свой сайт интересной информацией, а именно не большим модулем куда будут выводится картинка с описанием сегодняшнего праздника или события которое происходило в этот день с ссылкой на подробное описание. Допустим 12.04 День космонавтики или 7.05 День радио. Вот как примерно я себе это представляю. <h3>День космонавтики</h3> <p> <a title="12.04.1961 День Космонавтики" href="https://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%BD%D1% C_%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D0%BD%D0%B0%D0%B2%D1%82%D0%B8%D0%BA%D0%B8" target="_blank"> <img src="images/12_04.png" alt="День космо…
0 votes2 answers -
Вывод файлов директории для скачивания
Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
0 votes11 answers -
Вывод форм комментариев Вконтакте \ Facebook по клику.
Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине? То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?
0 votes10 answers -
Вывод фотографий на сайт
Ребят, прощу подсказок, я новенький в этом деле( Есть страничка, фото галерея в которой реализовано сжатие картинок и соответственно вывод их на экран. Проблема заключается в том что если картинок много, сжатие затягивается очень надолго. А пока он картинки не по сжимает, показывать ничего не хочет. С помощью чего можно реализовать последовательное сжатие и вывод картинок на сайт, уже после загрузки основы страницы( шапки )?
0 votes5 answers -
Вывод элемента на определенное место
На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }
0 votes3 answers -
Выгрузка сайта в нет.
Я не очень понимаю этот момент, вот я скачал фвижок DLE создал на нем сайт, ну и сохранил его на localhost. теперь допустим у меня появилась площадка в нете, как мне выложить его на сервет, если можно, объясните поподробнее.
0 votes7 answers -
выдвигающаяся кнопка сдвигает все остальные элементы
https://jsfiddle.net/illight/strj1cu3/25/ тут выпадающая часть кнопки сдвигает текст, а у меня на сайте вообще все блоки сдвигает вниз :( три дня читаю, единственное разумное что смог сделать - контейнер в котором они находятся позиционировать абсолютно, но возникает куча косяков, т.к. сверху панель управления сайтом будет перекрывать эту часть если не сложно направьте на путь истинный
0 votes2 answers -
Выдвигающееся меню - не реагирует!
Тут такое дело... сделал сам выдвигающее меню с jQuery, но при его раскрытии (оно выдвигается вниз), если там находятся какие-то элементы - не работает (т.е. оно выдвигается, но не работают ссылки и не реагирует на наведение мыши), я думаю проблема тут в html или css... посмотрите, пожалуйста. HTML: <ul id="navigation"> <li><a href="profile.php">Profile</a></li> <li><a href="">Messages</a></li> <li><a href="search.php">Search</a></li> <li><a href="" class="menu_head">Settings</a></li> <ul class="menu_body"> <div class="setting…
0 votes6 answers -
выдвижное меню на css
при нажатии на одну из категорий выпадает список подкатегорий, и когда нажимаешь на одну из подкатегорий выполняется данный запрос, но при этом меню сворачивается. как сделать, чтоб при переходе на данную подкатегорию меню не сворачиволось. вот код на dle 10.2. код шаблона<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>CSS3 onclick Vertical Metal menu | Script Tutorials</title> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen"> </head> <body> <div class="container"> <ul id="na…
0 votes1 answer -
выделение button в opera
здравствуйте. как убрать черную рамку при нажатии на input[type=button] в opera? спасибо
0 votes2 answers -
Выделение Div ,как избавиться
Хотел показать свой пример ,но случайно заметил на форуме аналогичную ситуацию. Прямо под логотипом ,на странице которой сейчас вы находитесь,есть меню ,разделенное div'ми на left меню и right меню.Каждый элемент меню эта ссылка со своим фоном.У меня точно так же. Если нажать и задержать допустим по ссылке "На главную сайта",то появляются такие вот точки : Тыкай Конечно на секундное нажатие это никакой роли не играет ,но у меня это так палевно выглядит,да еще и точки на темно синем фоне ,почему то выделяются якро красным цветом Т_Т . Как избавиться от этих точек?
0 votes8 answers -
выделение tr
Подскажите пожалуйста, имеется таблицы пускай стандартная <table class="table"> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> </table> .table tr:hover{ background-color:#00ff00; } .red{ background-color:#ff0000; } Вот при наведении на ряд, окрашивается ряд, кроме ячейки с классом red. Как реализовать чтоб он тоже окрашивался?
0 votes3 answers -
Выделение данных в таблице.
Здравствуйте. Подскажите пожалуйста, возможно ли изменить направление выделения данных в таблице из построчного в выделение данных по колонкам (как, например, в таблицах Word)? Это нужно для того, чтобы иметь возможность скопировать текст, находящийся в колонках таблицы и последующей работы с ним.
0 votes3 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-