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
-
Серый фон блока
Есть серый блок в макете (футер), никакого градиента в нём не видно.. но Пипетка в разных местах блока показывает разные цвета!! (оттенки серого). Как поступить?? Использовать какой-то один оттенок в качестве фон. цвета или Как?? Оттенки вроде по всему блоку разные - не похоже, что это градиент..
0 votes5 answers -
Вертикальная резина
Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!
0 votes7 answers -
Вертикальное форматирование, никак не пойму.
Никак не могу понять поведение отрицательного margin'a внутри родительского блока. Вот пример: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> p.abz{ margin-bottom:-100px; margin-right:10px; margin-top:0; border:3px solid gray; } div{ width:420px; margin-top:50px; border:3px solid red; margin:50px; } </style> </head> <body> <div> <p class="abz">a paragrapf</p> soderjimoe diva </div> <p>a paragrapf</p> </body> </html…
0 votes2 answers -
Трехколоночный макет
Всем привет! Хотелось бы поинтересоваться у опытных людей =) Есть трехколоночный макет. Необходимо сделать так, что при удалении правой или левой колонки , центральная колонка занимает ее ширину. Интересует как это можно сделать на дивах для IE7,IE6. Понятно, что для других браузеров можно просто назначить табличное отображение средствами css. А для IE7,IE6 не понятно =( Заранее спасибо за ответ!
0 votes11 answers -
Внедрение Flash-анимации
Приветствую) Я здесь новичек, хотя долго пользуюсь этим сайтом) Ладно теперь к делу. Я создаю один сайт и мне хотелось бы поставить на вверх сайта одну анимацию. Поставить анимацию проблем вообще не каких не составит, НО мне надо поставить анимацию под менюшкой. Я нашел на этом форуме одну тему, но она вообще не че не говорит. Как мне поступить? Что и где прописать? Спасибо.
0 votes13 answers -
Div блоки
Кто знает как при помощи div сделать так чтобы был блок который содержит в себе 12 изображений по горизонтале 4 в 3 ряда
0 votes18 answers -
Меню сайта UL, LI. Задолбался
Всем привет. Уже неделю мучаюсь, не могу решить проблему. Сверстал основную структуру сайта, начал делать меню, постоянно вылазит какой-то глюк, в большей степени относится к IE, но сейчас и в мозилле такая же фигня (см. рис.) Код прикладываю архивом. Заранее спасибо. Файл с таблицей стилей и главной страницей: Таблица стилей + индекс файл Помогите плиз, и объясните что не так..и в чем трабл?
0 votes12 answers -
Виджет "Forismatic"
Привет. А как поставить себе на сайт виджет forismatic, как на яндексе (скриншот)? У них на сайте смотрел, но там не понял многое P.S. Зашел на их api - http://api.forismatic.com/api/1.0/, но там пишет "Error: wrong method.". Почему ошибка? Cпасибо!
0 votes1 answer -
Якорь
Здраствуйте. Интересует реализация не совсем стандартного якоря. Использую joomla re 1.0 (куча раз хакнута и куда глюков имеется) Тематика и структура страницы: страница турфирмы, на странице расположены туры по категориям (экскурсионные, комбинированные и т.д.), разделены тегами <h2> Требуется: сделать навигацию внутри сайта (поставить вверху ссылки "Экскурсионные тур", "Комбинированные туры" и т.д. которые ведут к нужным турам) Решение: Ипользовать якоря. <a href="#ex-tours">Экскурсионные туры</a> ... <a name="ex-tours"></a> <h2>Экскурсионные туры</h2> Результат: при нажатии на ссылку страница пролистывается вниз до соответсвую…
0 votes5 answers -
Подсветка кода.
Скажу честно, создаю пост от части из лени, но прежде всего ожидаю, что мне порекомендуют действительно хороший вариант... Нет ли у кого великолепного скрипта подсветки С++ кода? Можно на php но лучше, если на JS.
0 votes12 answers -
Вывод печатной версии сайта.
Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта. Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички? Спасибо
0 votes3 answers -
Прибить блок с картинкой
Помогите прибить блок Image книзу (к блоку Footer соответственно). Все блоки кроме Footer, находятся в контейнере. Контейнер состоит из двух колонок. В одной находится блок с меню и блок с картинкой (которую необходимо прижать), во втором блоке соответственно текст страницы. Насколько я понял необходимо для большого контейнера задать position: relative, а для блока с картинкой position: absolute; bottom: 0px; right: 1000px; (отступ правого края с учетом размера всего документа 1020px) Но вот что-то как то не работает. Правильно ли делаю? Или может есть другой способ решить данную проблему. П.С. использую Blueprint CSS Framework, может из за его разметки так не выходит …
0 votes7 answers -
Сортировка страниц сайта
Добрый день! Подскажите, пожалуйста, как реализовать следующее: Я планирую сайт с большим количеством страниц. Каждая страница - отдельная статья. Каждой странице соответствует несколько ярлыков/меток (они разбиты на категории). На отдельной странице выведены все ярлыки с чекбоксами рядом с каждым из них. Посетитель выбирает один или несколько чекбоксов и по нажатию кнопки ему показываются страницы, содержащие все отмеченные метки, в виде результатов поиска.
0 votes6 answers -
Как сделать скачку фото?
Добрый день. скажите пожалуйста как сделать так что бы при нажатии на ссылку (<a target="_blank" href="http://name_site.ru/123.jpg">скачать фото</a>) выходило сообщение об сохранении файла, а не открывалось фото в новом окне браузера.
0 votes1 answer -
Менюшка при нажатии на ссылку
Доброго времени суток други. Делаю первый свой сайт. Мне нужно чтобы при нажатии на надпись появлялось прямоугольное окошко в котором были пункты которые можно было выбрать. примерно так сделано на этом http://www.finam.ru/ и на многих других сайтах. вот как это выглядит:
0 votes3 answers -
HTML таблица.
У меня есть три вопроса... Первый вопрос: Вот например сделал простое меню, скриншот: меню построено на таблице, таблицу я сделал с округлением, и внизу градиент. проблема в том, что картинка-градиента выходит за границу округленный краёв (см. на скриншоте.), можно это как нибудь исправить? Доп. данные: Округление сделано с помощью border-radius. CSS картинки-градиента: background-image:url('img/menu-gr.gif'); background-repeat: repeat-x; background-position: left bottom; Второй вопрос: Округленные краёв в таблице не поддерживаются в браузере IE, и они там простые-квадратные, есть какой-то код который будет поддерживать их в IE? На других форумах находил такой код: be…
0 votes9 answers -
Проблема с прозрачностью фона
Такая вот беда. В общем для фона установил прозрачность, но при этом сам текст на этом фоне тоже приобритает прозрачность. А мне надо что бы только фон был прозрачен а сам текст нет в этом же DIV блоке. Вот кусок где надо подправить: .nav-blockContent {height:30px;padding:0 10px;overflow:hidden;background:#ffffff; opacity: 0.3; color:#ffffff;}
0 votes3 answers -
Что понимает IE ?
Есть всплывающее окно на сайте инет магазина,там Java Script , это окошко должно идти по верх всего написаного, НО в IE и толко в нём не работает ((( для Оперы и Хрома я прописал в CSS z-index: 10000; position: relative; и всё нормально) а как в IE прописать?
0 votes6 answers -
Помогите пожалуйста СРОЧНО
Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя…
0 votes14 answers -
Про вертикальное растягивание и слои
Доброго всем дня! Есть вопрос. Слева на картинке макет сайта, где контента мало, slider - 1px рисунок, которые не растянут, и нижний блок - footer (просто картинка).Подскажите, как сделать так, чтобы при добавлении контента, большого объёма, блок content заходил на блок footer а затем slider просто растягивался на оставшийся контент. Надеюсь объяснил достаточно полно. Кода, как такового, не надо(но можно), нужен словесный алгоритм, что указать в свойствах блока, и какое позиционирование использовать, absolute или relative. Заранее благодарен за ответы.
0 votes11 answers -
Выравнивание по вертикали блок (картинка) + 1 или 2 строки текста
Добрый день. Задача следующая выводится список, элементами которого является ссылка (блок с фоновым изображением 45px x 45px) и справа от него идет название. Это название может быть в одну или две строчки. Необходимо чтобы при любом кол-ве строк, текст выравнивался по середине. Пример изображения здесь http://files.mail.ru/OP74ZZ?t=1 С помощью таблички такое делается в легкую, а как с div'ами?
0 votes19 answers -
Бордер
Всем привет) У меня 2 проблемы. Надеюсь вы поможете их решить)) 1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка. 2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст? Сам код: <div class="name"> <a href="">Игра Жизнь</a> </div> <div class="date"> 03:00:00 01.01.1970 </div> <div class="text"> Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая…
0 votes7 answers -
Как растягивать родительский блок без float:left
помогите решить одну проблемку: есть общий блок container, внутри него блок main со свойствам float:left и футер, который прижат низ экрана. Общий блок имеет опред. ширину и центрировано. проблема в том что когда контент блока main больше он выходит за рамки container и его бордер не охватывает всю высоту. Как можно от этого избежать? В принципе можно, если придать container свойство float:left, но он должен быть в центре. Для наглядности даю код HTML <div id="container"> <div id="main"> контент </div> </div> <div id="footer"> </div> CSS * { margin: 0px; padding: 0px; } html, body { margin:0; padding:0; width:100%; height:10…
0 votes5 answers -
Выделение столбца в таблице
В таблице можно легко изменить стиль строки при наведении на неё через tr:hover. Можно ли каким-то подобным образом выделить колонку? Без скриптов, чисто через CSS.
0 votes11 answers -
Opera игнорирует clear: both
Сразу скажу, что во всех браузера (и даже ie6, ie 7), всё гуд. Но опера в своем репертуаре. Пример: <div id="content"> width:960px; margin:0 auto; <div class="left"> float:left;width:250px;padding-right:10px; </div> <div class="right"> float:right;width:700px; </div> </div> <div id="footer"> clear:both;width:960px;height:120px;margin: 0 auto; </div> В опере футер накладывается на правый блок. Опера 11.
0 votes5 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-