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
-
Эластичное меню
Каким образом добится табличной эластичности? Через списки тоже пробовала, такая же картина. При ресайзе фон поджимается, а элементы меню уходят за границу браузера. Таблицей не предлагать - ибо задача была переписать страницу с таблиц в блоки :-) Как видно из css левый блок с заданной шириной, а правый, где и размещается меню - по остальной ширине экрана. В словосочетаниях непечатаемый символ потому, что начинает переносится меню на вторую строку. Можно ли как то выкрутится без nbsp? CSS: .logo { position: absolute; left: 0px; top: 0px; width: 285px; background-color: #86adf8; padding-right: 2px; padding-bottom: 0px; } .top-right-place { height: 463px; backgr…
0 votes0 answers -
Текст в формах - как исбежать повторного ввода
Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?
0 votes5 answers -
Подпись у картинки шириной с картинку
Здравствуйте, есть код: <style> div.illustr { float:left; background-color:#f0f0f0; } div.illustr p { text-align:center; } </style> <p>Подрисуночная подпись ? текст, являющийся названием рисунка или описанием изображения.</p> <div class="illustr"> <img src="http://imgl.yandex.net/i/www/logo.png"> <p>Подпись Подпись Подпись Подпись Подпись Подпись Подпись Подпись</p> </div> <p>Подпись хоть и называется подрисуночной, но может располагаться не только под рисунком.</p> Размер изображения всегда разный и неизвестен. Реально-ли сверстать так, что-бы подпись переносилась при достижении края изображения? То…
0 votes0 answers -
Подскажите, как правильно сделать.
Добрый вечер. Нарисовал первый свой дизайн для личной странички, нарезал в фотошопе, вёрстка делалась автоматом при сохранении картинок. Получилось, что дизайн фиксированый, надо переделать под резиновый. Попробовал сделать, но возникли вопросы, прошу подсказать правильное решение. Вот начальный вариант, а вот это то, что я пытаюсь сделать(переделать). Первый вопрос связан с фоном сайта. Фоновый рисунок у меня разделён на две части, вторая часть находится в отдельном диве(обозначен синей полосой, верхняя граница). Возможно ли сделать так, что бы фоновый рисунок был одним целым, но при этом, при увеличении текстовой области по высоте, тянулся вместе с ней, есть ли вариант …
0 votes7 answers -
очередной бой с IE
Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень. Помогите пожалуйста. http://www.planet-tour.com.ua/ Вот так выглядит в ie8 А вот так в chrome Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование. /* Title Control */ table.moduletable_blue th { display: table-cell; height: 46px; width: 294px; padding-left:10px; font-size: 16px; background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png); background-repeat:no-repeat; text-align: left; color: #FFFFFF; vertical-align:middle; } /* Module tbody Control*/ table.moduletable_blue tbody{ display:block; width:294px; back…
0 votes11 answers -
max-width для img
Задал для картинок max-width: 100% В хроме всё нормально, а в опере и фоксе нет. Почему? http://divstudio.ru/portfolio/icew/
0 votes4 answers -
PNG в ие7-8 проблемы с фоном
Здравствуйте. Столкнулся с такой проблемой в ие непервой sharmel.su png в ие7-8 отличаются фоном, хоть и одинаковые. Раньше решал проблему с переводов в гиф формат. Сейчас же решил разобратся.
0 votes9 answers -
Opacity не слушается!
Всем привет!Всех с Праздником! У меня такой вопрос - у меня есть блок(квадрат) в нем чуть меньше ещё один и в этом ещё меньше тоже блок.Так вот я задал прозрачность первому из блоков и у меня стали все блоки прозрачными...мне надо что бы 3ий блок был не прозрачен(который поверх всех) но что бы я не делал он не слушается((( Помоги люди добрые!!!
0 votes9 answers -
Страница отображается нормально только в опере
Добрый день. Моя первая сверстанная страничка это a-l-y-s-s-a.narod.ru Проблема в том что страничка отображается правильно только в опере. В остальных браузерах то футер не прижат то фоновой картинки нет. Как решить эту проблему?
0 votes13 answers -
Перенос строки меню джумла + присвоение нового класса
Доброго времени суток! Задача стоит такая... есть меню джумла... http://st-food.com/ - такое... (тепловое оборудование..холодильное...) class="nazva1" - Тепловое class="nazva2" - оборудование http://food.mysonar.ru/ - не понимаю как такое выполнить здесь... перенос строки могу сделать, получится в две строчки, межстрочный интервал уменьшить, но!!!! как придать класс nazva2? Подскажите кто сталкивался с таким... осталась только эта проблема в верстке!
0 votes0 answers -
Как правильно подбирать цвета и шрифты?
Подскажите пожалуйста где можно найти полезные статьи или может посоветуйте хорошую книгу про то как научиться удачно подбирать цвета, шрифты и т. п. при создании макета для сайта.
0 votes9 answers -
Сохранить код страницы
Подскажите как взять весь код страницы сайта сохранить его файлом и потом открыть в браузере?
0 votes10 answers -
Внезапный белый слой при прокрутке в хроме
http://html2css.ru/travel/ Значит нужно открыть хром на весь экран, вин 8.1. - делать аккуратно прокрутку 2я прокрутка - дает белый экран. wft, help, ty.
0 votes8 answers -
Как реализовать мобильное меню как у гугла?
День добрый! Подскажите как реализовать мобильное меню как у гугла, чтобы его так же можно было двигать, не смог найти примеров в интернете, может кто видел подобное или подскажет в каком направлении двигаться.
0 votes4 answers -
Сдвиг текста
HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …
0 votes1 answer -
Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта
Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }
0 votes1 answer -
Проблемы с FONT
Подскажите, пожалуйста, как правильно воспользоваться свойством face у тега font так, чтобы можно было использовать неустановленный шрифт.
0 votes2 answers -
Граница элемента рисунком.
Здравствуйте, есть определённый блок, к примеру: <div id="css"><div>, я хочу сделать, что бы у левой, првой и нижней границы фоном был рисунок, например градиент, иле ещё что нить. (Нашёл на вашем сайте, очень полезную статью, но там для таблиц ) Пытался сделать таким образом (это для левой и нижней границы): <div style="background-image: url('/img/list1.jpg'); background-position: left; background-repeat: repeat-y; background-image: url('/img/list2.jpg'); background-position: bottom; background-repeat: repeat-x;" id="content"> Но показывает только только одну, пытался несколько стилей присвоить одному блоку, но тоже не вариант. Может я всё и глупо д…
0 votes14 answers -
Выдрать заливку(pattern) из фотошопа
Как выдрать pattern фотошопа, чтобы сохранить его отдельной картинкой?
0 votes0 answers -
Как поменять Фон блога, в каком фрагменте CSS
У меня блог на бвзе WordPress 2.7, Хоче поменять фон блога но не знаю с какого фрагмента CSS это сделать. Не с этого ли: /***************************************************/ body { background: #f1fcfe url(images/bg.gif) repeat-x top; text-align: center; font-size: 0.75em; } #container { width: 980px; margin-right: auto; margin-left: auto; text-align: left; } #header { width: 980px; height: 173px; } /***************************************************/ Я пробовала, но чтот не так, - не меняется, может не так делаю, или может в этом деле задействован и другой фаил WordPress? Прошу дать подсказку.
0 votes3 answers -
Как поставить сайдбары ниже контента
Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end contain…
0 votes5 answers -
Выпадающее меню с помощь списка определений
Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…
0 votes8 answers -
Отображение картинки
Добрый день, коллеги. Всё ломаю голову в чем может быть проблема. Суть такая. Я через свои механизмы на сайте загружаю картинки любого формата. Картинки уменьшаю,сохраняю их в png-формате, но ставлю расширение jpg (для совместимости с другим функционалом, который живет фиг пойми сколько лет, да не в этом дело). По идеи, а может и нет (???), браузеру пофиг на расширение, поэтому он картинки должен отображать. Но почему-то ИЕ8 и ИЕ9 на моём сайте такие картинки не отображают. Меняю расширение на png, не меняя самой картинки, и картинка начинает отображаться. Причем в остальных браузерах все нормально отображается. Решил сделать тестовую страничку. Проблема воспроизвелась на…
0 votes7 answers -
Вертикальное меню
Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!
0 votes2 answers -
Меню через nav->a
Сабж, возник вопрос. Есть блок в котором хочу сделать меню через nav->a т.е. div->nav->a . Но a строка, следовательно как между ними сделать отступы? display:inline-block; margin:x; Так?
0 votes12 answers