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
-
Резиновый фон
Доброго времени суток. Прошу помочь с реализацией резинового фона. Просмотрел все варианты, попробовал сделать через div+img, но возникла одна проблема. Суть ее в том, что при сужении окна браузера появляются скролллбары, которые как бы обрезают фон (см. изображение).
0 votes4 answers -
Оцените верстку (2Breed)
Добрый день! В последнее время, решил заняться веб разработкой и версткой. Раньше был небольшой опыт верстки, php программирования. Нашел в интернете бесплатный симпатичный шаблон. Прошу оценить работу по всей строгости. Код HTML и CSS валидный, проверял верстку в браузерах последних версий FireFox, Opera, Chrome, Safari, IE 9 (так же в разных режимах IE 8, 7). Верстка: ссылка Шаблон (jpg): ссылка Если кому то понадобится шаблон в PSD, предоставлю ссылку. Жду критики и комментариев.
0 votes8 answers -
загрузка внешнего шрифта
Добрый день, вопрос наверное глупый но все же очень хотелось бы, есть ли шанс подзагрузить шрифт силами css и html? Т.е. в css прописано font-family: шрифт-которого-нет-у-юзера-на-компе,Arial, Helvetica, Sans-Serif; font-size: 40px; font-style: normal; есть ли какая либо возможность отображения этого шрифта? если нет, считается ли некрасивым или некорректным в плане верстки ставить текст логотипа через img src? да и вообще как быть, если дизайнер указал в качестве стандартного (всего текста на сайте) шрифт отсутствующий в стандартных наборах? заранее спасибо
0 votes4 answers -
Меню с координатами
Помогите пожалуйста найти как называется или статейку про то как сделать так что например у меня в меню есть 2 кнопки.. нажав на одну у меня просто прокручивается вниз до определённого тэга на этой же странице или как то так... нажав на вторую кнопку, прокручивается до другого тега... или как то так с координатами.. точно знаю что где то видел, а где найти, не знаю...
0 votes1 answer -
Как выравнять по центру инлайновые дивы?
Вот код: <style> #inners{ width: 400px; margin: auto; background-color: red; text-align: center; } #inners .inner{ display: inline; float: left; margin-right: 10px; background-color: green; } </style> <div id="inners"> <div class="inner">11111<br>11111<br>1111</div> <div class="inner">222222</div> <div class="inner">3333</div> <div style="clear: both;"></div> </div> Хочу выравнять эти инлайновые блоки по центру. Думал, что text-align: center сработает для инлайновых элементов, но не сработал Может кто знает?
0 votes6 answers -
Правильное перечисление селекторов
Добрый вечер коллеги! Посоветуйте как поступить, чтобы ссылки одинаковые были в обоих блоках? <div id="left_block"> <a href="#">ссылка 1</a></br> <a href="#">ссылка 2</a></br> <a href="#">ссылка 3</a></br> <a href="#">ссылка 4</a></br> </div> <div id="right_block"> <a href="#">ссылка 5</a></br> <a href="#">ссылка 6</a></br> <a href="#">ссылка 7</a></br> <a href="#">ссылка 8</a></br> </div> …
0 votes13 answers -
Кнопка поиска
Здравствуйте. Мне необходимо чтобы поиск производился по нажатию на кнопку в виде картинки + чтоб при наведении на эту картинку курсора она менялась на другую. Чтоб заменить кнопку "Искать" на картинку я в html прописал код: <input type="image" src="wp-content/themes/MyTheme/images/search.png" name="submit" class="searchbutton" /> C помощью css знаю только как изменить фон класса searchbutton при наведении (псевдокласс hover), но при такой реализации он размещен под картинкой, прописанной в html, то есть то, что она меняется не видно. Так как сделать чтоб заменялась? Спасибо за ответ. P.S. Сайт размещен на локале.
0 votes8 answers -
Проблема с отображением в IE
В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная. ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема. адрес сайта http://ingeniare.ru .ribbon em { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.3855752193730787, M21=1.2855752193730796, M22=1.6320888862379558); margin-top:-50px; margin-left:-40px; font-size:7px; } img {-ms-interpolation-mode: bicubic;} #top-titlemenu ul li {width:200px !important;} .sombra625{margin-top:-3px !important}
0 votes7 answers -
Посоветуйте CMS для сайта
Посоветуйте, пожалуйста, какой-нибудь хороший CMS на русском языке для сайта.
0 votes10 answers -
граница (border) Между div-ами
Хочется так: div —-border—- div —-bodrer—- div Сделал бы через rules, но опера как известно не видит тег. Делал через php такую штуку (последнему div вписывался другой стиль), но щас нужно через css. Я не знаю как это делать, пробывал тут поискать, не нашел... Есть варианты (для популярных браузеров) ?
0 votes4 answers -
Оцените семантику
Здравствуйте, оцените, пожалуйста, структуру: <!doctype html> <head> <!-- Metatags and other... --> </head> <body> <section> <header> <!-- Logo and banner --> </header> <nav><!-- Speedbar --></nav> <article> <h1><!-- Title --></h1> <!-- Content --> <nav><!-- Navigation (Pager) --></nav> </article> <aside> <menu> <!-- Menu --> </menu> </aside> <div id="empty"></div> </section> <footer> <!-- Footer --> </footer> </body> </html>. Футер прижат…
0 votes8 answers -
ИЕ-6 не дает мне спокойно спать
Страница с ошибкой по адресу http://boatmarine.ru/shop/group_594/group_597/item_165/ Футер висит в воздухе только на ней. Возможно из-за галереи. Может кто-то взглянет, а то у меня уже глаз замылен.
0 votes11 answers -
Фон под соседний блок
Народ, есть проблема с блоками небольшая... Делаю тему по этому шаблончику: http://csstemplater.com/result/layout_xhtmls_fix_lcr_s2_fb_1.zip Кратко - прижатый подвал постоянно книзу... если окно сужать - будет повышаться пока не упрется в контент, если контента больше, чем на страницу - подвал будет изначально ниже окна и появится перемотка вниз... Все хорошо, но вот потребовалось чтобы на фоне подвала была картинка и чтобы она вела себя также как и подвал, но при доходе контента до подвала чтобы картинка на 100 точек уходила под контент... Реально ли это сделать и как? Пробовал по всякому... картинка либо лезет и выше - не останавливается когда подвал останавливается, уп…
0 votes3 answers -
Маркер в горизонтальном списке
Здравствуйте) Сегодня чего-то очень туплю) Специально добавил вопрос в категорию для начинающих. Верстку забыл совсем) Вот сам вопрос: список сделал горизонтальным через display: inline, маркер к списку никак не добавляется. Можно вообще добавить к inline маркер? С float:left все работает О'кей. И еще один вопрос. В последней Opere не отображаются свои шрифты из @font-face, что делать? Весь форум облазил, не нашел ответа, вариант из харбахабра работает, но очень криво.
0 votes1 answer -
Проблема с версткой
Здравствуйте форумчане. У меня возник такой непростой вопрос. Я верстаю макет, не могу сверстать одну вещь а именно, вот эти две крайние картинки. Вот ссылка на картинку. http://i042.radikal.ru/1108/7d/072d46e33d59.png . Пожалуйста помогите с этой проблемой. Рамки нужно сделать именно картинкой.
0 votes7 answers -
Выпадающий список с записью в БД
Делаю магазин на joomla+virtuemart. В описание категорий сделал дополнительное поле для выбора изображения. В ручную вводить все время не хочется, а изображения будут лежать в определенной папки. Было бы удобно сделать выпадающий список, который содержал бы изображения определенного формата из определенной папки. Так сделано в стандартном меню джумлы и выглядит так <list name="menu_image" type="imagelist" directory="/images/stories" hide_default="1" default="" label="Menu Image" description="PARAMMENUIMAGE" /> Поле в virtuemart выглядит так <input type="text" class="inputbox" size="20" name="imgmenu" value="<?php $db->sp("imgmenu"); ?>" /> Вопрос - …
0 votes9 answers -
ссылки
в папке 'bla' лежит файл 'index.html' и в нём такой код: <a href="../bla/pivo.html">ссылка</a> <a href="pivo.html">ссылка</a> две ссылки работают одинаково, как правильнее?
0 votes6 answers -
Тянущиеся блок
Помогите с версткой! Ссылка В макете контент слева - тянется в зависимости от количества текста. Как сделать, чтобы меню справа тянулось с контентом? Ставлю height: 100% - не выходит. <div id="content"> <div id="content_left">Текст</div> <div id="menu">Меню</div> </div>
0 votes4 answers -
Какую иконку рекомендуете для упорядочиваниия по дате?
Какую иконку рекомендуете для упорядочиваниия по дате?
0 votes3 answers -
проблема с таблицей
вобщем есть таблица, нужно чтоб правые верхняя и нижняя ячейки были по пять или десять процентов высоты, средняя же между ними остальное пространство, но чтото они не реагирую на задаваемую высоту, в чем проблема? возможно я неправильно построил таблицу, то подкоректируйте(неважно как она будет построена главное чтобы было такое расположение ячеек) <table border=1> <tr> <td rowspan=3 height=200px> one </td> <td rowspan=3 height=200px> one </td><td height=10%> one </td> </tr> <tr> <td > two </td> </tr> <tr> <td height=10%> two44 </td> </tr> </table> PS: высота таб…
0 votes2 answers -
Московское время
Подскажите как сделать чтобы скрипт выводил московское время? <script type="text/javascript"> var sep function startTime() { var tm=new Date(); var h=tm.getHours(); var m=tm.getMinutes(); var s=tm.getSeconds(); m=checkTime(m); sep = sep == ':' ? ' ' : ':' document.getElementById('txt').innerHTML=h+sep+m t=setTimeout('startTime()',500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } startTime() </script>
0 votes1 answer -
Подмена картинки
Задача: По клику менять превьюшку на большую картинку. Адреса изображений отличаются только первой буквой в имени файла ('f' и 's') Написал функцию function enlarge(ima){ if(/.*s[0-9]+\.((jpg)|(png)|(gif))/.test(ima.src)){ ima.src = ima.src.replace('/s','/f'); } else{ ima.src = ima.src.replace('/f','/s'); } } Работает, но проблема в том, что опера при каждой замене адреса начинает грузить картинку заново. На других сайтах видел, что происходит просто переход по ссылке (адрес новой картинки), но открывается картинка на странице. Смотрел их исходники, но малый опыт жабаскриптинга не позволил разобраться. Подскажите выход? Костыль: Решил, что можно по первому клику …
0 votes1 answer -
Помогите немогу розобраться с версткой
Привет всем, В общем то понял общий принцип верстки, но как взялся за дело сразу грабли. Я розмещаю блоки на сайте с помощью марджинов: в основном топ и лефт марджин. Вроде все было нормально, но я увидел, что при уменьшении размера экрана блоки, которые позиционированы с помощью моей технологии лезут влево. Я понимаю почему они это делают, при изменении розмера экрана, но не понимаю какк этому поприпятствовать. Вот общая структура сайта, подскажите плз, как задвать, так чтобы при изменении розмера экрана сайта не розежжялся - потяно что он будет видноизменятся, но чтобы пропорции оставались те же и елементы тоже.
0 votes2 answers -
вертикальное выравнивание блоков
есть <div style="float:right;"> это должно быть сверху <div id="bottom_div"> содержимое этого блока снизу </div> </div> нужно содержимое первого diva выравнивать сверху второй должен прилипать всегда снизу первого блока, все блоки неизвестной высоты. _________________________________________________________________ несколько дней пытаюсь решить но ничего не могу придумать, если кто сможеть решить хотяб на таблицах буду благодарен PS: xhtm 1.1
0 votes11 answers -
равные отступы между блоками
прошу совета. пытаюсь сверстать макет. использую резиновый каркас с плавающими блоками внутри. проблема в том, что не получается установить равные отступы между всеми блоками. вот что у меня получается(лучше смотреть в хроме). хотелось бы сделать по человечески. подскажите пожалуйста идею, подход. ps не обязательно чтобы правая колонка была резиновая как у меня, можно её заданной ширины сделать
0 votes0 answers