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
-
Текст под картинкой в ссылке
Приветствую. Столкнулся с проблемой. Может просто не догоняю, или устал просто. Что нужно? Нужно в ссылке выводить картинку и под ней текст. Все через CSS. Тут сложного ничего нету, но проблема в padding'е. Пример. Есть CSS #menu li.home a {float:left;display:block;width:49px;height:48px;background: url(../img/sour.gif) no-repeat -169px -6px;} #menu li.home a:hover {background-position: -169px -57px;} И есть сcылка <li class="home"><a href="/" title="Главная">Главная</a></li> Таким образом текст(Главная) по середине картинки. Как опустить текст под картинку? Если ставить padding, то тогда высота li будет в два раза больше и отодвигает другое меню…
0 votes34 answers -
текст под картинкой.
Здравствуйте! нужно сделать вот так: (текст по картинкой) У меня сейчас вот так: Вот Html: Вот Css: Помогите реализовать, то что на первой картинке (сам текст, который под картинкой).
0 votes5 answers -
Текст под ролловером
Такая проблемка. Пункты меню на сайте написаны не текстом, а картинками, ролловерами. Ролловеры сделаны на CSS. Всё чудесно, кроме одного. Некоторые чудаки бродят по Интернету с отключёнными картинками, и для них такое меню просто невидимо. Как назначить альтернативный текст картинке - общеизвестно. А вот как назначить текст ролловеру?
0 votes10 answers -
Текст после таблицы
Уважаемые специалисты! Есть некая задача. На странице выводится простая таблица (!с возможностью редактирования): Код страницы такой: <HTML><HEAD> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD> <BODY contenteditable="true"> <TABLE style="WIDTH: 100%" bgColor=#ffffe1> <TBODY> <TR borderColor=#ffffe1> <TD>Text XYZ</TD></TR></TBODY></TABLE> </BODY></HTML> Задача состоит в том, чтобы принудить пользователя редактировать текст именно внутри желтенькой таблицы, а не за ее пределами. Но п…
0 votes3 answers -
Текст прижать к правому краю DIVa.
Здрасте. Пытался сделать это с помощью - text-align: right; , не сработало. Требуется в одной строке с <h1>MagicShine EAGLE F3,</h1>, но не в нём самом сделать надпись - "Опубликовано 5.06.2015." у правого края блока. Я указал смещение относительно - position:relative;, считаю это некорректно, вдруг размер блока для контента по каким-то причинам изменится, и надпись окажется не там. Вот оно на странице - http://велосвет.рф/china/mj-f3.html. Подскажите, как мне прижать к правому краю её ?
0 votes6 answers -
Текст пропадает в IE6
При обновлении странички, текст становится как бы цветом фона, т.е. он визуально невидимый. Когда нажимаю Ctrl+A, или просто делаю выделение его мышкой ? он появляется. В чем может быть проблема, может кто-то сталкивался с подобным? <div id="user-panel"> <ul class="menu"> <li class="home"> <a href="#">Home</a> </li> <li> <a href="#">Blog</a> </li> </ul> <div class="spacer"></div> <p class="username"> MILAX </p> <p class="links"> <a href="#">Link1</a> <a href="#" class="exit">Exit&…
0 votes5 answers -
Текст разного размера по одной линии
Имеем: <ul style="margin: 0; padding: 0; list-style: none;"> <li style="font-size: 11px; float: left;">текст</li> <li style="font-size: 12px; float: left;">текст</li> <li style="font-size: 13px; float: left;">текст</li> <li style="font-size: 14px; float: left;">текст</li> <li style="font-size: 15px; float: left;">текст</li> </ul> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?
0 votes6 answers -
Текст расползается на ширину всего экрана (внутри <table>)
Подскажите пожалуйста, как можно решить следующую проблему? внутри таблицы тэг <div> не реагирует на ее ограничения по ширине. причем в опере и ИЕ все нормально - а в файрфоксе и сафари ненормально - можно ли как то установить приоритет таблицы или что-нибудь подобное?
0 votes1 answer -
текст растягивает табличу или "прячется"
К примеру использование overflow: hidden; <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> растягивает таблицу, если строку погрузить в контейнет div то часть строки прячется. как сделать так чтоб не растягивалась и не пряталась? нашел nowrap было <td nowrap> <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> </td>
0 votes1 answer -
Текст русскими буквами или "и"?
Добрый день! Ответьте неспециалисту! Я делал себе сайт с помощью Макромедиа Дримвьюер, англ. версия. Там весь русский текст, Тайтл и другие теги выглядят не в кириллице а в виде знаков типа "и", причём в браузере вариант в кириллице или в этих знаках отображаются одинаково. Как лучше с точки зрения поведения робота Гугл при ранжировании, или исходя из других соображений? Оставить всё в варианте "и", или переписать кириллицей? Спасибо всем кто ответит!
0 votes5 answers -
Текст с видео внутри
Здравствуйте. Подскажите пожалуйста как сделать так, чтобы внутри текста было видео с бэкграунда? Примерно как на картинке, но вместо картинки - видео. Сам я не профессиональный верстальщик, просто делаю маленький "абстрактный" сайт для себя (надеюсь это сообщение не отобьет желания помочь). Спасибо.
0 votes2 answers -
Текст сверху border
Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:
0 votes21 answers -
текст сжимается
Доброго всем времени суток. У меня есть сайт, когда я нажимаю на кнопочку(рядом с крестиком(закрытие браузера)), у меня уменьшается окно, потом, я начинаю уменьшать размеры браузера, и текст начинает сдвигаться...а мне этого не нужно. пусть будет на исходном положении, что бы внизу появлялась полоса прокрутки...
0 votes2 answers -
Текст смещается!
вот собственно в чем проблема. при нажатии ctrl и прокрутке колеса, вот такая вот история...текст влево смещается и уменьшается, а он не может на своем месте уменьшатся? почему он смещается?!
0 votes3 answers -
Текст спадает вниз
Текст на кнопке "Перезалейте" почему-то спадает вниз, но если на неё нажать, то появляется другой текст, который уже отображается нормально. Вопрос: почему он тогда сразу спадает? Сайт
0 votes1 answer -
текст справа картинки
здравствуйте помогите пожалуйста нужно чтобы описание появилось справа картинки а кода добавляю float:right вот что получается ссылка на код http://codepen.io/lybrook/pen/neCkv/
0 votes7 answers -
Текст строкой
Установил ограниченную ширину, а текст всё равно идёт строкой и не переносится на след. строчку, выходит за грани (т.е. ширина таблицы из-за него автоматически увеличивается). Ничего не могу понять толком, в чём проблема? http://team-unity.narod.ru/test.html xD Всё, разобрался. Просто у меня текст был одним словом и естественно ничего не переносилось, а я, дурень, в коде ошибку искал. Извините за глупость)
0 votes0 answers -
Текст убегает с DIV блока
Все привет, столкнулся с проблемой при верстке а именно текст убигает с блока <div> сам не пойму о.О [b]INDEX[/b] <tr> <td id=wapka> <div id=avto class=div_avto > <div id=new class=div_new> <p>787686888686868686868688686867887777777777</p> </div> </div> </td> </tr> CSS #wapka { background-image: url('verst/02.gif'); background-position:right top; background-repeat:repeat-x; } #avto { background-repeat: no-repeat; background-image: url('verst/03.png'); background-position:left top; } .div_avto { height:320px; margin-top: 20px; margin-left:10px; } #new { ba…
0 votes3 answers -
Текст уезжает за границы
Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока div. Внутри div сделал 3 тега "р" , так как у каждого текста свои стили должны быть и отступы разные. Но текст разъезжается и вылезает за выделенные для него границы. Подскажите, как быть.HTML<div class="latest"><p class="number">15</p><p class="june">June</p><p class="year">2016</p></div>CSS.latest {background-image: url(image/square.png);width: 98px;height: 139px;margin-left: 445px}.number {padding-top: 32px;color: #000000;font-family: Poppins;font-size: 32px;font-weight: 500;height: 24px;}.jun…
0 votes1 answer -
Текст уезжает под DIV (Firefox)
Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}
0 votes1 answer -
Текст уходит за пределы видимости
День добрый! На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной. Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять на но хочется более правильный вариант.
0 votes10 answers -
Текст шире ячейки
Народ, подскажите как сделать так чтобы текст вылезал за границы ячейки, т.е. нужно изобразить следующее http://gyazo.com/57f7c267be08e36c938a25f291f471c7 Ширина всего столбца по пунктирной линии, а слово питание в верхней ячейки шире всего столбца.
0 votes1 answer -
Текст, изображение выходит за блок... Помогите пожалуйста
Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!
0 votes0 answers -
Текст, который длиннее 1 строки, переносится на следующую строку
На сайте есть блок тестирования. Проблема отображена в скриншоте. Может кто-нибудь поможет разобраться, как это исправить?
0 votes1 answer -
Текст, надпись на фоне-картинке
Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-