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 votes9 answers -
Ссылка, а вокруг рамка...
Нужно сверстать ссылку в положении active Вокруг нее должно появится поле. Довольно трудно объяснить, лучше нарисую _________ | Ссылка | | Ссылка | __.....____ .....\/ Итак, что мы имеем. Ссылку, поле вокруг нее и нижний указатель(он же хвост). Проблема как раз с последним. Нужно учесть то, что все это должно быть прописано в css в свойстве active, очень желательно без таблиц. Хвост является картинкой. P.S. все что написано белым шрифтом не считается
0 votes6 answers -
Какой способ лучше
Ребят, ситуация следующая: Я знаю два нормальных на мой взгляд способа обтекания левого блока правым, в первом для правого блока используется margin-left: 200px, а во втором overflow: hidden;, но загвоздка в том, что я очень часто использую именно второй способ из-за того, что слышал, что он лучше первого, но сегодня решил попробовать первый и подумал, почему это он интересно хуже, и вродебы даже лучше, вот и обращаюсь за советом к мастерам, скажите: 1) Какойже из этих способов лучше и почему? 2) А может быть у вас есть свои способы, было бы очень интересно посмотреть <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-st…
0 votes12 answers -
3 блока друг под другом
Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …
0 votes12 answers -
убрать рамку вокруг рисунка
подскажите, как убрать рамку рисунка, сам рисунок является ссылкой
0 votes7 answers -
Исчезает анти-алиасинг шрифта в javascript-меню
Верстаю сайт для себя, использую ява-скрипт меню. Уже на втором подряд сайте не могу решить проблему. Если вы посмотрите на страницу http://obnajenie.ru, то там видно, что шрифт везде, кроме шрифта в том самом меню, сглажен. А внутри выпадающего меню анти-алиасинг пропадает. Причем, пока скрипт подгружается шрифт нормальный, а как меню-аккордеон сворачивается, анти-алиасинг пропадает. На другом сайте он вообще менял шрифт на другой. Выложу также несжатый скрипт этого меню: http://obnajenie.ru/accordian-src.js Может быть проблема для кого-то очевидна?
0 votes3 answers -
Конфликт float и блоков
Попыталась искать похожую тему что-то не получилось Есть такой html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru"> <head> <title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251" /> <META name="keywords" content="" /> <META name="description" content="" /> <LINK REL="stylesheet" TYPE="text/css" HREF="_css/style.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <script type="text/javascript" src="_css/jquery-1.js"></script> <…
0 votes5 answers -
Неполадки с оглавлением
Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб…
0 votes5 answers -
Фон сайта
Здравствуйте, Подскажите пожалуйста как сделать что бы фоновая картинка сайта открывалась всегда в любых браузерах, при любом расширении, на весь экран и без прокрутки. Заранее большое спасибо!
0 votes12 answers -
javascript
Утро доброе человеки! подскажите пожалуйста, могут ли скрипты перекрывать друг друга? имеется в виду, важно ли какой скрипт находиться выше а какой ниже? просто есть скрипт который делает текст скравающимся - "сполер" , а внутри его нужно расположить карту яднекса, только при это карта начинает работать "неадекватно" , то пропадает картинка, то смещаеться центр карты который указан по умолчанию ... или из-за чего такое может быть? спасибо заранее!!!
0 votes12 answers -
Горизонтальное меню из картинок
Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …
0 votes13 answers -
Блоки с разными высотами на одном уровне
На странице есть блоки которые повторяются. У блока стоит свойства float:left и на счет этого каждый блок циклично появляется с правой стороны предыдущего. Но если первый блок оказывается выше чем следующий новый блок стоит не правильно как на картинке. Я не могу задать блоку определенную высоту, потому что описание может быть и длинным и коротким. Как можно сделать чтобы блоки были на одном уровне. Картинка
0 votes4 answers -
Обтекание текста текстом
Помогите с обтеканием буквы A остальным текстом, плиз! Весь блок должен масштабироваться при увеличении шрифта и изменении ширины окна браузера. ссылка на картинку текста
0 votes8 answers -
Цвет рамки картинки-ссылки.
Собственно проблема. Надо поменять страндарт синие обрамление картинки когда она заключена в делаю так : <a href="http://chema.jpg"> <img width="200" height="300" style="border-width:1px; color:#999999; padding:10px;" src="images/schema.jpg" /> </a> в FF нормально рамка вопрог рисунка серого цвета в IE так же остается синей в Opera вообще обрамление исчезает... Как решить такой проблем?)
0 votes2 answers -
Backgrounds
Мне нужна ваша помощь! Мой background задан так: <style type="text/css"> BODY { background: url('22225.gif') /* Путь к файлу с изображением */ link: red; vlik: pink; justify bottom /* В правом нижнем углу окна */ no-repeat; !IMPORTANT/* Нет повторения фона */ margin-right: 200px; /* Отступ справа */ } …
0 votes6 answers -
Проблема в IE6
Уважаемые форумчане, делал я тут сайт и решил использовать в нем блоки со скругленными углами Все бы хорошо, но при помещении в таблицу в IE начинает творится всякая хрень От таблицы отказаться нельзя. Прошу помочь мне найти решение этой проблемы.
0 votes4 answers -
Выравнять содержимое div-a
Добрый день, есть следующая задача: в div динамически добавляется n картинок. Кроме картинок слева и справа от ряда картинок могут добавиться стрелочки влево и вправо. Получается стандартная листалка превьюшек. Проблема заключается в следующем: Высота картинки - 100 пикселей. Стрелочки надо по высоте равнять по середине картинки, т.е. отступить на 50 пикселей от верхней границы div'a контейнера. Пробую так: div id="imgList" style="vertical-align: middle;"> <div id="goLeftArrow" style="margin-left: -3em; margin-right: 2em; display: inline;" onclick="goLeft()"> <a style="text-decoration: none;" href="#">←</a> </div> <img style="padding-right: …
0 votes4 answers -
float в ие-6 работает некорректно
Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?
0 votes8 answers -
window.open (в IE и FF открывается развернутое окно)
В Opera, Chrom, Safari всплывающее окно появляется в заданных размерах (свернутое), в IE и FF открывается полное окно. Как сделать, чтобы обойти настройки браузеров и заставить тоже открывать свернуто окно?
0 votes3 answers -
Выпадающее меню - Internet Explorer 7
Думаю, проблема будет ясна, если взглянуть на два скрина в приложении. Поясню, что скрин с названием normal.png - то как должно отображаться выпадающее меню и как отображается сейчас в нормальных браузерах (Chrome, Firefox и т.д.) Второй скрин (abnormal.png) отображает проблему воспроизведения кода всеми любимым Internet Explorer'ом 7й версии. HTML Code: <td scope="col" class="bundling"> <div id="gear"> <a><p>Open</p></a> <div class="bundling"> <ul class="actions"> </ul> <!-- <span class="hr"></span> --> <ul class="selects"> <li> <a id="sele…
0 votes2 answers -
Помогите прикрутить fancybox на лупу.
Помогите прикрутить facybox на лупу. Есть картинка, при наведении на нее появляется лупа. Как сделать так, чтобы при нажатии на лупу, картинка увеличивалась в модальном окне (facnybox)?
0 votes2 answers -
блок съезжает влево
блок съезжает влево хотя я главному блоку и тем которые внутри дал margin: 0 auto; помогите понять причину бага или наити его сайт http://frontend-er.h1n.ru/
0 votes4 answers -
Форматированный текст.
Есть форматированный текст Необходимо вывести его на сайт. Пытаюсь делать это через Но если встречаются очень длинные предложения или абзацы все выводиться в одну строку, появляется горизонтальная полоса прокрутки. Как этого избежать?
0 votes2 answers -
Как вывести рамку изображения при наведении курсора
Как при наведении курсора на изображение вывести вокруг него рамку ?
0 votes3 answers -
А можно ли упростить?
Можно ли прописать в начале css файла один раз цвет и в дальнейшем использовать в нескольких местах как некую переменную? background: mycolor; ?
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-