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
-
позиционирование
сделал меню на js, функционал работает, вот только проблема с позиционированием уровней меню есть. приложил скрин для того, чтобы было понятней. мышка наведена на пункт "обратная связь", однако элементы подменю выводятся наверху, и так со всеми существующими подменю есть элемент ul <ul id="left_menu"> далее идет li с классом, у которого задано position : relative <li class="relative_block"> в этом li идет сначала ссылка основного меню <a href="#" class="left_menu_item"><span class="left_menu_item_title">Главная</span></a> ну и далее, если есть подменю, то непосредственно оно и следует <ul class="left_popup_menu" > <li c…
0 votes2 answers -
помогите исправить верстку в ие7
вот верстал макет, и проявился непонятный мне баг, во всех арбузерах нормально, но ие7 не показывает абсолютно спозиционирвоаных элементов,даже ие6 норм показывает. Сначала думал.что моежет быть дело в з-индекс покрутил его ничего не изменилось, в общем подскажите,что не так пожалуйста страница с версткой
0 votes1 answer -
background-image в td
Доброго время суток. Проблема в следующем. Имеем таблицу с текстом - нужно снизу справа расположить background картинку. Как лучше реализовать? <table width="219" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><img src="images/strelka.jpg" width="9" height="7"> <a href="http://u-i-m.ru/">О нас</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/component/option,com_virtuemart/Itemid,51/">Интернет-магазин</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/blogcategory/1/30/">Новости</a><br> <img src="images/strelka.j…
0 votes2 answers -
список поверх рисунка
как сделать, чтоб нумерация списка была видна, а то остается под рисунком вот ссылка
0 votes7 answers -
Проблема с background-attachment в Firefox
Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?
0 votes6 answers -
box-shadow в IE с помощью PIE
Добрый вечер! Подскажите пожалуйста если кто знает,как сделать тень по всем четырем сторонам блока с помощью PIE в IE. У меня тень во всех браузерах со всех сторон ,после подключения PIE в IE тень появляется,но только снизу и справа. Заранее благодарю!
0 votes5 answers -
Баг в IE7 - блок float не переносится вниз
Добрый вечер, господа! Есть 7 блоков с float:left; и строкой текста. В браузере IE7 последний блок в строке не переносится вниз, а увеличивает свою высоту. Вот так. http://kentru.bget.ru/bug/task1.php Подскажите, пожалуйста, как вылечить.
0 votes2 answers -
новые тэги html5
на этом макете впервые попробовал html5. результат такое чувство, что я не до конца понимаю преимущества новых html5-тэгов. помогите пожалуйста понять как удобно записывать их в css-файле раньше я использовал xhtml и запись выглядела примерно так .footer{ } .footer .box{ height: 48px; position: relative; } .footer .box .logo{ position: absolute; top: 0px; left: -11px; width: 53px; height: 53px; background: url('../images/bg_logoB.png') right 0px no-repeat; } то есть я мог однозначно идентифицировать любой блок(футер, хэдер и т.д) в html5 хэдеров (или article, или section и т.д.) может быть несколько. то есть мне в любом случае придется т…
0 votes8 answers -
Разъежааются ссылки
Здравствуйте. Вот сайт http://vsja4ina.tw1.ru/ на блоках меню разъезжаются отображение ссылки и ее реальное место нахождения можно поймать первую ссылку а остальные вообще не видятся и отображается как обычный текст. Выяснил что это из-за свойства padding это происходит но как это можно обойти? Или что я делаю не так? В ИЕ отображается как нужно))) а в остальных браузерах нет. (строго не судите первый раз верстаю что то более менее приличное)
0 votes5 answers -
Проблемма с вёрсткой
Вот вёрстка - http://ack.webatu.com/an/ В Mozilla Firefox, всё работает как надо. А вот в Chrome, Safari, Opera. - Отображение неверное... Слайд изображение имеет отступ от внешнего блока... Как только не пробовал не выходит...
0 votes5 answers -
Не стандартый вет ссылок
Доброе время суток ! Не получается добиться ,что бы ссылка была черного цвета при наведении красного а посещенная была тоже черного a:link{color:#000000;font-family:Minior pro regular !important; font-size:14pt; } a:hover{color:#ff0000;} a:visited{color:#000000;} работает только в мазиле и IE в опере ссылки только черные и при навидение ничего не меняется Как с этим бороться ? Спасибо !
0 votes2 answers -
Форма
http://htmlbook.ru/practical/poshagovaya-forma Создать форму, где взять картинки для создания, вырезать с psd документа в фотошопе ?
0 votes2 answers -
Ребят, помогите, пожалуйста, с версткой.
Проблема следующего характера: блок с контактами, карта и форма должны быть отдельными блоками, то есть, сначала идут контакты, справа от контактов идет карта, и под контактами находится форма. Помогите, пожалуйста, найти ошибку в коду, т.к. форма после всех манипуляций находится явно не насвоем месте (по фаербагу она залазит на контакты, да и так это видно). Привожу пример кода: <article class = "content" role = "main"> <div class="container"> <div class="sidebar"> <ul class="sidebar_list"> <li class="sidebar_item"><a href="#">Главная страница</a></li> <li class="si…
0 votes2 answers -
Как добавить верхнюю и нижнюю тени?
Здравствуйте. Пробую на сайте добавить тени сверху и снизу от div с id citation следующим образом: не выходит. Как бы вы поступили? Дать тень выше стоящему div-у плюс добавить еще один обертывающий для задания второй тени? Благодарю
0 votes6 answers -
Подскажите хороший способ задания градиента для текста
Подскажите хороший способ задания градиента для текста. Насколько я знаю есть плагины на jquery, не вызовут ли они тормозов? (не подскажете неплохой плагин, которым вы пользуетесь?) Прозрачная картинка через span - делает невозможным нормальное выделение текста - верно? Может есть css3 возможность сделать градиент? Если да, то какова кроссбраузерность метода?
0 votes6 answers -
тег <a> перед <li> выдает ошибку в валидаторе HTML
Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…
0 votes4 answers -
Отступ от новости
Как навигатор отлепить от картинки? (http://truebooks.ru/page/2/). Пробовал margin, не помог, или я его не туда впихнул,хз
0 votes5 answers -
div внутри div по центру
Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру? <div class='comLine'> <div class="comLine2"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div></div>.comLine { width: 1000px; margin: 0 auto; } .comLine2 { outline: 1px solid red; width: 100px; }
0 votes5 answers -
Включить таймер
На старом шаблоне устанавливали таймер "До конца акции осталось ...", теперь поставил новый шаблон, вставил туда код этого таймера. Сам таймер появился, но сами часы не работают. Может где-то в яваскрипте прописать нужно путь к новому шаблону?
0 votes5 answers -
Оцените верстку
Всем привет. Хотел бы чтобы вы проверили мою верстку http://verstka-primer.esy.es/world/ Макет, для многих легкий но я хотел бы чтобы вы мне показали как лучше сделать тот или иной элемент. Надеюсь, что там не так все плохо )
0 votes0 answers -
как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку
В форме публикации объявления в газете указываются даты публикации в виде (день/месяц/год) let dt = document.getElementById('dt'); function setDate(d){ dt.value += (dt.value == '') ? d : ', '+d; } function init() { if (arguments.callee.done) return; arguments.callee.done = true; changePrice(); } А как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку при публикации в > 3 номерах ? skid = Math.ceil(one_ad_cost * (dt > 3 ? dt : 0) * 0.07);
0 votes2 answers -
Скроллинг в ячейке таблицы
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> .full{height:100%; width:100%; margin:0px;padding:0px; border:3px;} #scrollable-container {height:100%; width:100%; overflow: auto; position: relative; } #relative {min-height: 0; position: relative; width:100%;} label { display: inline-block;} label.error { width: auto; margin-left: 10px; color: red; font-style: italic; } label.ok { width: auto; margin-left: 10px; color: green; font-style: italic; } input.pole { width: 250px; border: 1px solid black; } input.error { border: 1px solid red; } </style> <sc…
0 votes1 answer -
возникает рамочка вокруг посещенной ссылки
примитивное горизотальное меню, организованное с помощью ссылок, без эффектов, красные буквы на белом фоне. При нажатии и после того, как сходил на другую страницу и вернулся, вокруг пункта меню появляется рамочка. После обновления страницы исчезает... Как избавиться???
0 votes4 answers -
Меню
Хочу сделать такое меню.Значит у меню есть бордюр шириной 5 пикселей и черного цвета, внутри меню ссылки.Хотелось бы чтоб пр наведении на сылку у сыылки черный фон и её фон касался краёв.Вот код <ul class='wrapper_ul'> <li><a href='message.php' >Главная</a></li> <li><a href='.php' >Контакты</a></li> <li><a href='.php'>3</a></li> <li><a href='.php' >6</a></li> </ul> #mir li{vertical-align:middl…
0 votes3 answers -
Высота блока (Использование вложенных слоев)
Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…
0 votes5 answers