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
-
Можно ли как-то скрыть невместившееся содержимое в ячейку
Есть некоторая таблица: <table cellpadding="0" cellspacing="0" style="width: 0px; table-layout: fixed;"> <tbody> <tr style="height: 0px;"> <td style="width: 50px;"> </td> </tr> <tr> <td style="overflow: hidden; padding: 0px; margin: 0px; height:50px" id="testTD"> Я помню чудное мгновение, передо мной явилась ты </td> </tr> </tbody> </table> Вот так она рендерится: В результате такой вёрстки удалось добиться того, что во всех браузерах невместившийся текст по ширине скрывается. Но по высоте он начинает расширяться чтобы весь текст вместился. Можно ли ка…
0 votes0 answers -
Формирование ссылок. Нужна помощь.
Всем доброго дня. У меня возникла одна проблема с формированием ссылок. Расскажу в начале предисторию. Решил я написать поиск по своему каталогу товаров. Поиск написал работает нормально. НО! При выводе списка товаров, которые соответствуют поисковому запросу есть проблема с ссылками. А именно, у меня в списке присутствует название товара и рядышком возле него корзинка для быстрого заказа, href для корзинки выглядит так http://bccomteh.com.ua/search/?qrstr=nokia&dir=ASC&order=_3&o[28][17885]= работает эта кнопочка нормально, вопросов нет, а для назавния (для перехода на детализацию товара и его описания) выглядит вот так http://bccomteh.com.ua/search/32?pid…
0 votes3 answers -
Border. Самый удобный путь для достижения эффекта.
В общем етсь у меня вот такая страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" > <meta name="description" content="Красивые картинки на рабочий стол и многое другое. Бесплатно, удобно, быстро." > <meta name="keywords" content="Красивые обои на рабочий стол, скачать обои, обои для рабочего стола, бесплатные обои" > <link href="design/style.css" type=text/css rel=stylesheet > <title>Красивые обои на рабочий стол</title> </head> <body> <img src="design/laminat.jpg" al…
0 votes1 answer -
Размещение элементов формы
Подскажите пожалуйста, как выровнять элементы формы не прибегая к использованию таблиц. Раньше делал так: <form> <table> <tr> <td>Логин</td> <td><input ....></td> </tr> <tr> <td>Пароль</td> <td><input ....></td> </tr> </table> </form> А как сделать по-другому?
0 votes4 answers -
Указать ширину картинки, а высота бы пропорционально изменилась?
Здравствуйте. Интересует вопрос о том, можно ли картинкам в CSS указывать требуемую ширину, под которую бы высота картинки самостоятельно изменялась пропорционально исходному соотношению высоты к ширине? Благодарю.
0 votes2 answers -
Цвет активных ссылок на статичной страничке.
Здравствуйте! Собственно вопрос, имеется страничка и несколько ссылок на ней. Как сделать так, что бы изменялся фон ссылки при нажатии на неё? Проще говоря, я нажимаю на ссылку, фон под ней меняется и закрепляется, далее я кликаю по следующей ссылки, фон меняется под ней и остается неизменным. Основная проблема в том, что страничка статична, одна, значит :visited не прокатит. Подозреваю, что тут замешан JS =) Да, забыл сказать. Мне это нужно для создания меню. Оно само статично, а вот содержание динамично. Тут-то мне и нужно выделение пунктов в меню.
0 votes3 answers -
Разные размеры шрифта в одном элементе списка
Доброго времени суток! Вот, что нужно сверстать: Размер шрифта для самих элементов меню (Account Sign In, Register...) - 13 пикселей. Для точек-разделителей - 25 пикселей. Интерлиньяж одинаковый - 30 пикселей. Между элементом меню и точкой-разделителем расстояния в 3 пробела размером шрифта 13 пикселей. Базовая линия элементов меню и базовая линия точек-разделителей совпадают. Вот мой код, использую unordered list, сначала устанавливаю размер шрифта для элементов меню и точек одинаковый - 13 пикселей. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </he…
0 votes4 answers -
Запуталась в блочной верстке!
https://lh6.googleusercontent.com/-50Vu66rx3-s/UJNrqsMDmjI/AAAAAAAAFBQ/jXYJgQtydS8/s1543/666.gif пишу сайт на битрикс. никак не могу опустить логотип вниз, первый раз верстаю div. Помогите разобраться. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <?$APPLICATION->ShowHead()?> <title><?$APPLICATION->ShowTitle()?></title> </head> <body ><?$APPLICATION->ShowPanel();?> <div class="b-logo-wrapper"><!-- блок логотип--> <div class="b-logo"><img src="/bitrix/templates/<? echo SITE_TEMPLATE_ID;?>/imag…
0 votes1 answer -
хлебные крошки
Привет! Встретил пример верстки хлебных крошек: http://jsfiddle.net/DPWe9/45/ но никак не могу понять как же формируется сам треугольник. Это не картинка, мы не вращаем блоки, как он формируется?
0 votes3 answers -
Как правильно рассчитывать ширину столбцов и отступы разметки?
Всем привет! Не могу понять как правильно рассчитывать ширину и отступы для шаблона, где часть разметки по столбцам. По этому примеру как например. от синей линии до синей 940 px. Как рассчитывается? http://savepic.net/4529616.htm
0 votes2 answers -
Помогите с макетом
Хочу сверстать этот макет http://htmlforum.ru/index.php?showtopic=16763 Никак не могу понять как мне скопировать облака со зданием.. Вот как бы вы разделили этот макет по слоям для верстки?
0 votes7 answers -
не робит полноценно сайт на осле
вот сайтик если зайти на него через хром всё нормально отображается но если зайти через осла то не отображаются русский шрифт. что самое интересное, так это то что если по тыкать по меню и нажать кнопку назад то сайт начинать работать так как нужно. помогите пожалуйста, может я в <meta> что то не так прописал??
0 votes6 answers -
Верстка двухцветной кнопки с формой поиска
Здравствуйте! Подскажите, пожалуйста, как ПРАВИЛЬНО сверстать такую форму поиска и двухцветную кнопу к ней. Заранее благодарю!!!
0 votes6 answers -
Текст под картинкой
Как сделать так, чтобы текст разместился под картинкой и входил в рамку картинки? Никак не могу сообразить.
0 votes2 answers -
Не могу сделать всплывающее окно
Необходимо сделать всплывающее окно на весь экран. Проблема в том что те реализации которые я находил не подходят. Суть в том, что во всплывающее окно должно попасть то что и так размещено на странице - просто переместиться в окно и растянуться на весь экран. Вот пример - http://jsfiddle.net/p7NbX/15/ Мне это не подходит так как то что всплывет в окне прописывается отдельно от того что просто отображается на сайте. Моя задача - разместить на сайте видео-ролик. Если реализовать подобным методом получится 2 одинаковых ролика на странице. То есть, если я включу ролик и посмотрю 10 сек., а потом решу продолжить просмотр развернув его на весь экран - он нач…
0 votes5 answers -
Как сделать картинку по центру с обтеканием справа?
Здравствуйте, нужно выровнять картинку по центру и сделать обтекание блоком текста справа. Проблема в том, что когда я делаю свойство text-align: center (чтобы картинка выровнялась по центру), а следом накладываю не неё же свойство float: left (чтобы блок текста обтекал её справа), картинка начинает игнорировать 1е свойство. Подскажите что делать?
0 votes1 answer -
Заместь картинки - [AD] 0_o
Почему так? Может это для Вас и примитив но для меня это важно... И такое у меня ток с одной картинкой... Захожу на сайт - [AD] —-- пару раз обновил - появилась картинка=) <- мистика!) вот css картинки #leftbar .adv img{margin-bottom:2px;display:block;margin-right:0} вот html картинки подробнее... Заранее спасибо.
0 votes0 answers -
Проблема с позиционированием
Проблема собсвенно с позиционированием. Скрины Кусок проблемного кода <div id="header_right"> <div id="icons"> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_home.gif" alt="Главная" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_map.gif" alt="Карта сайта" class="ico" />'; ?></a> <a href="#"><?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/ico_mail.gif" alt="Почта" class="ico" />'; ?>…
0 votes1 answer -
Проблема со скриптом swfir.js в IE
В мозиле, опере, хроме, работает изображение трансформируется после загрузки а в IE пропадает пробовал на 6 и 7 версиях Адрес http://palitra-oil.narod.ru/ Чего молчите ? Жопошники......
0 votes4 answers -
Слои в две колонки. Проблема в IE.
Возникла необходимость сверсать список услуг в две вертикальных колонки. В FF все отображается нормально, а в IE вторая колонка залезает под первую. Вот сайт: http://www.usp-ag.ru А вот фрагмент CSS: .moduletableserv {padding-top: 20px; float: left;} .moduletableserv ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;} .moduletableserv li {padding-top: 8px;} .moduletableserv li a {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #005688;} .moduletableserv2 {padding-top: 20px;} .moduletableserv2 ul {margin-left: 50px; list-style: none; margin-top: 25 px; width: 75%;} .moduletableserv2 li {padding-top: 8px;} .moduletableserv2…
0 votes3 answers -
Отображение форм
Здравствуйте и с Новым годом! У меня возникла такая проблема, правил верстку http://pyra.vov.ru/h_1/reg.html вот что получилось http://pyra.vov.ru/h_1/reg_1.html Но в Хроме и Сафари формы загрузки (фото, лого) не корректно отображаются. Кто подскажет или посоветует, какую литературу? Еше как сделать чтоб в лисице по ширине была одинаковой с другими формами. (Скрипты не загружал) Спасибо тем, кто подскажет.
0 votes2 answers -
B Dreamweavere не отображаются картинки
Пожалуйста, помогите разобраться. Делаю меню на CSS с помощью списка в B Dreamweavere CS4. Когда в <li> задаю бекграунд-картинку, то он в самой программе у меня не отображается. А в браузерах отображается. В чем дело??? Со всеми другими тегами все в порядке. Вот таблица стилей: #main_menu a {color:#900; text-decoration:none; font:bold; Tahoma;} #main_menu a:hover{color:#666;} #main_menu .active { color:#FFF; text-decoration: none;} .menu li { display: inline; padding: 7px 23px; background:url(images/picture1) repeat-x top left; margin:0px 2px;} .menu { margin-top: 7px; font: bold 13px tahoma; color:#36F; padding-left: 5px; } .menu .active { font: bold 13px ta…
0 votes3 answers -
проблема с занулением родительских свойств
Сломал себе голову, прошу помощи у всезнающего all. есть стиль div.random_img { border: 5px solid #6B5C51; width: 84px; height: 80px; background-color:#fff !important; margin:0; padding:0; overflow:hidden; } и код <div class="iec" style='width:100px;' align='center'><div class="random_img"><a href="..."><img src="...." width="90" alt="Запонки Dalvey" border="0" /></a></div></div> на пустой странице все ок ( пример http://kvv77.jino.ru/share/test2.htm ) - рамка, картинка. но в контексте этот же див расползается, у картинки появляется отступ слева и даже размер другой! http://kvv77.jino.ru/share/test1.htm справа. ОТКУ…
0 votes6 answers -
чем отличаются данные атрибуты?
в чем отличия Атрибута Класс и Ид? допустим разныца есть в CSS при указании класса ставится точка, а перед айди ставится # такой знак (решетка) а еще чем?
0 votes3 answers -
Вёрстка макета: с чего начать?
Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.
0 votes3 answers