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
-
вопрос про php
Приветствую. Хочу сайт что бы был на php. Для того что бы сервер знал что страницы сделаны на php , нужно файлам дать расширение php так ?? Если так, то после того как я расширение html переименовываю в php , файл (с расширениеме php) вообще не открывается , в браузере всплывает окно , не возможно открыть файл...". Как же правильно сделать?
0 votes14 answers -
Выпадающее меню на CSS
Ребята, подскажите пример Выпадающего вертикального меню на css, чтобы работало в IE, Opere и Mozile Меню такого плана, Раздел и подразделы, когда кликаешь по Разделу раздвигается по вериткали и сдвигает снизу стоящий текст: | Меню1 | | Раздвигающиеся меню1| - | Подменю 1.1 | - | Подменю 1.2 | - | Подменю 1.3 | - | Подменю 1.4 | | Меню2 |
0 votes5 answers -
Несколько вопросов по верстке.
Добрый вечер. Дкмал вначале дать более точное назвнаие топику, но подумав, решил что у меня скорее всего будет еще пару вопросов... Подопытный находиться здесь 1.Одинковая высота колонок сделана с применением margin и padding, но переодически наблюдаю глюк в опере (10.6х) Блоки не обрезаются, т.е идет сайт, а потом фон и в сумме нам это и дает 30 000пк в высоту. Хоят в большинстве случаев все отображается нормально, но все же не совсем приятно. Вот и не могу понять, то ли я где то накосячил, то опера тупит (в других браузерах вроде все норм.) 2. Небольшой недочет в хроме. Правый блок с рекламой (на главной) отображается без бордера, во всех остальных браузерах все нормал…
0 votes31 answers -
Placeholder на странице xhtml не проходит валидацию в w3
Имеется xhtml страница с формой отправки сообщений. При проверке на валидацию w3 выдает ошибку в строке <input name="title" class="comments-name b-comments__name-i" placeholder="Ваше имя" maxlength="100"/> страница с ошибкой находится по адресу http://dorogadushi.narod.ru/uslugi/otzivi_i_predlozheniya/ Ругается валидатор именно на placeholder. Говорит, что там нельзя чтобы был такой. привожу отчет валидатора w3: Помогите понять в чем проблема.
0 votes6 answers -
Не работает INSERT INTO
Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw
0 votes9 answers -
Резиновый блок
Здравствуйте. Я затрудняюсь на создании резинового блока. дело в том, что я делаю два резиновых блока, присоединённых друг за другом. если в файле стилей я прописываю 50% на каждый, то при смене разрешения они искривляются и искажаются, в зависимости от количества слов в тексте в них. Если у кого есть опыт, скажите, как сделать два резиновых блока. высоту можно сделать фиксированной 200px. <div>Блок 1</div<div>Блок 2</div
0 votes6 answers -
Принудительная отмена стиля
Здравствуйте. Подскажите пожалуйста, как можно принудительно отменить стиль таблицы, действующий для всего сайта. Имеется тема на wordpress. Там есть стиль (зебра), он распространяется на все таблицы, создаваемые на страницах. Но мне нужно просто вертикально выстроить картинки, решил применить табличку, чтобы было красиво, но они поочередно выделяются белым/серым фоном.
0 votes14 answers -
CSS меню из XHTML в простой HTML
Вот код меню, взятый с некоторого сайта. Мне необходимо поместить это меню в HTML страницу, но в таком случае пропадает "выпадаемость" Видать я еще маловат, чтоб дойти до ответа... Ваши варианты? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> Stu Nicholls | CSSplay | Professional series drop#2</title> <style type="text/css"> /*Credits: CSSplay */ /*URL: http://www.cssplay.co.uk/menus/pro_drop2 */ .preload2 {background: url(p…
0 votes9 answers -
Будущее html-верстальщика
Вот взять среднестатистического программиста. Какая у него может быть карьерная лестница? Junior, Intermediate, Senior, Team Leader, Head... Не знаю, архитектор там какой-нибудь, не знаю как точно он вписывается в эту иерархию. А какое возможно будущее у верстальщика, кроме как "супердуперверстальщик"? Вот сеньоры в Москве получают 100k, это если смотреть по вакансиям, где размер оклада открыт. Но сеньору есть куда расти. Верстальщик может в Москве получать 90k-100k. Но правда ли, что это потолок? Есть ли куда развиваться дальше?
0 votes20 answers -
Проблема с footer
Всем привет. Была проблема: "подвал" на сайте http://www.my-abc.info/ в мозилле уезжал вверх, т.е. следовал сразу за основным текстом. Проблему решил правкой css: добавил clear:left в классе .outfooter. http://www.my-abc.info/styles.css На другом сайте такая же проблема - http://www.sdmsp.com/ При этом в IE6 всё отображается нормально, а вот в остальных браузерах - низ уезжает вверх... Пробовал решить добавлением clear:both, но не помогает. http://www.sdmsp.com/styles.css http://www.sdmsp.com/mail.html У кого какие мысли? Я просто даже не знаю, где нужно искать проблему... Буду благодарен за любые подсказки.
0 votes32 answers -
div фон
Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…
0 votes42 answers -
Проблема с font-stretch
Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.
0 votes10 answers -
3 колонки, ширина средней растягивается по содержимому
Здравствуйте! Cтолкнулся с такой проблемой... Надеюсь на Вашу помощь! Задача такая: 3 колонки, нужно помещать в среднюю колонку контент любой ширины(например фото шириной 1200px) и чтобы при этом третья колонка(левая) всегда была привязана к краю средней, т.е уезжала влево. Долго искал, но так и не понял как это можно реализовать.. Если не сложно переделайте вот этот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style type="text/css"> * { margin:0; padding:0; } body, html { color: #4D4D4D; font-size:12px; font-family:Arial, Helvetica, sans-serif; min-width:1000px; } #main { margin-top:2px; } #wrapper {…
0 votes7 answers -
Проблема с плавающим фреймом
Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…
0 votes28 answers -
Ударение над буквами
Знаю, что есть ´ (акут) - вычитал на википедии. И там же увидел как его юзают. Захотелось попробовать, но когда я пишу догово´р, то получаю такую строку - договоґр. Возникает вопрос, а как делают на википедии, что ударение над буквой стоит? Посмотрел html - никакими тегами ударение не обрамлено, значит ни скриптом, ни стилями оно не сдвигается. Может в шрифте дело (хотя вроде там обычный Ариал юзают)? Кто-нибудь делал такое? О, случайно в сети наткнулся на решение оказывается есть в юникоде ́ (combining acute). И писать его надо перед буквой, типа докум́ент. Если кому интересно, то вот. Еще пишут, что не все шрифты его поддерживают нормально, но популярные (Arial, Trebuch…
0 votes4 answers -
Как правильно верстать логотип?
Уважаемые форумчане! Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так: <strong class="logo"><a href="#">LOGO</a></strong> а затем вешал картинку на фон блока с помощью CSS. Или лучше использовать тег <img>? А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?
0 votes4 answers -
Пробел между картинками
Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?
0 votes3 answers -
Проблема с отступами внутри блока
Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…
0 votes24 answers -
Резиновое расстояние между картинками.
Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?
0 votes13 answers -
float. Баги отображения при уменьшении размера окна IE.
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…
0 votes4 answers -
Смещается горизонтальное меню вниз в Opere
Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …
0 votes28 answers -
Высший пилотаж CSS
Доброго дня, Уважаемые! Наткнулся случайно на немецком сайте http://www.yaml.de на интересные вещи. Сразу скажу, некоторые я увидел впервые. (рекомендую скачать примеры с их же сайта (вс? бесплатно) Download YAML ) А вот то до чего у меня не доходит или я просто шокирован таким применением...: (куски из разных мест) body { background: #4d87c7 url("../../../images/bg_blue.gif") repeat-x top left fixed; padding: 10px 0; } */ !компактно #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: 0px #889 solid; } */mini-width - даже не видел в применении... #topnav { color: #aaa; background: transparent; } */ прозрачный? как? #nav_main ul li#current s…
0 votes12 answers -
Пункт меню переносится на следующую строчку
При изменении масштаба в Chrome последний пункт меню переносится на другую строчку, хотелось бы услышать какой нибудь совет как этого избежать. Установка min-width: 100% не очень помогает,так как меню у меня не на всю ширину блока и при минимальном масштабе всё равно съезжает так же подключён reset.css,но я его не стал выкладывать. http://jsfiddle.net/XdGhW/1/
0 votes6 answers -
Как правильно обернуть картинку в ссылку?
Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.
0 votes2 answers -
Проблемы с кодировкой
Сайт берет скрипт карты с GOOGLE. В "Opera" русские шрифты отоброжаются нормально, а в IE некоректно. У меня не большой опыт в web-програмировании. если не сложно опишите подробно, что нужно сделать чтобы у меня все отображалось коректно. Заранее спасибо!
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-