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
-
Прижать блок к низу ячейки
Здравствуйте! Есть готовый макет, и в ячейке таблицы нужно поместить блок, который бы был прижат в нижний левый угол. Привожу упрощенный код, настоящий остался на работе. Нужно, чтобы при уменьшении ширины страницы (ячейки таблицы) нижний блок следовал за текстом, но при увеличении, когда тескт в ячейке поднимается вверх, нижний блок был прижат к нижней границе ячейки. Пробовал с clear, ничего не получилось <html> <head> <title> Илюшина страница </title> <style> * { margin: 0; padding: 0; } table.mytable { color:red; } table.mytable td { border: 1px solid black; } .strut { display:block; position:relative; height:60px; margin-right:0px; floa…
0 votes6 answers -
Растягивание DIV
Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…
0 votes11 answers -
Как такое реализовать?
Подскажите как такое реализовать http://kim-evgene.site.uvaga.by/temp/shablon.gif А именно, как лучше сделать чтобы верт. полоса прокрутки была не возле зеленого блока, а стандартная браузерная
0 votes26 answers -
Рваные края блока
День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?
0 votes10 answers -
Всплывающая подсказка над input полем
Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…
0 votes1 answer -
Посоветуйте с програмой
Записался на курсы по html. Но там обучают на "Microsoft Visual 2008 EE" Подозреваю , что прога достаточно громозская для html. Посоветуйте на чем лучше кодировать или есть кто, кто работает на Visuale ?
0 votes41 answers -
Динамическая подстановка class
<ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то
0 votes48 answers -
Парсер - не шаблонизптор, но тоже типа удобный язык. Пользовался кто?
Прочитал все руководство по Smarty, и побоялся браться за него. Наткнулся на парсер (тот, что Лебедев рекомендует), и он показался проще и удобнее. Пробую делать что-то. Кто-нибудь уже пользовался? Есть отзывы?
0 votes5 answers -
А можно ли...?
Примитивно говоря, можно ли задавать подобным макаром (как это сделать?) высоту вот так: style="height: 100% - 40 px" ????
0 votes30 answers -
Резиновый, БОЛЬШЕ 3-х колонок, РАВНАЯ ВЫСОТА, не работает в Опере :(
Вс? время добивался одного и тогоже... то что есть в таблицах и это элементарно в цсс это что-то сверхестественное.. дизайн состоит из 5 колонок (4 колонки в одной) , почему? из-за фоновых изображений, можно было сделать из 3-х колонок, но решил сэкономить на размерах изображений, тем более если сделал 3, то 4, 5, 6 и больше ты тоже сделаешь. КОРОЧЕ: Там у меня в красном прямоугольнике типа как плавающий подвал, который всегда находится внизу... тока он работает только в Эксплорере и ФФ, в Опере почему-то не работает... Кто-то может тыкнуть пальцем где нужно исправить чтобы в Опере заработало ? сайт
0 votes11 answers -
Элемент за правой границей экрана...
Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?
0 votes16 answers -
тег "потенциального" переноса слова
Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?
0 votes18 answers -
выпадающие меню без JavaScript
Помогите сделать выпадающие меню текстом! Без формы и изображений!
0 votes10 answers -
не корректное отображение png в ИЕ
Суть проблемы заключается в следующем: Для таблицы прописан следующий бекграунд,который должен тянуться на всю ширину таблицы. В CSS .png { //background-image: none ! important; behavior: url('pngfix.htc'); } В html <td valign="top" width="100%" class="png" style="background-image:url('picture/punkt.png');" > </td> punkt.png-это рисунок 10 на 10 пикселей- маленький кружочек.Эфект пунктирной линии. В фаерфоксе и опере отображается идеально.А в ИЕ тоже отображается только он не тянется (не повторяется),а это точка просто растягивается. Получается размазаная линия. Хотя когла вставляю png не на фон а как картинку то все отображается как надо во всех брауз…
0 votes23 answers -
Ребят, помогите пожалуйста
Действительно перепробовал уже вс?, что знал, таблицы не люблю, как сделать не знаю Код не буду выкладывать, ибо много. Вобщем вопрос вот в ч?м. -страница поделена на три контейнера по вертикали: по центру - основной (отцентрован при помощи margin left&right: auto), а два остальных по бокам. Мне нужно сделать так, чтобы вот те, по бокам, центровались в промежутке от края центрального слоя до боковых рамок браузера. Вот как на рисунке —————————-- — ———-- — — ———-- — — ———-- — —————————--
0 votes27 answers -
как растянуть DIV на всю ширину родительского элемента?
по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…
0 votes3 answers -
Невидимый див посередине страницы
Всем хай, как можно сделать невидимый див, который будет лежать поверх всех других дивов, и будет по середине страницы независимо от разрешения экрана, заранее спасибо
0 votes25 answers -
display:inline-block и IE
В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо
0 votes13 answers -
Проблемы с обтеканием (float)
Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…
0 votes30 answers -
Bootstrap, вызов модального окна - появляется отступ у body
Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .
0 votes23 answers -
статический фон
Здравствуйте. Вот хочу узнать как сделать статический задний фон в css. При скролинге вниз текст прокручивается, но фон страницы остается статичным. В css у <body> нету bgproperties. Как сделать чтоб для всех страниц установить bgproperties="fixed"? Спасибо.
0 votes4 answers -
fontsquirrel не хочет конвертить шрифт в кириллицу
Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf
0 votes8 answers -
Выравнивание по центру в IE6
Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу! Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону. В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева код в css: —————— #head { margin: 0 auto; width: 1000px; height: 30px; } —————— Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.
0 votes9 answers -
Hover при наведение на элемент сделать подсвечивание
Всем доброго времени суток! Цель: сделать чтобы при наведение на элемент он весь подсвечивался Проблема: подсвечивается только текст ссылки =( Структура у меня такая: HTML <table border="2" width="100%"> <tr><td class="ppp"><a href="#">Ссылка!</a></td> <tr><td class="ppp"><a href="#">Ссылка 2!</a></td> </table> CSS .ppp { background: #dddddd; padding-left: 8px; padding-bottom: 4px; padding-top: 4px; border-bottom: 2px solid #eeeeee; display:block; } Если делаю так (CSS): .ppp a:hover { background: #000000; } То подсвечивается только (!) фон ссылки... Как быть?
0 votes6 answers -
Как выпадающий список сделать поверх нижнего блока? css
День добрый! Интересует следущий вопрос - как сделать так чтобы когда при нажатии сюда: http://cs613522.vk.me/v613522149/5d9d/EPrrwtL06qw.jpg Выползающий список перекрывал коричневый блок снизу? Я задал обоим элемента z-index и обоих position absolute и relative; Но почему-то список не перекрывает нижний коричневый блок. http://cssdeck.com/labs/juiozeil
0 votes3 answers