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
-
вопрос пр ссылки
у меня такой вопрос: как можно быстро создать большое количество ссылок на одной странице? например у меня на одной странице должно размещаться больше 700 ссылок на другие страницы сайта(которые отличаются друг от друга лишь одной картинкой)и мне интересно может есть какой то способ сделать это все по-быстрому, а то вручную уж очень долго получиться, темболее у меня не одна такая страница....вобщем если есть какой то совет помогите, а то я новичек и много еще не знаю
0 votes5 answers -
Граница столбца не видна в опере/ie
Почему-то опера 11 и ie 9 не понимают конструкцию <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"></td> <td>правая колонка</td> Т.е. я пытаюсь сделать простейший разделитель между двумя колонками. Отображает его только хром. Разделитель становится видимым, только если указать, что колонка непустая, т.е. добавить пробел: <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"> </td> <td>правая колонка</td> Но это приводит пусть к небольшому, но увеличению ширины колонки - она уже не 1px.
0 votes3 answers -
закладки
Как сделать такое при помощи html! Переход между темы и форумы, показывает разный контекст!
0 votes20 answers -
Сплошная линия от пункта меню
Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }
0 votes10 answers -
Проблема со фоном в футере
Ситуация. В шапке сайта фоном лежит изображение, прописанное в css: body { padding: 0; margin: 0; background: #003D73 url(img/bg2.jpg) no-repeat center top; width: 100%; display: table; } Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg): ————————-- | основной контент сайта | ————————-- ————————-- |футер | ————————-- Вот в футер, в отдельную таблицу, хочу добавить еще одно фоновое изображение, поверх которого вывести телефоны, контактные данные и пр. Но это фоновое изображение не появляется ибо body забивает собой всю страницу. Как решить эту проблему?
0 votes6 answers -
Проблема в шапке сайта
Делаю свой сайт и когда делал шапку сайта, возникла проблема, я сделал лого, сделал рядом изменяющуюся картинку на JavaScript, но вот проблема, хочу ещё рядом повесить информацию о пользователе, но всё, что я пытаюсь сделать, почему-то помещается за изменяющуюся картинку, не где-то рядом, а именно за неё, а сделать что-то в той части шапки, где мне нужно, у меня не получается, туда ни чего не вставляется, не могу понять почему. Сайт на юкозе. Вот, что у меня в шаблоне страниц сайта: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href…
0 votes7 answers -
Размеры фиксированной верстки.
Какой размер является стандартным для фиксированной верстки? Исходя из чего определяют ширину фиксированной верстки( допустим, контента мало)?
0 votes15 answers -
javascript
Утро доброе человеки! подскажите пожалуйста, могут ли скрипты перекрывать друг друга? имеется в виду, важно ли какой скрипт находиться выше а какой ниже? просто есть скрипт который делает текст скравающимся - "сполер" , а внутри его нужно расположить карту яднекса, только при это карта начинает работать "неадекватно" , то пропадает картинка, то смещаеться центр карты который указан по умолчанию ... или из-за чего такое может быть? спасибо заранее!!!
0 votes12 answers -
Ширина и отступы в дивах
CSS body { margin: 0px; } #d1, #d2, #d3, #d4, #d5 { padding: 0px 0px 0px 0px; } #d1, #d4 { height: 100px; } #d1 { background-color: red; } #d2, #d3 { height: 400px; } #d2 { background-color: orange; float: left; width: 150px; } #d3 { background-color: yellow; float: right; width: 1115px; } #d4 { background-color: pink; clear: both; } HTML <body> <div id="d1">text...</div> <div id="d2">text...</div> <div id="d3">text...</div> <div id="d4">text...</div> </body> Результат: http://imgsave.ru/image-8D09_4E33E4FA.jpg 1) как зная разрешение экрана, установить два дива на всю ширину экрана? не в процент…
0 votes0 answers -
Как мне сделать подвижные блоки ?
Мне нужно создать несколько подвижных блоков, наподобие того как построен сайт vk.com (Там присутствует свободное перемещение блоков чата и музыкального проигрывателя) Я хочу чтобы пользователь мог свободно их перемещать удерживая их левой кнопкой мыши. Я предполагаю что это должен быть CSS код, пожалуйста помогите
0 votes1 answer -
"От А до Я"
Конечно же в интернете можно найти множество полезной информации. Главное - знать что искать. Я, например, только начинаю своё обучение на HTML-верстальщика, по этому хватаюсь за всё. Наверное, много таких же новичков, которые учатся методом тыка. Но систематизировано, поэтапно учиться - это не только легче, но и быстрее. По этому предлагаю в этой теме составить программу обучения, чтобы отсеять ненужную литературу и не сталкиваться с одним и тем же по несколько раз. Построить такой курс можно, например, на списке книг от начального до профессионального уровня + дополнения. Ведь каждый наверное в начале своей карьеры задавал себе вопросы: С чего же начать? (Какие книги …
0 votes17 answers -
!Doctype
Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?
0 votes4 answers -
Картинка с атрибутом float
Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, п…
0 votes7 answers -
Заголовок RSS
Здравствуйте! Если честно, сам в шоке от того, что эта проблема возникла. Нелепость какая-то. Дело в том, что у меня в ленте RSS дублируется почему-то нэйм и дескрипшн. Хотя, прописывал все, естественно, по одному разу. Гляньте, пожалуйста: http://exreason.com/feed - Проблема в двух первых строчках перед анонсом верхнего поста. В каком файле можно удалить лишнее?! Заранее благодарю за ответ!
0 votes2 answers -
Ездят блоки на сайте
На сайте при увеличении маштаба третий блок(с новостями) уезжает вниз,как сделать так что бы они всегда были в ряд. P.S. как убрать сверху отступ сверху( что бы начиналось с градиента)
0 votes8 answers -
незнаю с чем связанная проблема,css!
вот мой "сайт"",хочу нотмально разметить его,ну чтоб через пхп генерировать посты!тольк в лвой часты цыфры не ровномерны то идут влево то в право,ну во втором посте ясно там нету заглавия,и выходит из дива-пост,ну это я испраю,а в чем проблема помогите пожалуйста никак не пойму!заранее большое спасибо! кстати,если можно оцените ещо и дизайн!Спасибо!
0 votes7 answers -
Проблема с блоками
Добрый вечер всем. Такая проблема, нужно чтобы в зависимости от содержимого контента тянулся сайдбар. На данный момент выглядит так http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg Помогите с этим..
0 votes14 answers -
Вопрос по CSS
Подскажите пожалуйста можно ли в CSS сделать так, чтобы в теге <p></p> все слова в кавычках стали жирными?
0 votes9 answers -
Бордер
Всем привет) У меня 2 проблемы. Надеюсь вы поможете их решить)) 1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка. 2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст? Сам код: <div class="name"> <a href="">Игра Жизнь</a> </div> <div class="date"> 03:00:00 01.01.1970 </div> <div class="text"> Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая…
0 votes7 answers -
проблемы с ie
Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…
0 votes7 answers -
Как задать цвет маркеров у LI при этом не затрагивая цвет текста?
Как задать цвет маркеров у LI при этом не затрагивая цвет текста? Так что бы цвет шрифта определялся, допустим, в BODY, а у маркеров был мною заданный цвет.
0 votes11 answers -
Как растянуть родительский блок по вертикали по высоте содержимого
Есть блок, позиционированный абсолютно. В нем есть другие блоки, также позиционированные абсолютно. Как сделать, чтобы если содержимое родительского блока превосходило его размеры, то он бы растягивался вниз? По умолчанию содержимое совершенно спокойно переходит границы родительского блока. Пробовал играться с overflow, но не дает нужного эффекта. Что делать?
0 votes5 answers -
Проблема с полосами прокрутки
Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…
0 votes3 answers -
Нужен совет
В общем верстал, верстал я свой первый макет. Но не учел изначально одной особенности, а именно классическую проблему "дивной" верстки - одинаковую высоту колонок в зависимости от наполнения контентом. Честно говоря, я всё ещё не в полной мере понимаю, как правильно бороться с этой проблемой. Пытался внедрить, то, что уже сделано в готовые решения. Например: http://www.master-web.info/equal-height-columns-cross-browser-css/ Но ничего у меня не получилось из этой затеи. Теперь, как мне кажется, нужно вообще верстать заново. Можно ли спасти мою работу http://kidrock.ks8.ru/project1/ или не морочить себе голову и верстать заново?
0 votes12 answers -
select
доброго времени суток!! нужна помощь!! небходимо в сделать выравнивание в списке select по центру!! я сделал в некоторых браузерах, а вот в chrome и IE неработает, неподскажите как для них сделать??
0 votes2 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/
-