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
-
менюха скачет
проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?". в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>. вот CSS: a.menu{text-decoration:none; color:#ff6414;} a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;} a.menu:visited{color:#ff6414;} a.menu:hover{text-decoration:none;color:#14cb06;} вот XHTML 1.0: <div id="navigation"> <a href="index.html" class="menu_on">Главная</a> <a href="products.html" class="menu">Продукция</a> <a href="why.html" class="menu">Почему мы?</a> <a href=…
0 votes11 answers -
Снова о растягивании по вертикали
День добрый. Вопрос простой, но ответ найти не могу. Необходимо только с применением сло?в реализовать следующее: header страницы имееет фиксированую высоту, а sidebar и content должны растягиваться по вертикали на вс? оставшееся пространство и упираться вниз окна. Но у меня получается, что при присвоении этим блокам 100%-ной высоты они растягиваются на всю высоту окна (что логично), и еще плюс высота header-a, в результате появляется вертикальный скролл. Вот мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html,body{margin:0;padding:0;height:100%;} #main {wid…
0 votes6 answers -
снова кроссбраузерность IE-FF
http://adis-pr.ru/1/ вот кто мне объяснит - почему в IE меню не так как надо (смотреть border-bottom)
0 votes16 answers -
"Прикрепить файл" в форме связи
На сайте есть форма обратной связи. Необходимо добавить в нее работающее поле "прикрепить файл". В код самой формы я его добавил, помогите, плиз добавить в "обработчик". Код обработчика (mail.php) без "прикрепить файл": <?php if(empty($_POST['name']) or empty($_POST['city']) or empty($_POST['interes']) or empty($_POST['email']) or empty($_POST['mess'])) { header('Location: http://www.kentaurus.ru/contacts_faul.html'); exit; } ?> <!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="t…
0 votes3 answers -
Как фотошоп показывает отсутствующие шрифты и еще пара вопросов от новичка
Глупый наверное вопрос. Если я открываю макет, в котором используются шрифты, которых нет у меня в системе, он будет показан, как его задумывал дизайнер или шрифты заменятся на другие? Могу я не устанавливая шрифтов делать скриншот и спокойно верстать? Разумеется не трогая текстовых слоев и не нажимая вот тут "ОК" Можно ли из .psd файла получить все используемые шрифты, допустим в текстовый файл? Какие инструменты есть для работы со шрифтами (сохранить в другой формат, вырезать лишнее и т. д.)?
0 votes2 answers -
Как застаить понимать HTML5 все браузеры?
Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?
0 votes22 answers -
Сервис или приемы по извлечению фона для сайта
Добрый день, уважаемые форумчане! Такой вопрос - вы наверняка часто сталкивались со след. проблемой: вам дают psd макет сайта, у которого фоном стоит какой либо узор (или паттерн). Достать фон в этом случае можно двумя путями: трясти дизайнера, чтобы он выпилил вам картинку, 40x40px либо самостоятельно доставать этот узор (паттерн) из фотошопа (если умеете). Так вот мой вопрос в следующем - есть ли какой-нибудь сервис, который помогает достать повторяющийся фон из макета? Т.е. допустим вы видите, что узор фона повторяется, но определить точный квадрат для извлечения картинки не получается. И рядом нет дизайнера, который мог бы достать этот паттерн. Как можно быстро сделат…
0 votes6 answers -
Как заблокировать вывод содержимого?
Здравствуйте. Я поставил чат себе на сайт с помощью IFRAME, но вместе с чатом выводиться лишнее содержимое. Как от него избавиться или на крайний случай закрить своим рисунком? Вот эта страничка: http://burshtyn.at.ua/ На рисунке я показал от чего я хочу избавиться: А может посоветуете другой чат, только простой с прямым входом без регистрации.
0 votes10 answers -
Как сделать перенос текста на новую строку, если он не влазит в div?
Доброго времени суток. Обрашаюсь за помощью к сообществу. В вёрстке я глубокий чайник Есть вот такая картинка: страница на которой всё это http://club.desantura.ru/lit/ не могу понять, как сделать, чтобы текст, который не влазит в ячейку переносился на новую строку, а не вылазил за её пределы. уже весь мозг сломал. Лучший вариант, который смог достичь, это применение overflow: hidden чтобы обрезать лишнее.
0 votes4 answers -
Фон для блока (background-size)
Здравствуйте! Подскажите, как правильно (упор делаю именно на "как правильно", как попало -- я смогу сделать ))) ) оформить блок с фоном (с большой картинкой для фона). Не слишком ли огромный фон (почти на 2 экрана)? А как тогда текст ровнять? неужели с помощью position:absolute? Пример того, что у меня получилось можно посмотреть здесь А надо так: http://savepic.su/6522035.png Спасибо.
0 votes14 answers -
html или javascript?
Можно ли сделать следующую вещь с помощью только html без javascript? Есть сверстаная дивами страничка, резиновая. При ресайзе она пропорционально изменяет свои размеры. Ее правый и левый край (с тенью) -- размножаемая по вертикали картинка высотой в 1px. Фиксированую высоту я, диву в котором она находится, задать не могу, т.к. она динамеческая. И, в зависимости от размера окна, все время разная. Так вот можно ли как нибудь сделать,чтобы картинка эта размножалась адекватно без скрипта? Здесь много текста стили: .list_left{ background:url(images/list_center_right.jpg) repeat-y; width:30px; float:left; } .list_right{ position:relative; background:url(images/list_cente…
0 votes4 answers -
Макет должен занимать всю высоту окна браузера, независимо от объема информации
Здесь написано: « », — но не написано, как именно это сделать. Подскажите, пожалуйста!
0 votes6 answers -
Как отобразить Рукописный шрифт на сайте
Подскажите пожалуйста, как сделать так чтобы можно было отображать шрифт рукописный. хочу шрифт adventure. нужен для ресторана. а как сделат так чтобы он работал не получается. может кто знает. и может как нить так чтобы если у пользователя нет этого шрифта на компу, чтобы к нему либо автоматически ставился, либо читался как то с моего сайта. Буду признателен
0 votes5 answers -
Встраивание <span> внутри <a>
Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.
0 votes2 answers -
Использование нескольких классов без кавычек
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
0 votes3 answers -
А вы пользуетесь таким трюком ?
.columns { clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden; } Просто наткнулся на него, раньше про него не слышал. Проверил работает только для ИЕ (вкл 7)
0 votes12 answers -
Задача для первоклассника )
Привет коллеги, у ког есть свободная минутка прошу взглянуть на толи мою невнимательность , толи на интересный баг ие7 ... http://www.feel-maestro.com/ru/action.html - вот ссылка на сайт который сейчас оформляю ... смотрим в ие7 выпадающее меню ... для него специально заданы параметры: #header #myslidemenu ul li ul {width:auto; display:block !important; border:1px solid red; background:green; overflow:visible; visibility:visible !important; height:250px;z-index:999999;} но даже при всём этом ие7 удаеться положить мой ul под всё остальное на странице =)) у кого какие соображения ?
0 votes12 answers -
Проблема при верстке вида материалов..
Здравствуйте. У меня такой вопрос:я никак не могу выровнять правую часть вида материаловПравая часть выезжает,использую табличную верстку.Кто может пожалуйста помогите как сделать чтоб было все ровно? Спасибо.
0 votes17 answers -
ТАблицы
Так у меня есть вопросик. Как можно сделать таблицы для сайт со сглаженными углами!?? P.S.Пользуюсь "ФронтПейджем" P.S.Уважаемые гуру не сердитесь на меня чайника..плиз. И помогите пожалуйста!
0 votes11 answers -
иконка возле ника
У меня на сайте есть ники пользователей. Перед ником стоит икнока. Бывают такие ситуации когда ник не влезает и переходит на следующую строчку... как мне сделать чтобы икнонка и ник всегда шли слитно, и если пересносились на новую строчку то всегда вместе.
0 votes3 answers -
Слои+таблицы
Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!
0 votes12 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!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=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 answers -
как подлючить свой шрифт
Приветствую. Наткнулся на сайт: http://north.bensaunders.com/ согласно фаербагу у них уникальный шрифт. вот только не могу понять как они это сделали? может кто подскажет...
0 votes17 answers -
Градиент текста с помощью css
Вот сайт http://teplee.com/ Сделал средствами css перелив полосок меню и разделов по бокам. Но оказалось что коректно работает только в мозиле, в опере без изменений, в ИЕ вообще цвет другой и градиент не такой как задумывалось. вот код: div#menu { position: relative; width: auto; height: 36px; background-color: #D12E03; background: -moz-linear-gradient(#671402, #FF4500, #671402); background: -webkit-gradient(linear, 0 0, 0 100%, from(#671402), to(#671402), color-stop(0.5, #FF4500)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF'); } Что не так сделал подскажите.
0 votes13 answers -
Как расположить два дива один под другим, чтобы текст обтекал их обоих.
Смотрите картинку: https://docs.google.com/drawings/pub?id=1KEb29JC9JPVgT7bpJGaqvyYHKZyfQV-IEInT28-TRLc&w=960&h=720 HTML код: <div class="div-1"></div> <div class="div-2"></div> <span class="text">текст</span> HTML менять нельзя.
0 votes4 answers