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
29542 questions in this forum
-
Кнопки
У меня такая проблема, помогите плиз...сделал ссылку такого вида <a href="URL" target="_blank"><button type="button">Слово</button></a> и столкнулся с тем что Опера и другие браузеры проходят по ссылке, а IE ни какой реакции, как только убираю кнопку ссылка работает, как быть, чтобы и кнопка была и эксплорер как то реагировал, ссылка на сайт с проблемой Проблема с кнопкой, помогите плиз... P.S IE обязательно так как сайты защищенные и на Опере и других браузерах не работают (HTTPS) P.P.S Заходил на сайт с браузеров Mozilla Firefox 3.5, Opera 9.63, IE 6 (7,8)
0 votes7 answers -
Height:100%
Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.
0 votes8 answers -
Настройка Div-контейнера
Необходимо создать два контейнера на одной строчке, так что-бы текст в первом был прилеплен к левому краю, во втором к правому, посредствам CSS. Т.е., на HTML, это выглядило бы так: <table width=100%><tr> <td align=left> ... </td> <td align=right> ... </td> </tr></table>
0 votes2 answers -
Карта ссылок на изображении - помогите
<body> <div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div> <MAP name="somemap"> <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru"> </MAP> </body> </html> сделал такой код для примера... ничего не работает .... жму на картинку никуда не переходит ... в чем проблема ?
0 votes9 answers -
Теги HTML
При изучении HTML возник вопрос. Для чего нужен тег <cite> задача которого заключается в выделении текста курсивом если есть тег <em> который делает тоже самое. В чем их отличие?
0 votes6 answers -
Почему блок выпал?
Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!
0 votes8 answers -
Цвет становится бледнее
Вставляю томный цвет в backgraund, но в итоге он получается бледнее. А если ставлю картинку того цвета, то показывает корректно. С чем это связано?
0 votes15 answers -
Свой шрифт(из интернета)
Здравствуйте, я бы хотел использовать пиксельных шрифт на сайте, скачал его из интернета, но не понял как использовать его. Интернет обсёрфил, не нашёл. Помогите пожалуйста.
0 votes1 answer -
Нужна помощь с div в ие6
Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…
0 votes2 answers -
помогите с изучением- нада книга
скиньте сылку на книгу html.4 желательно чтобы книга была с полным изучением и примерами... базовый, даже чуть больше я знаю но хотел бы выучить язык на высшем уровне. буду осчень благодарен (я когдато видел книгу 40 мб но потерял сайт и теперь не могу найти... мне бы похожую)
0 votes3 answers -
Дайте пожалуйста идею
Возникла ситуация когда большой портал стал слишком много места занимать на хосте, поэтому приходится хоть как-то выходить из положения. В частности приходится у самых старых новостей удалять картинки. Но в браузере отсутствующая картинка простым квадратиком отображается. Как можно реализовать через css, что бы отсутствующая картинка заменялась спец картинкой, например "Изображение отсутствует"?
0 votes5 answers -
Расположение иконок
Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.
0 votes6 answers -
Как сделать пустой div невидемым
Добрый вечер, натянул свой шаблон на cms, есть слайдер на главной странице, для него отдельный div. На остальных страницах, где его нет, появляется ненужный отступ+пустая полоска бордера, что можно сделать в этом случае? ув.модератор, откорректируй если есть возможность слово- "невидемым" а то опубликовал, а потом заметил такую нелепую ошибку.
0 votes6 answers -
Так ли нужно прижимать футер ?
Знатоки поделитесь знаниями. Нужно ли все время прижимать футер ? Делаю вторую верстку всего, использую схему с прижатым футером, но контент не требует этого.
0 votes8 answers -
Помогите с версткой. Вопросы
Хочу сделать блок с информацией. В ИЕ6 выводится вроде нормально, а в опере, мФ все наперекосяк. Подскажите как избавиться с этой проблемой. Как видят отступы браузеры? Спсибо <style> *.br2 { font-size: 1px; height: 1px } .r_1 { background-color: #ddd; margin: 0 2px; height: 1px } .r_2 { background-color: #fff; margin: 0 1px; height: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .r_3 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } </style> <div style="height:70px; width:700px;"> <div class="r_1"><img src="images/spacer.gif" width="1" height="1" alt="" /></div> <div class="r_2"&g…
0 votes4 answers -
Лишние отступы
Здравствуйте! Такая проблемка: при расположении двух изображений рядом (бок-о-бок) задаю одному align='left', другому нет и смотрится нормально, за исключением того, что правое (второе) изображение несколько сползает вниз. Создается такое впечатление, что там появляется какой-то верхний отступ (которого, на самом деле, нет). Такая же ситуация и с дивами (float='left')... От чего это и как исправить? Спасибо. ЗЫ: Извиняюсь, если подобная тема уже была, просто не нашел - поиск как-то криво работает...
0 votes5 answers -
Div вёрстка и css
Не понимаю что "Не Так". Должны быть две картинки с логотипом, ксс на дивах отличаются только позиционированием, z индексом и тем что один класс, а другой ид. Помогите... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> div#logo {url(img/LOGO.gif); Z-INDEX: 1; relative; top: 100px; left: 100px; right: 100px; bottom: 1300px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible; } div.button { BACKGROUND-IMAGE: url(img/LOGO.gif); Z-INDEX: 2; relative; top: 100px; left: 300px; right: 100px; bottom: 1100px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible;} BODY …
0 votes6 answers -
форма и 2 кнопки
как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?
0 votes6 answers -
Бэкграунд для меню
Здравствуйте. Вот пытался найти способ, чтобы сделать такое же меню как на сайте Кинокопилка, но у меня ничего не получилось. Искал довольно упорно и долго, но видать что-то не так делаю. Т.е. мне нужно, чтобы при наведении на пункт меню (a:hover) он выделялся каким нибудь цветом. Я знаю как это сделать через бэкграунд, но у меня длина выделения разная, в зависимости от названия пункта меню. Выделяется только до конца последней буквы. А мне нужно, чтобы во всех случаях выделение было равномерным. И опять же на сайте Кинокопилка, после того как перешёл по какому-нибудь пункту из меню, его этот пункт остаётся выделенным. Можно ли эти 2 вещи осуществить посредством CSS и H…
0 votes4 answers -
Если вылазят строки
В общем проблема следующего рода - есть div с заданной шириной, и ограниченой высотой, содержание заранее не известно. Иногда бывает, что при обрезании текста, видна часть строки, что есть некрасиво. Хотелось бы удалить не полностью отображаемые строки, ни где не могу найти решения , вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Test</title> <style type="text/css"> .content{max-width:200px; max-height:200px; overflow:hidden} </style> </head> <body> <div class="content">…
0 votes5 answers -
Делаю сабе визитку... Вопрос относительно меню и центрирования дива
Доброго всем времени суток... Делаю себе сайт визитку... пока есть две страницы ( http://berkutmail.narod.ru http://berkutmail.narod.ru/gallery01.html ) появились вопросы на которые сам не могу найти ответ.... 1 не могу понять, что за сообщение вылезло в левой стороне страницы (от куда оно взялось и как от него избавиться)??? это сообщение отсутствует только в Хроме... - в остальных браузерах проявляется... хотя когда смотришь сайт с жесткого диска а не с хоста - сообщения - нет.. 2 подскажите как отцентрировать див в котором находится изображение / галерея по центру экрана по вертикали.... 3 каким образом делается, чтоб меню открывалось/закрывалось по клику... заранее б…
0 votes8 answers -
Помогите с вёрсткой
Макет составил потренироваться. Нормально работает в Опере и ИЕ. В Хроме и ФФ не работает jquery. Точнее, работать то он работает, только якори не кликабельны. Я так подозреваю из-за css. Помогите, пожалуйста. Очень буду благодарен так же, за попутные комментарии по css. Или кроссбраузерности. Спасибо. Вот весь сайтец http://narod.ru/disk/17154159001/www.rar.html
0 votes10 answers -
Слайдер
Пробую сверстать свой первый сайт с шаблона Psd .После шапки сайта идет слайдер реально ли мне новичку собрать слайдер и с чего хотя бы начинать его делать??Легких путей не ищу:'))
0 votes8 answers -
Два и более аккордеона на странице
Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер?…
0 votes3 answers -
Вопросы по стилям
1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне. В html прописано class="grid-img sqr" но в css прописано только .sqr 2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения. Что будет если я пропишу всё в в один селектор? 3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится? Буду признателен если в ответы покидаете отыеты в виде ссылок.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-