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
-
Помогите
Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!
0 votes11 answers -
Проблема с resize()
http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.
0 votes19 answers -
Управление поведением списков
Возникла такая проблема... Дано: список, неважно, нумерованный или маркированный. Необходимо: добиться, чтобы при копировании списка номера или маркеры не копировались в буфер. При использовании IE маркеры и номера не копируются, однако в FF попадают в буфер обмена, в Опере еще не протестировано. Возможно ли как-то добиться того, чтобы в буфер в любом браузере копировался только текст? Делается это все для того, чтобы текст располагался на ?зебре?. Есть еще один вариант,? положить ?полосатый? фон под текст, согласовав ширину полосок с высотой строк, однако в FF при изменении размера шрифта все ?поедет?, поэтому такой вариант мне не нравится, хотя с точки зрения семантики …
0 votes5 answers -
Плавающая картинка в блоке
Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…
0 votes7 answers -
IE6. jScrollPane ломает работу DD_belatedPNG.fix
Привет всем. Есть такая вот страничка: http://yamble.ru/projects/zewa/production.html Очень важно было клиенту заменить системный скролл на кастомный, хорошо. Но сейчас появилась проблема везде, где есть скролл, если там есть любая PNG картинка то в IE6 она становится просто с белым фоном, не прозрачная, хотя скрипт DD_belatedPNG.fix у меня подключен и прописаны условия, я проверял, отключив jScrollPane.js — PNG становится прозрачным.. Вряд ли кто сталкивался с подобной проблемой.. но может есть какие-нибудь идеи, как можно пофиксить эту багу. Заранее спасибо.
0 votes12 answers -
Дизайн + вёрстка
Здравствуйте! Может не совсем правильно выбрал подраздел для своего вопроса, но решил спросить здесь из тех соображений, что сюда наверное чаще всего заходят верстальщики. Видел на форуме(сейчас уже не могу найти где именно) обсуждение работы дизайнеров в том смысле, что бывают толковые дизайнеры, после которых верстать одно удовольствие, а бывают не очень - такое наваяют, что потом и не сверстаешь. Опять же картинка должна быть в каком то определенном формате. Подскажите кто с кем работал, чтобы потом было поменьше проблем с версткой? Может ссылки какие на примеры работ?
0 votes10 answers -
как прописать другой стиль текста вне css
есть таблица вида <table cellspacing="0" cellpadding="5" border="1" width="750"> <tbody> <tr> <td> .... </table> для нее требуется задать другой размер шрифта... подскажите как и где это прописать?
0 votes5 answers -
margin не работает в ie
Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …
0 votes3 answers -
Специфические шрифты в psd макете
Всем привет. Возникла такая проблема. Теорию html и css я прочитал и решил попрактиковаться. Скачал несколько макетов и тут появилась проблема со шрифтами. В Photoshop я пока плохо разбираюсь, но чувствую нужно будет подучить теорию с ним. Я разобрался, что если в системе нет нужного шрифта, то его легко можно скачать и установить. Но в паре макетов, которые я очень хочу сверстать, шрифты платные. То есть как я понял, единственный вариант - заменить их уже встроенными в Windows. Но при это возникает проблема с размером и полнотой шрифта. Если с полнотой ещё понятно, то проблема с размером более объёмная. Заменяю я шрифт, он становится или Arial, или вообще …
0 votes2 answers -
Тонкости cursor: url
Здравствуйте, делаю такие стили: body { cursor: url("/images/pupbg.png"), auto; /* размер 4х4, вес 174 байта, работает */ } h1 { cursor: url("/images/unit.png"), auto; /* размер 170х200, вес 37 кбайт, не работает :( */ } h2 { cursor: url("/images/happy.png"), auto; /* размер 50х50, вес 5 кбайт, работает */ } В первом и последнем случае курсор-картинка работает, во втором - нет. Очевидно, что проблема в большом размере и весе картинки. Где-то можно узнать максимальные допустимые размеры? Пересмотрел пару десятков статей на эту тему - нигде такой информации не нашел.
0 votes2 answers -
НЕ ВИДНО ШРИФТ
Суть проблемы заключается в том что не видно руский шрифт, только английский Вот сам код менюшки <ul class="sf-menu"> <li class="active"><a href="#">PC</a> <ul> <li><a href="#">Топ игры</a> <ul> <li><a href="#">Последние 6 мес</a></li> <li><a href="#">Последние 12 мес</a></li> <li><a href="#">Этот год</a><…
0 votes15 answers -
Работа hover с .svg
Здравствуйте! Прошу помочь со следующей проблемой: пытаюсь сделать замену одной картинки на другую при наведении на неё курсора мыши с помощью псевдокласса "hover", но ничего не выходит, картинка имеет расширение *.svg. Результат следующий: область, где должна быть картинка, работает, как ссылка, при наведении, но там пусто (изображения нет ни исходного, ни при наведении)! html-код <div id="vk_f"> <a href="http://www.vk.com/" target="_blank" id="vk_f_1"></a> </div> css-код #vk_f { position:absolute; right:284px; top:85px; border:none; } #vk_f_1 { background: url(images/vk_logo_0.svg); …
0 votes9 answers -
Поиск определенного кода в домене
Требуется найти определенный код на странице. Эта функция требуется в связи с тем, чтобы проверить, присутствует ли баннер на определенном сайте. Пробовал гуглить, но толком не добился ответа, сразу ссылается на гуглсерч, но есть ли скрипты или как еще можно это проверить?
0 votes9 answers -
Содание страницы с расстановкой текста
Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.
0 votes16 answers -
Подскажите советом как сверстать градиент?
Вобщем есть такое чудо. И никак не приложу ума, как его лучше и правильнее сверстать. Спасибо за любую подсказку. Изображение
0 votes20 answers -
IE неверно отображает список
Почему-то Интернет эксплорер отображает маркированный список на странице без маркеров и без интервалов между пунктами списка. А вот Опера отображает его почти правильно. Только вот в стиле указан маркер disk, а браузер отображает маркеры как square. Вот код списка: <ul> <li><a href="http://ansaldovei.ru/rus/18/">Статические тиристорные компенсаторы реактивной мощности - СТК (Фильтро-компенсирующие устройства - ФКУ, Тиристорные компенсаторы реактивной мощности - ТКРМ)</a> <br/> </li> <li><a href="http://www.ansaldovei.ru/rus/25/">Управляемый шунтирующий реактор трансформаторного типа - УШРТ</a> </li&g…
0 votes9 answers -
Правильное позиционирование элементов в шаблоне HTML/CSS
Столкнулся с проблемой во время самообучения, в мануалах описываются различные способы позиционирования элементов на странице. Но как правильно и оптимально это делать непонятно. При создании шаблона jsbin.com/rezukela/4/edit подсознательно понимаю, что делаю неправильно, но как по другому не знаю. Прошу если можно, исправить код, либо переписать, либо сказать основные ошибки которые я допускаю. P.S. Так же хотелось бы понять, как доработать сайт под любое разрешение и изменение масштаба.
0 votes4 answers -
Помоги сделать выпадающее меню при клике плиииз!
(ссылка с который выпадает меню "каталог" на него нужно сделать клик,CSS или JS,) Вот мой код меню! <table width="100%"> <tr> <td> <li class="first"><a href="company" title="Компания">Компания</a></li> </td> <td> <li id="open"> <span title="Каталог">Каталог</span> <ul id="center"> …
0 votes15 answers -
Размеры фонового изображения
Каким тегом или свойством автоматически растягивать фоновое изображение в зависимости от разрешения экрана? Процентное отношение?
0 votes5 answers -
Помогите, пожалуйста, с таблицей!
Была таблица на ... ячеек. Заглавие в верхней, по бокам пустые с фоном. По середине 22 строки и 5 столбов. Я их заполнил, само-собой обьем увеличился. Но получилось, что увеличилась вся таблица где-то в 2 раза относительно этой серединки и вытянула последнюю строку по вертикали. Менял высоту, проверил - вроде всё по правилам... Подскажите, может чё не привильно сделал=) Работаю в программе Dreamveawer cS4
0 votes15 answers -
Едет или нет?
Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!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>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; …
0 votes18 answers -
резиновый макет в 3 колонки, div
делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …
0 votes14 answers -
<input> vs <a>
http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?
0 votes14 answers -
PF Beau Sans Pro vs Webkit
Есть набор шрифтов PF Beau Sans Pro. Шрифты лицензионные со всеми делами и подключены по всем канонам. Разновидности типа Regular, Bold, Light во все браузерах отображаются замечательно. А вот Italic и Light Italic в браузерах на движке webkit никак не хотят заводиться, что латиница, что кириллица. Инспектор хрома показывает, что шрифт как бы подключен, но на деле текст выглядит как Times New Roman. В IE и Firefox все отлично. Шрифты изначально были в формате ttf, даже при подключении этих оригинальных файлов хром игнорирует две эти разновидности. Так что конвертация в другие форматы здесь не причем. Может это косяк самих исходных файлов, возмножно ли такое?
0 votes4 answers -
Макет (количество row) для bootstrap
привет, есть такой макет - один элемент , по высоте занимает две строки Как в bootstrap 3 построить сетку - для этого случая. Пока вижу такие варианты, либо 3 строки (row) , либо 4 строки. Если 3 строки - то в ней первые пять элементов, но будут ли они тогда как на рисунке распологаться Большой элемент - тут как то не вписываеться. P.S. Все меньшие одинаковы между собой - большой два - малых по ширене.
0 votes10 answers