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
-
глюки текста в Опере!
Привет!Как сделать так что бы текст в ячейки таблицы был выравнен по ширине и не вылезал за границы таблицы в Опере.в других все работает!
0 votes7 answers -
Препроцессоры SASS и LESS. Автоматизация Front-end разработки
Препроцессоры SASS и LESS. Автоматизация Front-end разработки (курс от команды webformyself) Ищу, где скачать бесплатно, желательно с торрентов Весь инет гуглом и яндексом перерыл, не нашел. Дайте ссыль, очень нуно
0 votes4 answers -
Как задать непрозрачный фон ( background-color: #ffe;)
Здравствуйте ! Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя. Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-( Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо: <style type="text/css"> BODY { background: #EEFFFF; } .menu1 { font-size: 16pt; font-weight:700; font-face: Arial; } .in2 { z-index:2; /* float: left; Обтекание врезки по правому краю */ width: 200px; /* Ширина врезки */ background-color: #ffe; /* Цвет фона */ padding: 15px; /* Поля вокруг картинки */ margin: 5px 15px 0 130…
0 votes4 answers -
display: table для ослов
Как заставить ослов 7-ой и ниже версии понимать display: table , table-cell свойства?
0 votes34 answers -
Ругается валидатор
Ребят почему валидатор HTML ругается на строку <html lang="en"> всего 1 ошибка никак не пойму почему все же правильно,пробовал менять на ru тоже самое вот что пишет хотя вложенность тегов правильная
0 votes2 answers -
Отмена наследования CSS для кнопок
Собственно говоря отменить наследование, я думаю не получится. Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />. Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС). Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо. Подскажите, пожалуйста какие значения нужно указать эти…
0 votes9 answers -
META charset
у меня по умолчанию на всех страницах Dreamweaver ставит charset=utf-8 хоту изменить на windows-1251. В чем разница и что может измениться.
0 votes14 answers -
Как сверстать такое меню?
Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.
0 votes40 answers -
Проблемы с табличной версткой в WinIE
Доброго дня! Занимаюсь табличной версткой. Вот код макета (с вложенной таблицей): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Table Layout</title> <style type="text/css"> html,body { margin:0; padding:0; } html { height:100%; } body { height:100%; padding:0; margin:0 auto; width:80%; min-height:100%; position:relative; } *html body { height:100%; } table { width:100%; height:100%; border:1px soli…
0 votes19 answers -
Внешний вид таблицы
Вопрос из серии HTML %) про таблицы Реально ли изменить эти теги или отредактировать их чтобы на сайте таблица выглядела, как в ворде? </div> <table cellspacing="1" cellpadding="1" border="1" style="width: 845px; height: 147px;"> <tbody> <tr> <td style="text-align: center;">Дата регистрации</td> <td style="text-align: center;">Ф.И.О. собственника</td> <td style="text-align: center;">Документ на право собственности</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> …
0 votes16 answers -
сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры
В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…
0 votes10 answers -
Вёрстка разделителей списков
Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?
0 votes47 answers -
обновление страницы каждые 5 сек
Здравствуйте, помогите пож, не могу разобраться в чем дело.... Обновление страниц сайта происходит каждые 5 сек, причем если успеваешь зайти не на главную, то он все равно возвращает назад. Причем это происходит во всех браузерах! (( Пока, например, в опере не запретишь обновление.... В настройках в опере он говорит, что обновление "заданное страницей" . Как быть? Заранее спасибо за ответы и участие.
0 votes6 answers -
CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец
Есть широкий див, в нём находятся 2 элемента, 1-ый из них имеет фиксированную ширину. Задача: приделать динамическую (изменяемую) ширину для 2-ого элемента, расположив оба элемента в одну строку. Проблема: если установить 2-ому элементу width:auto, то в таком случае элементы размещаются в столбец, а надо в строку. Если установить для 1-ого элемента float:left, а для второго width:auto и float:right, то по идее всё должно решиться, но этого не происходит (firefox 3.5 + stylish). Ещё я поигрался с display: table-row/table-column (пробовал и менять на другие возм. параметры), но ничего не изменилось. Как правильно выставить этот параметр и главное для кого? Для суб-элементов…
0 votes32 answers -
100% высота div'a относительно родителя
есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?
0 votes9 answers -
IE6 и Float...
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Tetro</title> </head> <body> <div id="wrap"> <div id="header"> <img src="img/head.png"> </div> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="wrap2"></div> <div id="footer"></div> </body> </html> img/head.png = (ширина 400, высота 100) html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} body > #wrap2 {height: auto; min-height: 100%;} bo…
0 votes34 answers -
Выровнять форму по вертикали
Надо форму поиска выровнять в слое заданной высоты. Как не мучаюсь не получается. html <div id="search"> <form> <input type="text" /> </form> </div> css #search { height:30px; border:#666666 1px solid; } #search input { display:inline; vertical-align:middle; } не равняется хоть ты тресни
0 votes3 answers -
У меня valign="middle" не работает
кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?
0 votes8 answers -
Как нарисовать таблицу с помощью div
Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …
0 votes3 answers -
Небольшая, но очень интересная задачка по верстке.
Дан вот такой код: <!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" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…
0 votes55 answers -
IE или я тупой?
Вставляю картинку Все броузеры отображают, ок. делаю ссылку с картинкой: все, кроме IE, картинку выводят, ставил и кавычки и одинарные и двойные, и размеры, и разные атрибуты, а в IE картинки нет. Может формат картинки поменять? Или я что то не то делаю?
0 votes35 answers -
Как растянуть блоки по высоте строки
вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...
0 votes13 answers -
div съезжает вниз
Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:lef…
0 votes8 answers -
первые шаги в HTML5, после HTML4 непривычно
Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…
0 votes33 answers -
высота div = высота окна браузера - 100px
Вот такая простая задачка: нужен слой, чья высота будет равна высоте окна браузера минус определенное число px. Скрипт для определения высоты найти не сложно: function findDimensions(){ var width = 0, height = 0; // переменные с шириной и высотой окна if(window.innerWidth){ // если браузер поддерживает метод window.innerWidth width = window.innerWidth; // присвоить ширину методом window.innerWidth height = window.innerHeight; // присвоить высоту методом window.innerWidth } // иначе если браузер не поддерживает метод window.innerWidth, else if(document.body && document.body.clientWidth){ // то если б…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-