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
-
Сверстаная форма отправки
<form> <div class="blueForm"> <label>Тип номера:</label> <div class="select s185" style="z-index: 1; "> <div class="select_l"> <span class="sel_arr"></span> <div class="selected"></div> <div class="sel_drop" style="display: none; "> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <label>Питание:</label> <div class="select s185" style="z-i…
0 votes2 answers -
Неккоректно отображается модуль комментариев DLE
Неккоректно отображается модуль добавления комментариев DLE, подскажите плз как это исправить и где) спасибо
0 votes2 answers -
выравнивание в меню
добрый день форумчане! с наступающим вас! я php программист, с версткой иногда бывает проблемы. вот как сейчас например есть меню как мне сделать чтобы картинка возле слова была посередине а не снизу? вот код <li><a href="decoration/1.html"><img src="../images/point.png" alt="•" align="middle" border="0"> Декорации</a></li>
0 votes2 answers -
проблема с footer
Привет всем. Не знаю что делать, футер не хочет располагаться там, где нужно. Сайт Спасибо за помощь.
0 votes2 answers -
Граница блока режет фон
Есть двухуровневая менюха. Я решил сверстать её по взрослому - на списках. Но вот незадача, как сделать картиночный фон у выбранного пункта? Если у <li> сделать фоном картинку то она режется границей блока и overflow: visible не помогает решить проблему. Можно как-то решить этот вопрос оставив список или все таки проще переверстать меню на дивах?
0 votes2 answers -
Меню для сайта
Всем доброго времени суток! Подскажите как сделать меню которое бы растягивалось на весь экран, в зависимости от разрешения монитора, но при этом ссылки на нем располагались как на скрине к примеру Надеюсь вы меня поняли!!
0 votes2 answers -
Наезды блоков
Имеется контент сайта. По боках - 2 блока, по середине Карта. Проблема в чем - на маленьких экранах (типа айфона либо айпеда) - 2 блока вьежают в карту. Что хочется? Чтоб все 3 блока (карты + 2 остальных) - уменшались. width 100% не помогает.
0 votes2 answers -
Wordpress верстка
вчера начал верстать под вп, уже почти заканчивал и вроде бы все хорошо, но в конце pagenavi растянулся на всю ширину и кнопка читать полностью съехала вниз, собственное как это исправить? http://moslem.ws/blog/ - Что получилось http://demo.moslem.ws/myblog/ - как должно было быть.
0 votes2 answers -
Проблема с вертикальным выпадающим меню.
Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png')…
0 votes2 answers -
Вёрстка темплейтов
После более-менее тщательного изучения стилей и тегов стал задумываться об осознанном использовании редакторов. Мне показался наиболее мощным Adobe DW, после Rapid CSS. Вроде бы ясны и цели, и средства. Валидный код + скорость верстки. Знакомство с Artisteer.com породило вопросы, на которые ищу ответы: Как свёрстаны вообще темплейты Worldpress, Joomla, Drupal, DotNetNuke, Blogger итд, если после распаковки темплейта нахожу кучу php и только один файл с коротким HTML кодом, определяющим цвет body? Почему одну и ту же вёрстку Artisteer сохраняет с разным набором файлов для Worldpress и для Joomla, например?
0 votes2 answers -
Стили для input
Здравствуйте! Подскажите, пожалуйста, как для разных типов input правильно прописать разные стили? Необходимо придать отличающиеся друг от друга псевдоклассы :hover и :focus. Дело в том, что для общего input я это могу сделать легко, но тогда тип submit и тип text получают одинаковые стили при наведении и в активном состоянии. К примеру, кнопка "Отправить" наследует стили вышерасположенного окна ввода информации, строки поиска или капчи... Их, вообще, возможно разделить по оформлению? Заранее благодарю за ответ!
0 votes2 answers -
плавающие блоки
верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> …
0 votes2 answers -
Список в строку. IE.
Во всех браузерах меню отображается правильно. В ie: Во всем остальном: Почему? Как я только не извращался с блоками в меню, результата нет. Выложу весь код, думаю это лучше. CSS: http://dl.dropbox.com/u/15840231/all.css HTML: http://dl.dropbox.com/u/15840231/index.zip .menu{ position: relative; width: 990px; height: 41px; margin-left: -490px; left: 50%; border-top: solid 2px #ca8271; background: #f1c0af; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmll…
0 votes2 answers -
Вопрос по CSS
На данном сайте взял исходник на Dropdown Menus -> Centered - это zip-архив. Его содержимое в части CSS: /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssmenus.co.uk Copyright (c) 2009- Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ ul#menu {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:11px; f…
0 votes2 answers -
Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны
Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…
0 votes2 answers -
Denver
Доброе время суток ребята, Пишу свой первый сайт и возникла проблемма с Denver, которую уже второй день немогу решить и работа из-за этого остановилась. Проблемма в том, что не срабатывает команда include в рнр файле. Все файлы размещенны в папке Z:/home/localhost/www/site/www/далее файлы сайта. А именно фаил рнр2.рнр код такой: <html> <head> <title>Моя первая интернет страница </title> </head> <body> Сегодня замечательный день.<br>Я сделал своюпервую интернет страницу <br> <?php echo("А теперь я могу делать и на РНР");include("inc/top.inc");?> </body> </html> и папка inc с размещенным в нем файле top.inc П…
0 votes2 answers -
Как отцентровать блоки?
Проблема в том, что бы отцентровать последнее изображение, но и каждый ряд так же. Так как под изображением должна быть ссылка, то изображение со ссылкой приходится помещать в div. Изображения могут быть различной ширины, и помещаться в ряд столько, сколько влезет, остальные переносятся на следующую строку. Это делается просто через float: left; Но дело в том, что в каждой строке, изображения(блоки) должны быть отцентрованы, а как вы знаете, если задано float, то text-align:center уже не прокатит Собственно вопрос: Как отцентровать блоки в каждом ряде не странице? Код не обязательно, достаточно доступно изложить идею реализации. Заранее благодарен!
0 votes2 answers -
Растягивание фона
Здравствуйте, форумчане! Имеется сайт с приблизительно такой структурой: <table> <tr> заголовок </tr> <tr> <table> <tr> <td>левая колонка</td> <td>центр</td> <td>правая колонка</td> </tr> </table> <tr>подвал</tr> </table> Ширина колонок и центра постоянна, длина меняется. Задача: добавить фоновую картинку. Так, чтобы она была за обеими колонками и центром, и растягивалась в зависимости от их длины. Решение: после долгих поисков и проб нашел более-менее сработавший способ, добавил перед левой колонкой ячейку: <td height="100%" width="1050" valign="top" style…
0 votes2 answers -
Атрибут height
Здравствуйте! Мой вопрос по статье. Скажите, а если задать размер изображения в css, а не атрибутами тега img (в смысле те же height и width для тега img прописать в стилевых свойствах), это облегчит работу браузера или он будет вынужден вычислять размеры изображения так, как будто они вовсе не заданы?
0 votes2 answers -
Скроллинг фиксированных элементов.
Есть меню. Расположено всегда вверху страницы, то есть фиксированное. Невысокое и длинное. При узком окне на странице появляется горизонтальный скроллинг, но фиксированные элементы на него никак не реагируют. В итоге некоторые пункты меню оказываются недоступными. Нужно сделать так, чтобы это меню могло горизонтально скроллиться вместе со страницей, не используя скриптов. P.S.: Неудобство с вылазящими элементами меню я решил, путем автопереноса этих элементов на новую строку при недостаточной ширине. Ну так же как переносится текст в блоке при его сужении. Тем не менее это немного искривляет дизайн. Хотелось бы, чтобы меню оставалось ровным в одну строку.
0 votes2 answers -
Переделать структуру сайта без последствий с поисковиками
Здравствуйте! Всех с прошедшими праздниками! Вопрос вот в чем: Необходимо изменить структуру сайта. Тобиш статьи которые сейчас на третьем уровне перевести на второй. Как переводить сами статьи понятно, а как сделать чтоб они из индекса не выпали? url сменится только на -1 вложение. Как бы понятно, что редирект нужен, только какой лучше? (статей не много всего около сотни) но все равно жалко если выпадут! Заранее благодарен.
0 votes2 answers -
Проблемы с прозрачностью
Суть проблемы в следующем: Есть картинка с position: fixed; z-index: -3; Рядом с ней есть блок #content с background: rgba(255, 255, 255, 0.9) в нём располагается основной контент сайта (по размерам он меньше фоновой картинки, спозиционирован и т.д.) А внутри #content есть вертикальная менюшка с float: left и на скрипте скользящая при прокрутке страницы, и вот надо что-бы эта менюшка имела границу со всех сторон 5px прозрачную, т.е. не то что б белый полу прозрачный фон, а должна быть видна фоновая картинка, которая под контентом. Чего только не придумывал и gif прозрачный и rgba и игрался с z-index (ставил у контента = -1, а у враппера менюшки = -4, у менюшки = 0) ничего…
0 votes2 answers -
Отступы внут. блоков.
Доброго времени суток! Есть проблема с отступами блока внутри блока, при попытке сделать отступ внутреннего блока вот так Html <div id="osnova"> <div id="content"> </div> </div Css #osnova { width: 1280px; min-height: 1900px; } #content { width: 1024px; min-height: 900px; margin-top: 80px; } Отступ идет от края окна браузера а не от родительского элемента. Но если добавить верхний бордер к #osnova то отступ будет нормальный (от родительского элемента) но я понимаю что это не правильно. Варианты с position: relative; top: 80px; мне не очень нравятся т.к. появляются проблемы с …
0 votes2 answers -
Объясните на пальцах про позиционирование
Здравствуйте. Зачитал до дыр про позиционирование, но все-равно туплю. Вот у меня код: <div id = "found"> <div id = "Left"> <div> <div id = "Right"> <div id = "Right_l"> <div> <div id = "Right_r"> <div> <div> <div> CSS: #found { height:600px; width:800px; } #Left{ width:250px; display:block; position:relative; } #Right{ width:550px; display:block; position:relative; float:left; } Надо, чтобы было так : [блок Left] [блок Right_l] [блок Right_r] То есть блок Right содержит в себе еще два блока, которые позиционируются В НЕМ. Не могу понять как это сделать... Получается сейчас…
0 votes2 answers -
Вертикальное меню
Здравствуйте, я бы хотел узнать ваше мнение. Была задача сделать верстку вертикального меню, уже с готовой структурой, как показано здесь Появилась проблема что при переключении пунктов, меню смещалось (вниз вверх), из-за того что выделенный пункт имел большую высоту, для этого я сделал одинаковую высоту как выделенным и невыделенным пунктам. Появилась следующия проблема, расстояние между пунктами было слишком большое. Вопрос возможно ли уменьшить расстояния и при этом что б пункты не смещались? (Основная проблема в картинке которая обозначает выделенный пункт) Ссылка на сайт: http://aca.computers.net.ua/ru/cus_env/ Структура меню: <div class="vert-menu-box"> &l…
0 votes2 answers