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
-
Изменить цвет scrollbar
Никак не могу изменить цвет в опере, мозиле и хроме.... На сайте организовано всплывающее окно. В это окно подгружается отдельная страница news.html. В ней я прописал размеры окна, и если в размеры не влазить - выводить скролинг: .scroll-pane { width: 100%; height: 400px; overflow: auto; } .horizontal-only { height: auto; max-height: 200px; } И так добавив больше двух новостей в файл news.html у меня на главной странице index.html появилосьвсплывающее окно, в котором получился скрол.. Но я хотел бы изменить цвет и стиль скрола... Для этого в файл news.html прописал такой вот стиль.... body { background-color: #fff8dc; scrollbar-3dlight-color: #ffebcd; scroll…
0 votes4 answers -
Авто расширяемый блок
Здраствуйте, подскажите пожалуйста как сделать чтобы блок автоматически расширял родительский блок. У меня такая структура: <body> <div class="wrap"> <div class="content"></div> <div class="column-1"></div> <div class="footer"></div> </div> </body> css .wrap { width: 930px; height: 100%; background-color: #ffffff; } .column-1 { float: left; width: 15%; } .content { float: right; width: 75%; } Почему div.wrap не растягивается автоматически? Подскажите пожалуйста как сделать чтобы div.wrap был по высоте как содержимое div.content.
0 votes2 answers -
Помогите с картинками
Здравствуйте. Проблема заключается в том что при вставке изображений на страницу - изображения начинаются с новой строки. А надо чтобы 2 или 3 изображения шли в одну строку (точнее чтобы не было переноса). Код: <script type="text/javascript" src="/lightbox/lightbox.js"></script> <link rel="stylesheet" href="/lightbox/lightbox.css" type="text/css" media="screen"></link> <style> #modItems {margin-top:10px} #modItems h2 {font-size:18px} div.modItems {margin-bottom:10px;padding-bottom:10px;float:left} div.modImg {width:280px;height:380px;border:0px dotted #3d597e;padding-top:3px;margin-right:10px;position:relative} div.modImg2 {width:380px;hei…
0 votes1 answer -
вертикальное выравнивание в блоке
как кроссбраузерно выровнять текст по центру по вертикали в блоке, если он реализован следующим образом: <ul> <li><a href="#"><span>текст 1</span></a></li> <li><a href="#"><span>текст 2 длинный</span></a></li> <li><a href="#"><span>текст 3 пока короткий, но моежет поменяться/span></a></li> </li> где на теги a и span привязывается метод раздвижных дверей. длина ячейки может изменяться. длина текста в ячейке тоже не фиксирована. а в целом вся цепочка растягивается на 100%
0 votes2 answers -
Как сделать отступ?
Приветствую, помогите пожалуйтса, я только начал учить html, вот и столкнулся с проблемой, хочу сдвинуть таблицу немного вправо, только как я незнаю вот серую таблицу вправо немного, как ее сдвинуть?
0 votes4 answers -
Можно ли...
Можноли, как то залить на сайт свой шрифт и употреблять его для текст
0 votes2 answers -
С чего начать самостоятельное изучение HTML5?
Здравствуйте. Есть намерение самостоятельно изучить HTML5. Именно HTML5 выбрал интуитивно, опираясь лишь на идею о том что если что-то изучать с нуля, то изучать последнюю так сказать версию, чтобы к моменту более менее уверенного чувствования себя в этой информации, она не утратила своей актуальности, как например старые языки программирования. Изучить собираюсь не абстрактно ради того чтобы изучить, а под конкретную задачу. Для разминки нужно сделать несколько простых, но немножко разных сайтов, затем приступить к главному порталу где без программирования не обойтись (но это отдельная тема). Оговорюсь, что минимальное понимание тегов и атрибутов есть, все что связано с …
0 votes10 answers -
Черная полоса и таблица
День добрый! Не люблю приамбул, но здесь придется: код - первая доска для проб лепки из пластелина, на которой происходило и происходит знакомство с азами, так что не надо умничать про кривизну, я и сам догадываюсь, ответьте по делу: 1. На сайте вверху черная-причерная полоска во всех браузерах (хотя в ИЕ, например, она шире). 2. Сайт - сплошная таблица, заполненная картинками (где содержанием, а где и вовсе бэкграундом). Во всех браузерах отображается корректно, но в некоторых версиях Оперы (в т.ч. и Portable) есть момент - примерно каждый 10й заход на сайт ломается таблица и отображается что-попало. Эффект можно пронаблюдать методично нажимая F5. На последних верси…
0 votes5 answers -
Уберите пожалуйста таблицы
Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TIT…
0 votes5 answers -
Количество текста не увеличивает площадь DIVа
Убрала по максимуму лишнее, боюсь если обрежу больше, выйдет версия не такая как у меня, и потом запутаемся. Как видно из названий, это чат, данный пункт, это там где выдаются сообщения, надо, чтоб при большом сообщение его строка вертикально увеличивалась, до нужных размеров, третий день мучаюсь с позиционированием элементов, вроде всё уже выглядело, как хотелось бы, и тут проблема с растяжкой ((
0 votes3 answers -
поправить слайдер
помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/
0 votes3 answers -
Зазоры в ul
вот такой код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> .nov ul li{display:inline-block; background-color:#D1D3D5; padding:3px 5px;} .nov li a{text-decoration:none; font-family:Arial; font-weight:bold; color:#2C2D2D; font-size:14px;} </style> </head> <body> <div id="wrapper"> <div class="nov"> <ul> <li><a href="#">Тест</a></li> <li><a href="#">Тест</a></li> <li><a hre…
0 votes5 answers -
Пользовательский стиль сайта
Привет всем, первая тема на форуме, наверное не последняя Помогите пожалуйста прояснить такой вопрос. Я хочу сделать на своем сайте возможность настройки внешнего вида пользователями. Цвет фона там, шрифт и т.д. Примерно как вот тут. Какими средствами можно этого добиться? Могу лишь предположить, что для каждого юзера создается пользовательский css файлик, но как это на деле я не знаю.
0 votes4 answers -
А возможно ли?
Всем привет! Вот мой сайт http://vs-aqua.ru/ а реально ли его перенести на CMS? Просто он мне очень нравится и не хотелось бы его менять. И если да то подскажите пожалуйста дорогие форумчане как это сделать? Заранее спасибо.
0 votes3 answers -
Кнопки вконтакте, фейсбук, твиттер, google+
Глупый вопрос, конечно, но именно верстальщики их делают? А то мне кажется с этим уже должны создатели сайта заморачиваться, так как это не верстка все-таки. Попробовал добавить кнопку вконтакте на сайт, пришлось со своего аккаунта проделывать различные манипуляции - API ID прикрепляется к странице вконтакте, то есть если этим будет заниматься верстальшик, все кнопки "мне нравится" будут висеть на нем? Ну и интересно узнать, сложно ли все это проделывается с остальными кнопками.
0 votes2 answers -
Растягивающаяся кнопка
Хочу создать кнопку, которая растягивается по длине текста. Как задавать бекграунд такой кнопке?
0 votes1 answer -
HTML "Формы" запросов
Доброго времени суток коллеги. перед мной стоит задача построить некий справочник. который одновременно производит поиск в базе из 3-х форм сразу. Базку поднял, всё работает, ищит. Но теперь встал вопрос красоте! Подвесил на формочки картинки и решил описание формы указать в самой форме т.е задействовать Value авто-текст форм при старте. Выглядит так это чудо: вид самой формы запроса из базы. <FORM action="index.php?page=tel" method="get"> <input type = hidden name="page" value="tel"> <b style='mso-bidi-font-weight:normal'><span style='color:blue'><a href="index.php?page=tel"> <span style='mso-spacerun:yes'>Содержание справочник…
0 votes2 answers -
PHP запрос
Доброго времени!!!В базе в поле text(для контента) размещён определённый текст и в конце вывожу ссылку на файл который лежит в каталоге корня сайта,при обращении к ссылке появляются каракули!!! Люди прошу помощи,в чём причина.За ранее Спасибо....
0 votes5 answers -
Неправельное отображение в ХРОМЕ
Добрый вечер! Уже 4 часа убил, но никак не могу понять мочему во всех браузерах отображаеться нормально, а в Хроме идет сдвиг... Суть проблеммы в чем: есть сайт: http://turnkey.org.ua/solli/ У него есть нижнее многоуровневое меню с выпадающими списками. И третий уровень меню во всех браузерах отображаеться нормально, а в Хроме идет сдвиг на пару десятков пикселей.. - Принскрин с мозилы - Принскрин ХРОМА Помогите пожалуйста, где я допустить мог ошибку?
0 votes7 answers -
Невидимый пробел
Добрый день форумчане, вот сижу уже час и не могу понять...вот код: <div class="system-message-error"> {if $bLoginError} <li>{$aLang.user_login_bad}</li> {/if} </div> .system-message-error{position:absolute;width:460px;margin-left:-230px;top:18px;left:50%;border:1px solid rgba(190,40,40,0.4);background:rgba(145,0,0,0.2) url(../images/box_warning.png) 0 0 no-repeat;color:#d67f76;} .system-message-error li{display:block;margin:10px 0 10px 70px;} вобщем отображатся пиксельная полоска, FireBug показывает пробел в диве, но его там нету Может чего не доглядел? Заранее спасибо!
0 votes11 answers -
Наложение картины на меню
Привет всем! Подскажите, пожалуйста, как реализовать такую изюминку "]. Какие свойства прописывать в СSS? Трудность, в том, что картинка заголовка является не правильной прямоугольной формы, а с маленькой выступающей частью, которая и должна налагаться на горизонтальное меню.
0 votes1 answer -
Сьезжает картинка древовидного меню в IE
Добрый день! Имеется такая проблема - во всех браузерах кроме IE нормально отображается деревовидное раскрывающееся меню (на вложеном скриншоте). В IE картинка сьезжает и получается очень некрасиво. Вопрос - где копать и как это можно поправить? адрес страницы с меню - http://www.is2.rivne.com/catalog/ полный код css div.menu-sitemap-tree { font-size:100%; } div.menu-sitemap-tree ul { list-style-type: none; margin: 0; padding: 0 1em 0 0; } div.menu-sitemap-tree ul ul { width: auto; margin:-0.75em 0 0 0; padding: 0 0 0 0.75em; } div.menu-sitemap-tree li { margin: 0 0 -0.85em 0; padding:0; } div.menu-sitemap-tree li li { margin: 0 0 -0.85em 0.5em; padding:0; } …
0 votes3 answers -
Верстка текста или списков в три колонки
Здрасте. Интересует верстка текста в три колонки на css. И возможно ли на css? И потребуется ли JS? Есть динамическая страница в которую периодически добавляются данные. Данные берутся из бд и вставляются в теги списков ul li. Можно ли сделать верстку как на картинке, чтобы при добавлении новых списков все сдвигалось по стрелкам? Понимаю, что требуется определенная высота блока в котором находятся эти списки, понимаю что для каждого списка нужно назначать float, но ес-но до конца добить не могу Пример можно глянуть здесь: ib-gallery.ru (по нажатию на "производители"). Один большой список возможен, но не желателен. Спасибо
0 votes2 answers -
белая полоса в opere
Сверстал страницу высотой 1120px, во всех браузерах отображается нормально только в опере проблема... в опере блок получается слишком высоким и появляется белая полоса в самом низуу... Можно как нибудь задать высоту блока специально для оперы?
0 votes2 answers -
В Opere заблокированы все поля ввода
Здравствуйте! Тема такая: Opera блокирует набор абсолютно во всех полях ввода на сайте. Т.е., Поиск, Комментарии, Форма Связи, Подписка - не функционируют. Текст, просто, не набирается. При этом, во всех других браузерах - сайт работает в штатном режиме. В чем может быть проблема? Как ее решить? P.S. Настройки браузера выставлены по умолчанию. Заранее благодарю за ответ!
0 votes9 answers