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
-
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
Есть блок, в н?м импуты я его выраниваю по ентру документа при помши margin:0 auto; В итоге в IE 6, 7 инпуты перестают работать . Как это вылечить? Вот код XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <link href="admin/adminauth.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <form action="admin.php?cmd=login" method="post"> <div class="auth"> <h1>Авторизация</h1&…
0 votes12 answers -
DIV, минимальная высота, растягивание
Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.
0 votes6 answers -
Расстояние для тега <br>
Подскажите пожалуйста, как можно уменьшить расстояние в теге <br>. Чтобы отступ был поменьше, чем стандартный. P.S. смотрел на сайте, там только для элементов <p> есть такая штука...
0 votes20 answers -
выпадающее меню теснит контент
UPD: залил всё на jsfiddle, приношу извинения, что сразу не подумал об этом http://jsfiddle.net/BrainExploded/tG6F8/3/ Выпадающее меню, как видно в примере, сдвигает вниз всю дальнейшую разметку. Хау ту: 1)сделать, чтобы выпадающее меню не влияло на положение остальных элементов при, собственно, выпадании? 2)организовать возможность того, чтобы выпадающий список был любой ширины, притом, чтобы его ширина не распирала родительский список? Т.е. чтобы само меню было всегда со своими ширинами, а выпадающее подменю - со своими, но не меньше, чем ширина основного пункта меню. Тогда можно будет не указывать фиксированную ширину для пунктов, и она будет состоять из ширины текста…
0 votes3 answers -
Эффект затемнения всей страницы
Есть кнопка, нажимаем на неё и появляется окошко созданное с помощью div тега... Как реализовать следующее...? При нажатии на кнопку нужно создать эффект затемнения всей страницы кроме того окошка которое мы открыли. Благодарю за помощь тем кто поможет
0 votes6 answers -
Нужен скрипт чтобы наложить Gif на Jpeg
В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)
0 votes33 answers -
Срезанный угол слоя
Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:
0 votes2 answers -
Скроллинг таблицы внутри дива
Проблема такая: есть таблица, у каждой колонки явно (в теге TD) указана ширина, общая ширина таблицы допустим 800px теперь оборачиваю ее в div с явно указанной шириной 600px и таблица пытается схлопнуться, т.е. колонки уже не реагируют на указанную явно ширину, а приобретают как можно меньшую ширину Вопрос: каким образом сделать так чтобы ширины колонок таблицы сохранились в еньшем по ширине div-е? (т.е. шоб таблица сохранила свои размеры, а в диве появился скролинг) css дива по id: #d {overflow: auto; width: 600px;}
0 votes4 answers -
Таблица и height 100%
есть код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <table border=0 height="425" width="568" cellpadding="0" cellspacing="0"> <tr><td width="555" valign="top" height="100%"> <p></p> </td> <td width="13" valign="top" style="display:block"> <table height="100%" width="13" cellpadding="0" cellspacing="0" > <tr> <td height="130" bgcolor="GREEN"></td><tr><td height="100%" bgcolor="RED"> </td></tr><tr> <td height="195" bgcolor="PINK"></td></tr> </tabl…
0 votes9 answers -
На какую тему можно создать сайт?
У кого-нибудь есть идеи о чём можно сделать сайт? Я пытался найти что-то в интернете так и не нашёл ответ на свой вопрос. Недавно думал сделать сайт об уроках Фотошопа, но сам не знаю как написать эти уроки.
0 votes37 answers -
Переносятся элементы в div'е при сужении окна.
Здравствуйте. В диве находятся 3 горизонтальных дива. У всех float:left. При уменьшении размера браузера самый правый элемент переносится на нижнюю строку. Как этого избежать? Сделать типа nowrap.
0 votes12 answers -
Статический фон сайта
Я долго пытаюсь, но ни чего не выходит, как сделать так, что бы фон был статическим? Т.е. когда на странице много всего и нужно просмотреть что-то ниже, мы берём вертикальный бегунок и перемещаем ниже, так как сделать так, что бы при перемещении бегунка, фон не уходил вверх/вниз вместе с содержимым сайта, а остовался в том положении на экране, в каком он есть? Подскажите пожалуйста.
0 votes2 answers -
Горизонтальный список с overflow-x: scroll
День добрый. Я, как всегда, с нубо-проблемой В общем задача следующая, сделать нужно что-то типа "карусели", но средствами html+css. Если более подробно, то... Есть плоский список (float: left; list-style: none), внутри каждого элемента списка ссылка внутри которой картинка с подписью под ней... <ul> <li> <a href="#"> <img src="" alt="" /> </a> <a href="#"> Text </a> </li> ... </ul> так вот, допустим я помещаю этот список в контейнер шириной 400px и высотой 100px (overflow-x: scroll)... далее хочу видеть плоский список своих картинок, но, если ширина списка больше 400px должна появиться горизонтальная полоса прокрутк…
0 votes14 answers -
многоуровневое вертикальное раздвижное меню
пытался найти код многоуровневого раздвижного вертикального меню, смысл очень просто, используя любые методы сделать вертикальное меню где много уровней раздвижения (именно верх, вниз ). думаю понятно. если не сложно помогите. извените если написал непонятно, спрашивате будц отвечать вам на вопросы
0 votes16 answers -
помогите очень прошу!
Здравствуйте!!!! Мне нужна помощь , как вот такое меню в html заставить работать в IE и Opera: <td<div onmouseover="document.all['menu2'].style.display=''" onmouseout="document.all['menu2'].style.display='none'"><A href="http://soosan.cort.com.ua/" target="_blank"> <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN"> </A></marquee><br> <div id="menu2" style="display:none"> <table> <tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td&g…
0 votes39 answers -
Горизонтальное выравнивание блочных элементов
Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…
0 votes14 answers -
повторение фоновых изображений
Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....
0 votes32 answers -
Сделать ссылку в виде кнопки через javascript
Нужно, чтобы при нажатии на кнопку срабатывала ссылка, но у меня никак не получается настроить(( А ещ?, когда открываю страницу, кнопка не отображается, на е? месте надпись "рисунок", но после нажатия на эту надпись появляется кнопка и нормально функционирует. Не подскажете, как сделать, чтоб кнопка сразу отображалась? Заранее спасибо!
0 votes9 answers -
замена текста на странице при клике на ссылку
Здравствуйте, подскажите пожалуйста: Как заменить на странице текст нажатием на кнопку? Допустим есть страница с таблицей в которой текст на английском языке. И при нажатии на кнопку "русский" английский текст заменяется на русский, без перехода на другую страницу. Большое спасибо.
0 votes4 answers -
включить gzip-сжатие
включаю gzip-сжатие на сервере посредством добавления в конец .htaccess кода <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> в результате сайт падает и в браузере получаю ошибку подскажите пожалуйста что я делаю неправильно. или другой способ включить gzip-сжатие пе…
0 votes9 answers -
Помогите с Оперой
Помогите пожалуйста кто чем может. В Опере постоянно вылазиет ошибки сначала при загрузке оперы выходит такое: При инициализации почты Opera возникла проблема. Ð�ижеÑ�ледующий файл, возможно, иÑ�пользуетÑ�Ñ� дÑ?угой пÑ?огÑ?аммой: C:\Documents and Settings\Общий\Local Settings\Application Data\Opera\Opera\mail\omailbase.dat ЗакÑ?ойте пÑ?иложение, его иÑ�пользующее, или пеÑ?езагÑ?узите Ñ�иÑ�тему, а затем повтоÑ?ите попытку. [b]А затем на кождой страничке, на которую я захожу выходит такое сообщение: Невозможно сохранить файл. C:\Documents and Settings\Общи…
0 votes14 answers -
Вёрстка div высота 100% 3 колонки
Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…
0 votes19 answers -
span как ссылка
есть участок кода <a href="index.htm"> <span class="cage" style="cursor: pointer"></span> </a> .cage { background: cccccc; width: 20px; height: 20px; padding-left: 5px; display: inline-block } проблема в том, что в осле квадратик отображается идеально, в опере очень плохо (именно потому, что ссылка, как я понял), в фаирфоксе вообще не отображается... в чем соль?
0 votes8 answers -
атрибут float одновременно меняет позиционирование на абсолютное?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div style="border:2px black solid;">родительский элемет <div style="float:left;">Левое Бла - бла - бла</div> <div style="float:right;"> Правое Бла бла бла</div> </div> </body> </html> ТАк и задумано, что с атрибутом флоат дочерние дивы вываливаются из родительского? з.ы. в 6 и 7 ИЕ они не вывали…
0 votes28 answers -
Как убрать отступ body
Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-