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
-
Можно ли изменить размер ползунка скролла?
В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?
0 votes5 answers -
Неизвестная ширина position: fixed
Добрый вечер. Возникла одна проблема: нужно реализовать фиксированное меню, у которого ширина зависит от ширины контента. Контент имеет минимальную и максимальную ширину, в случае последнего - выравнивается по центру экрана. Так же сам блок контента унаследовал отступы элемента body в размере 62px; Т.е как это все должно быть на изображении: -- Прописал блоку с position: fixed следующие: box-sizing: border-box;position: fixed;width: 100%;max-width: 1600px; // блок контентаheight: 100px;И все бы ничего, только если ширина экрана меньше 1600рх, то получается вот это: -- Помогите, пожалуйста, исправить p.s играл с положительным и отрицательным margin-ом и padding-ом, но в…
0 votes2 answers -
Раскрытие меню при наведении курсора
Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…
0 votes2 answers -
Шаблон чисто на дивах не получается (как померить ширину)!
Задумал разогнать шаблон. Вс? в принципе нормально если бы лиса и опера нормально отображали. Смысл в том... Есть 2 колонки 1 - фиксированной ширины; 2 - оставшейся. С таблицами нет проблем 1 - фиксируешь, 2 - оста?тся как есть, само растягивает. С дивами как не пытался, вс? равно на следующую строку перекидывает(разве что в осле вс? хорошо), если точно ширина у второй колонки не задана. Можно решить проблему альтернативно, с помощью плавающих блоков. Но так, возникают проблемы с футером. Короче вс? сводится к тому что-бы подставить значение выражения (ширина Body - 295px;(результат должен быть в px;)) в див... как это сделать не подскажите... А то я в JavaScript не сил?н…
0 votes4 answers -
Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?
Помогите пожалуйста разобраться. Вот на этой странице участок кода http://tri4.ax3.net/akado_ural/menu2.html Из-за этого получается ужасный эффект прыгающего меню ((
0 votes16 answers -
Растягивание меню на всю ширину блока
Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…
0 votes1 answer -
IFRAME в IE6 не работает
На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.
0 votes5 answers -
как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?
<style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …
0 votes8 answers -
Список выходит за пределы слоя
Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …
0 votes4 answers -
Проблема верстки только в Firefox
Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() …
0 votes6 answers -
окошко после нажатия на ссылку
нажимаю на ссылку ввиде картинки, после чего вокруг нее образуется окошко, типа рамочка с тонкой линией. кто вкурсе, как эту рамочку убрать?
0 votes8 answers -
CSS и формы
Вопрос касается применения css в формах. Интерисует такой общий вопрос: как сделать формы на сайте красивее? Тоесть рамки текстовых полей(input,textarea) не стандартного цвета, расстояние между ними тоже другое, и кнопку поставить свою, но чтобы тип ее был стандартный(Submit или Reset)
0 votes7 answers -
Помогите пожалуйста
Пожалуйста, помогите переделать! CSS код #menu_cont ul { font-size: 0.85em; margin: 0; padding: 0; list-style: none; } #menu_cont li { display: inline; float: left; } #menu_cont li a { display: block; padding: 7px 20px; color: #003388; background-color: #f5f5f5; margin-right: 2px; } #menu_cont li a:hover { display: block; padding: 7px 20px; color: #333; background-color: #fff; margin-right: 2px; } #menu_cont li span { display: block; padding: 6px 20px; color: #555; background-color: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-right: 2px; } HTML код <div id="menu_cont"> <ul> <li><a href="#…
0 votes14 answers -
тег span
Что будет если внутри тега Span ничего нет, только указание на определенный класс. Я имею ввиду на что будут распостраняться правила указанного класса. Тег расположен внутри блока. Пример: <div class="..."> <span class="....."></span> <table cellpadding=0 cellspacing=0><tr><td valign="top"><div class="...."><img src="trans.gif" name="nav_" width="12" height="7" alt="transparant gif"> </div> </td> <td> <div class="..."><a class="body-nav-txt" name="id_" href="/international/web/lg/ru/like35lgru.nsf/docbyalias/nav_comp" onmouseover="navPopUp('В'getRelativeY())" onmouseout="navPopDown()">О </a…
0 votes15 answers -
Как организовать сайт?
Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 2007 года. Так что со мной можно и пооткровеннее Начинал с FrontPage. Сейчас сижу на Expression Web. И проблема моя вот в чём. Возьмём мой будущий сайт. Он будет на HTML. Все страницы моего сайта похожи между собой по структуре и стилю оформления. Когда верстал на FrontPage, то использовал INCLUDE (не PHP и не SSI, а какая фишка FP). Пример: <!--webbot bot="Include" tag="BODY" u-include="../header.htm" --> У меня были отдельно файлики HEADER, FOOTER, MENU и в итоговой странице я их собирал. Верстать было удобно, потому что для изменения чего-либо в шапке нужно было откр…
0 votes24 answers -
Флеш, пнг с прозрачностью и реагирование на курсор
В общем. Что есть: флеш, который находится в нижнем слое (z-index, wmode=opacity итд...) и png-картинка (в div'e с position=absolute и с заюзанным AlphaLoader'ом в случае с ИЕ), которая расположена поверх этого флеша. Нужно: чтобы область флеша находящаяся под пнг-картинкой реагировала на курсор так же, как и та, что не закрывается картинкой. Возможно ли это? Если да, то как это сделать?
0 votes4 answers -
Немогу((((((
У меня опять где-то ошибка, помогите найти, плз! <?php function validate($allSubmitted) { $message = ""; $passwords = $allSubmitted["pword"]; $firstPass = $passwords[0]; $secondPass = $passwords[1]; $username = $allSubmitted["name"]; if ($firstPass != $secondPass) {$message = $message."Пароль подтвержд?н не верно. ";} if (strlen($username) <5 || strlen($username) >20) {$message = $message."Имя пользователя должно быть не меньше 5 и не больше 20 знаков. ";} if ($message == "") {$message = "OK";} return $message; } function db_connect($user='Elendor', $password='758575', $db='site') {mysql_connect('localhost', $user, $password) or die('Поп…
0 votes13 answers -
Text field + эмулировать работу свойств div`а
Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?
0 votes24 answers -
Проблема с div-ссылкой в Firefox
Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…
0 votes10 answers -
в IE6 просвечивает выпадающее окно
есть див с рейтингом в виде рисунка. при нажатии на этот рисунок, java скриптом поверх выводится див для ввода коммента к рейтингу. но в IE6 див для коммента оказывается под дивом с рейтингом, и все кнопки неактивные. у дива для коммента и у дива с рейтингом пробовала указать и z-index, и position в разных комбинациях, но не помогает в IE7, Mozilla Firefox и Opera все работает. Заранее спасибо за помощь! <style> .user_soft { margin:0px 15px 5px 20px; } .user_soft a { color: #2786A8; margin:0px; text-decoration:underline; } .user_soft a:hover { color:#4864d6; } .user_soft img { margin:0px 2px -4px 0px; } .user_soft p { color:#181919; margin:5px 15px 0px 23…
0 votes11 answers -
Emmet в PHPStorm ставит лишние отступы и разрывы строк
пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…
1 vote10 answers -
Отступ в Firefox
http://www.activeheat.ru/ В IE перед меню отступа нет, а в FF вверху между фотоколлажем и меню пустое место. Откуда оно появилось? Как его убрать? Подскажите, плиз.
0 votes12 answers -
Прозрачность фона
Здравствуйте! Искал темы и в нете и на этом форуме, так и не решился ни на один из вариантов, либо решил - но не получалось. Раньше сталкивался с прозрачностью, но она была на верхних слоях, сейчас же мне нужно, что бы родительский элемент был полупрозрачным, а все элементы внутри - нормальные. Пытался играть со слоями свойством z-index, но безуспешно. <table id="headpanel"> <tr> <td id="headpanel_l">...</td> <td id="headpanel_r"> <div id="headpanel_reset"> <div id="search">поиск</div> <div id="time">часы</div> <div id="headinfo">название сайта</div> </div> </td> <…
0 votes15 answers -
Помогите с тегом <base>
Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>
0 votes9 answers -
Помогите с HTML, не могу вставить видео
Помогите пожалуйста с HTML не могу вставить видио... http://www.macromedia.com/go/getflashplayer" flashvars="flvbaseclip=2890680&"> Прописываю путь:C:jobmy.flv где лежит видео, но почему-то воспроизводить не хочет, просот ч?рный квадрат и вс?. Что делать?
0 votes7 answers