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
-
Убрать теги, добавить теги, изменить текст
У меня такое задание: 1. Необходимо изменить текст ссылки "Главная" на "Главная страница" посредством css. 2. Добавить кусочек html кода с помощью css (after и before добавлют как текст) 3. Убрать некоторые теги <br>. И все это с помощью css. Зачем? Мне необходимо переделать вап-версию портала в веб, путем лишь изменения css, и у меня встали вот такие трудности. Заранее спасибо. Ах да, и еще - как сделать так, чтобы тег div автоматически не переносился на другую строку? изменить на span не имею возможности. спасибо.
0 votes3 answers -
Отступы
Помогите, пожалуйста! В мозиле отображается нормально, а в опере идет отступ сверху пикселей в 50. стили: div.header { margin:0 auto; float:left; width:33%; } body { margin: 0; padding: 0; background: #a68787 url(images/img01.gif) repeat-x left top; font-size: 13px; text-align: justify; color: #634e4e; } body, th, td, input, textarea, select, option { font-family: Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a68787; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul,…
0 votes6 answers -
Формы в таблице
Использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть табличные данные, которые надо редактировать. Исходя из структуры данных (табличная) думаю что семантически правильнее использовать table, но возникла проблема при таком коде <table><tr><th>Заголовок</th><th>Заголовок2</th></tr> <form action="" method="post"><tr> <td><input type="text" name="name" value="value" /></td> <td><input type="text" name="name2" value="value2" /></td> </tr></form> <form action="" method="post"><tr> <td><…
0 votes4 answers -
Ширина табов
Есть такие табы. Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже?? Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. ( Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??
0 votes14 answers -
Как исправить блок под Safari?
Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…
0 votes2 answers -
Ссылки по дуге
Нужно расположить несколько ссылок-картинок (меню) по горизонтальной дуге. Думал сделать так: #menu li { position: relative; display: inline; } #menu li a { display: block; margin-left: 30px; width: 75px; height: 75px; } а уже сами ссылки подогнать по высоте при помощи top: xx; но оказалось, что при помещении блочных ссылок внутри встроенных [*], последние дружно выстраиваются столбиком. В чем моя ошибка?
0 votes3 answers -
Кусок меню отваливается в IE
Посмотрите http://junglecity.ru/newshop/ В опере и мозилле все в порядке. ИЕ видимо по своему трактует width самого меню. Поэтому все выходит больше 850px. Как с этим бороться? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>index</title> <style type="text/css"> BODY { text-align: center; margin-top: 20px; } #page { width: 850px; margin-right: auto; margin-left: auto; } #logo { text-align:left; margin-bottom: 20px; } #punkt { width: 834px; height: 41px; background: #009900; line-height:41px; } #punkt ul { display: inline; } #punkt ul li { padding: 3px 20px; border-le…
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 -
Верхний див не активный, нижний активный.
Два дива, у одного z-index выше, он соответственно располагается поверх и становится активным. А возможно ли как то сделать его (верхний блок)не активным, а нижний активным?
0 votes2 answers -
Не получается изменить цвет блока
никак не получается изменить цвет белого текста в блоке на главной (скрин) http://rubasket.com пробовал-пробовал-не вышло :
0 votes13 answers -
Бордер поля в форме. Chrome/Safari.
Никогда над этим не задумывался, как то не мешало особо. Но тут делаю один макет, и там этот бордер в активном поле жутко раздражает: В хроме оно оранжевое. Кто знает как убрать?
0 votes5 answers -
Два вопроса по верстке.
Здравствуйте! Есть блок некоторой высоты и ширины, внутри него хочу разместить элемент. Я должен задать два свойства (bottom и left или bottom и right или top и left или top и right) для размещения моего элемента. Имеет ли принципиальное значение, откуда брать отступы: сверху или снизу, слева или справа? Понятное дело, что, если элемент, скажем, сдвинут на 10 пикселей от верхнего края и на 20 от левого, то нужно написать: position: absolute; top: 10px; left: 20px; и не заморачиваться насчет того, чему же будут равны отступы справа и снизу. А если элемент где-то в середине? Имеется блок с фоном некоторого цвета, внутри него размещены другие блоки, фон внутренних блоков д…
0 votes7 answers -
Глюк в ИЕ6, которого еще не было
Столкнулся с очень странным глюком Ишака. Верстаю на компе — все нормально, однако когда заливаю сверстанное на хостинг, тогда верстка ломается в ИЕ6, при этом в коде ни одного знака не меняется. Товарищи знатоки, в чем тут может быть проблема?
0 votes15 answers -
Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?
Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?
0 votes4 answers -
css блок с теню
Здраствуйте! Здесь http://www.yootheme.com/demo/joomla/enterprise для создания тени исползуетса картинка. Но теневые картинки там странные и я так не смог понять как они так окуратно всё зделали. Кто может мне обяснить?
0 votes6 answers -
Требуется помощь c CSS стилями
Здравствуйте все. Прошу помощи. Все перепробовал,ничего не получается. В ссылке изображение шаблона. Эффект тени который указан стрелками не показывается при заливке сайта на хостинг. На локальном диске все отображается нормально. Я понимаю,что проблема скорее всего в стилях,но что исправить не знаю. Буду благодарен за помощь. http://mirina-art.neirs.ru/kartin.html Пишите мне
0 votes6 answers -
Сайдбар падает вниз.Резиновый двухколоночный макет.
Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #content, а не сбоку! .Почему?Люди, помогите,пожалуйста!!!)))) css код: @charset "utf-8"; /* CSS Document */ <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output…
0 votes4 answers -
Разная кодировка в одном слове
Такая проблема: если слово превышает 7 символов, то происходит то что на картинке. В чем может быть проблема ?
0 votes9 answers -
Форматирование текста
deleted
0 votes4 answers -
Фиксированное меню с помощью Javascript
Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…
0 votes4 answers -
Hover, всплывающий блок внутри блока
https://jsfiddle.net/7gb0chpj/ Чтоб при наведении на block2 всплывал PopUp Block внутри block1. Можно запедалить на чистом css3 без js?
0 votes4 answers -
Подскажите как сделать?
Подскажите как сделать поиск по содержимому сайта, чтобы найденное вставлялось в текущее окно. Желательно расписать поподробнее, т.к. начинающий. За ранее благодарю!
0 votes8 answers -
как это понять ?
Изучая глубже HTML наткнулься на это =================================================================== <!ELEMENT A - - (%inline;)* -(A) -- якорь --> <!ATTLIST A %attrs; -- %coreattrs, %i18n, %events -- charset %Charset; #ПРЕДПОЛАГАЕТСЯ -- набор символов связанного ресурса -- type %ContentType; #ПРЕДПОЛАГАЕТСЯ -- информативный тип содержимого -- name CDATA #ПРЕДПОЛАГАЕТСЯ -- имя целевой ссылки -- href %URI; #ПРЕДПОЛАГАЕТСЯ -- URI связанного ресурса -- hreflang %LanguageCode; #ПРЕДПОЛАГАЕТСЯ -- код языка -- rel %LinkTypes; #ПРЕДПОЛАГАЕТСЯ -- типы…
0 votes3 answers -
Ячейка таблицы - ссылка
Нужно сделать так: чтобы ячейка таблицы была ссылкой с белым фоном и синим текстом, а при наведении фон менялся на синий а текст на белый (и в любой части ячейки курсор был как при наведении на ссылку). Помогите, как это сделать?
0 votes4 answers -
IE7 выводит белые полоски у таблицы
Проблемы с ие7 ВыводиТ какие-то белые полоски возле таблиц (http://rubasket.com) PS Тупой осёл 7
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-