Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Можно ли изменить размер ползунка скролла?

    В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?

    Asked by Belovsan,

    0 votes
    5 answers

  2. Неизвестная ширина position: fixed

    Добрый вечер. Возникла одна проблема: нужно реализовать фиксированное меню, у которого ширина зависит от ширины контента. Контент имеет минимальную и максимальную ширину, в случае последнего - выравнивается по центру экрана. Так же сам блок контента унаследовал отступы элемента body в размере 62px; Т.е как это все должно быть на изображении: -- Прописал блоку с position: fixed следующие: box-sizing: border-box;position: fixed;width: 100%;max-width: 1600px; // блок контентаheight: 100px;И все бы ничего, только если ширина экрана меньше 1600рх, то получается вот это: -- Помогите, пожалуйста, исправить p.s играл с положительным и отрицательным margin-ом и padding-ом, но в…

    Asked by Temiks,

    0 votes
    2 answers

  3. Раскрытие меню при наведении курсора

    Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: 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"…

    Asked by marianna9201,

    0 votes
    2 answers

  4. Шаблон чисто на дивах не получается (как померить ширину)!

    Задумал разогнать шаблон. Вс? в принципе нормально если бы лиса и опера нормально отображали. Смысл в том... Есть 2 колонки 1 - фиксированной ширины; 2 - оставшейся. С таблицами нет проблем 1 - фиксируешь, 2 - оста?тся как есть, само растягивает. С дивами как не пытался, вс? равно на следующую строку перекидывает(разве что в осле вс? хорошо), если точно ширина у второй колонки не задана. Можно решить проблему альтернативно, с помощью плавающих блоков. Но так, возникают проблемы с футером. Короче вс? сводится к тому что-бы подставить значение выражения (ширина Body - 295px;(результат должен быть в px;)) в див... как это сделать не подскажите... А то я в JavaScript не сил?н…

    Asked by dremora,

    0 votes
    4 answers

  5. Почему "display:block" не работает для <A> в ИЕ 6,7 и Maxthon?

    Помогите пожалуйста разобраться. Вот на этой странице участок кода http://tri4.ax3.net/akado_ural/menu2.html Из-за этого получается ужасный эффект прыгающего меню ((

    Asked by warobushek,

    0 votes
    16 answers

  6. Растягивание меню на всю ширину блока

    Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <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/%…

    Asked by crash,

    0 votes
    1 answer

  7. IFRAME в IE6 не работает

    На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.

    Asked by anapacap,

    0 votes
    5 answers

  8. как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?

    <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> …

    Asked by atew,

    0 votes
    8 answers

  9. Список выходит за пределы слоя

    Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При 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 …

    Asked by skygazer,

    0 votes
    4 answers

  10. Проблема верстки только в 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() …

    Asked by IndigoHollow,

    0 votes
    6 answers

  11. окошко после нажатия на ссылку

    нажимаю на ссылку ввиде картинки, после чего вокруг нее образуется окошко, типа рамочка с тонкой линией. кто вкурсе, как эту рамочку убрать?

    Asked by PASSWORD,

    0 votes
    8 answers

  12. CSS и формы

    Вопрос касается применения css в формах. Интерисует такой общий вопрос: как сделать формы на сайте красивее? Тоесть рамки текстовых полей(input,textarea) не стандартного цвета, расстояние между ними тоже другое, и кнопку поставить свою, но чтобы тип ее был стандартный(Submit или Reset)

    Asked by YaGub,

    0 votes
    7 answers

  13. Помогите пожалуйста

    Пожалуйста, помогите переделать! 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="#…

    Asked by Alisa,

    0 votes
    14 answers

  14. тег 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…

    Asked by geirby,

    0 votes
    15 answers

  15. Как организовать сайт?

    Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 2007 года. Так что со мной можно и пооткровеннее Начинал с FrontPage. Сейчас сижу на Expression Web. И проблема моя вот в чём. Возьмём мой будущий сайт. Он будет на HTML. Все страницы моего сайта похожи между собой по структуре и стилю оформления. Когда верстал на FrontPage, то использовал INCLUDE (не PHP и не SSI, а какая фишка FP). Пример: <!--webbot bot="Include" tag="BODY" u-include="../header.htm" --> У меня были отдельно файлики HEADER, FOOTER, MENU и в итоговой странице я их собирал. Верстать было удобно, потому что для изменения чего-либо в шапке нужно было откр…

    Asked by anempadest,

    0 votes
    24 answers

  16. Флеш, пнг с прозрачностью и реагирование на курсор

    В общем. Что есть: флеш, который находится в нижнем слое (z-index, wmode=opacity итд...) и png-картинка (в div'e с position=absolute и с заюзанным AlphaLoader'ом в случае с ИЕ), которая расположена поверх этого флеша. Нужно: чтобы область флеша находящаяся под пнг-картинкой реагировала на курсор так же, как и та, что не закрывается картинкой. Возможно ли это? Если да, то как это сделать?

    Asked by NeFBoTuS,

    0 votes
    4 answers

  17. Немогу((((((

    У меня опять где-то ошибка, помогите найти, плз! <?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('Поп…

    Asked by Elendor,

    0 votes
    13 answers

  18. Text field + эмулировать работу свойств div`а

    Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?

    Asked by klierik,

    0 votes
    24 answers

  19. Проблема с div-ссылкой в Firefox

    Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…

    Asked by bems,

    0 votes
    10 answers

  20. в 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…

    Asked by Tanchik,

    0 votes
    11 answers

  21. 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 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…

    Asked by quoter,

    1 vote
    10 answers

  22. Отступ в Firefox

    http://www.activeheat.ru/ В IE перед меню отступа нет, а в FF вверху между фотоколлажем и меню пустое место. Откуда оно появилось? Как его убрать? Подскажите, плиз.

    Asked by allmoney.ws,

    0 votes
    12 answers

  23. Прозрачность фона

    Здравствуйте! Искал темы и в нете и на этом форуме, так и не решился ни на один из вариантов, либо решил - но не получалось. Раньше сталкивался с прозрачностью, но она была на верхних слоях, сейчас же мне нужно, что бы родительский элемент был полупрозрачным, а все элементы внутри - нормальные. Пытался играть со слоями свойством 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> &lt…

    Asked by Hijacker,

    0 votes
    15 answers

  24. Помогите с тегом <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>

    Asked by neznayka,

    0 votes
    9 answers

  25. Помогите с HTML, не могу вставить видео

    Помогите пожалуйста с HTML не могу вставить видио... http://www.macromedia.com/go/getflashplayer" flashvars="flvbaseclip=2890680&"> Прописываю путь:C:jobmy.flv где лежит видео, но почему-то воспроизводить не хочет, просот ч?рный квадрат и вс?. Что делать?

    Asked by shkon,

    0 votes
    7 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept