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
-
inclide и несколько head
Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…
0 votes7 answers -
Прыгает текст при изменении масштаба
Здравствуйте, перерыла весь инет, немогу найти как правильно сверстать блок, чтобы при изменении масштаба не прыгал текст, вот у меня есть код для меню, когда я уменьшаю масштаб страницы последний пункт меню спрыгивает вниз, что делать? вот код, <div id="menu"> <ul> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="…
0 votes13 answers -
текст в адресной строке
Добрый день! Подскажите пожалуйста, как можно сменить текст ссылки в адресной строке браузера клиента? Вот например чтобы вместо http://forum.htmlbook.ru/viewforum.php?id=23 было всегда forum.htmlbook.ru или вообще www.ru Дело в том, что я использую переадресацию с домена третьего уровня на свой домашний комп, и не хочу, чтобы в адресной строке "висел" мой ip, вместо внятного адреса. Спасибо! P.S.: В качестве веб-сервера использую apache 2.2.6
0 votes3 answers -
Текстовая ссылка как элемент формы
Будете смеяться, но с html я на ты, особых проблем с ним никогда не возникало. Но вот столкнулся с интересной проблемкой. Может, кто подскажет, как е? решить. Дело касается форм. Предположим есть форма авторизации : логин и пароль. В качестве кнопки используется изображение, но помимо него хотелось бы использовать ещ? и обычную текстовую ссылку типа . Пример кнопки: <input type="image" src="image-button.gif" value="OK_BUTTON"> Понятное дело, кнопка обработается посредством action формы. А что делать с текстовой ссылкой ? непонятно. Собственно, куда она будет ссылаться? Возможно, есть метод, как связать ссылку с формой?
0 votes10 answers -
Перенос на новую строку, аналог <li>
Подскажите пожалуйста, как реализовать следующее: [дата] [текст], но текст может быть длинным и когда происходит перенос, на новой строке текст начинается не с начала, а с отступа, равным длине [дата], т.е. аналог [*], только вместо буллита дата. Спасибо [upd] Даже не аналог [*], а аналог , только без переноса.
0 votes5 answers -
выпадающее многоуровневое меню
Друзья, подскажите пожалуйста какой нибудь работающий способ как реализовать выпадающее многоуровневое меню, работающее во всех браузерах (в том числе в Эксплоере, блин). вот что я пробую например: http://realizant.narod.ru/oborudovanie-dlj...lmonologii.html вот - если наводим на "каталог продукции" вниз выпадает меню, наводим на любую кнопку этого меню выпадает под меню. соответственно таким образом реализовано: <li><a href="oborudovanie-dlja-pulmonologii.html" class="current" class="menulink"><strong>Каталог продукции</strong></a><span>02</span> <ul> <li><a href="#">артериальная ригидность</a>…
0 votes6 answers -
Подскажите тег "Больше или равно" и "Меньше или равно"
Есть ли такой специальный символ? А то мерзко выглядит: >= и =<.
0 votes10 answers -
Как сделать, чтобы фон тянулся?
Здравствуйте! Подскажите, пожалуйста, что мне сделать , чтобы фон в body не тянулся? В качестве фона выступает картинка. Надо сделать, чтобы она не повторялась, а тянулась. Возможно ли это?
0 votes7 answers -
Чистка css
Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…
0 votes8 answers -
Обводка инпута красным/зеленым без JS
Привет. Есть ли возможность только с помощью html5/css3 обводить поля красным/зеленым в зависимости от состояния инпута, не используя обработку событий с помощью javascript? Подскажите, как это сделать, как определить состояние инпута при помощи html5?
0 votes4 answers -
Скошенный хедер
Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос
0 votes1 answer -
Как выровнить текст по вертикали
Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…
0 votes10 answers -
INPUT и CSS
Описал фон для поля ввода - input{ background-color: rgb(255, 255, 255); width:100px; padding-left: 18px; border:1px solid #e0e0e0; } input.user { background-image: url('user_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px center; padding-left: 18px; } В FF все работает отлично, в IE когда длинна текста превышает длинну INPUIT картинка уходит из видимости, можно это как-то исправить?
0 votes4 answers -
Полоса между div и img
Помогите, не могу болше Есть конструкция <img width="960" vspace="0" height="240" style="margin: 0px; padding: 0px;" src="images/main.jpg" /> <div id="line"/> У всех элементов margin: 0 padding: 0 Между картинкой и div'ом, белая полоса шириной ~4px, никак не могу убрать, замучался, помогите. Спасибо!
0 votes3 answers -
Как принудительно заставить IE работать в стандартном режиме?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?
0 votes12 answers -
background при помощи after & before
Добрый день, подскажите как задать background для классов first, second через after и before - чтоб отображался по ширине на весь экран. Сейчас отображается background только внутри элемента. http://jsfiddle.net/mrfrunze/krkbdruu/2/ Допустима ли такая запись: <section class="content"> <div class="container"> <section class="first"> </section> <section class="second"> </section> </div></section><section class="first"> внутри <div class="container"> ? Спасибо..
0 votes6 answers -
Можно ли мне уже?
Ну вот вроде бы уже могу делать сайты, но какая то тоска на душе... можно ли мне уже брать деньги за верстку и сколько, например такую, и где главное? Свой дизайн еще не придумывал брал из интернета.
0 votes25 answers -
Оцените мою верстку
Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !
0 votes14 answers -
вопрос
существует ли способ ставить фоновое изображение не только в gif но и в Jpeg формате
0 votes13 answers -
Тень средствами css
Собственно как можно сделать тень которая отбрасывается от "страницы", подробнее на рисунке.
0 votes9 answers -
Уровнять разницу в размере шрифтов
Ттакой вопрос, можно ли указывать помимо фонт фэмэли, ещё и к каждому шрифту индивидуальный размер. Потому как Калибри и Тахома, оч отличются по размеру, то что на 12 у тахомы - норма, на колибри дико не читаемо. Но и от калибры отказываться не хочется, т.к. он красивый, и уже у половины пользователей наверное есть.
0 votes10 answers -
Как убрать вертикальный скролл если высота 100%
Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…
0 votes3 answers -
Тормозит прокрутка position: fixed;
Вот получилась такая прокрутка Сайт Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes7 answers -
Вопрос от начинающего по CSS и HTML
CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо
0 votes3 answers -
А давайте таки добьем мою галерею!
Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-