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
-
И снова css + IE
<style type="text/css"> #container { margin-top: 20px; margin-right:15px; margin-left:10px; width: 800px; /* Ширина слоя */ background: url(http://mediapro.com.ua/economist/magazine/fon_snow.gif ) no-repeat left top; } #otstup1 { position: relative; width: 470px; /* Ширина слоя */ margin-right: 450px; } #otstup2 { position: relative; width: 400px; /* Ширина слоя */ margin-right: 325px; } #otstup3 { position: relative; width: 770px; /* Ширина слоя */ margin-right: -15px; } </style> </head> <body> <div id="container"> <div id="otstup1"> <div style="text-align: center;"><span class="webpagetitlegreen">Дорогие друзья!…
0 votes14 answers -
Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?
Помогите, если кто видит или знает ответ. Есть картинка в формате пнг, в опере и лисе нормуль, вот ие6 его отображает как то странно, нужно, чтобы картинка тянулась по вертикали, вот рипит х работает как нужно, а рипит у нет... вот код: #cent_main { background:url(images/cent_main.png) repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cent_main.png', sizingMethod='scale'); } и хтмл <td id="cent_main"> </td> Вот тут показывается картинка как нужно, все тянется. Вот код, который как раз и вызывает у меня недоумение, если кто может, посмотрите у себя его. кртинка прилагается. ксс .delit { background:url(images/…
0 votes9 answers -
CSS и размеры кнопки
Всем привет. Помогите, пожалуйста, со следующей проблемой... Имеется код кнопки: *** <form action="" id="cse-search-box"> *** <button class="Button" type="submit" name="" tabindex="" style="margin-left: -60px; margin-top: 10px; text-align:justify;"> <span class="btn"> <span class="t"> Поиск </span> <span class="r"> <span></span> </span> <span class="l"></span> </span> </button> *** </form> *** К ней применены следующие стили оформления: /* Search Form */ #cse-search-box button.Button, a.Button { position:r…
0 votes5 answers -
Варавнивание нескольких плавающих блоков с растяжкой
Привет! После изучения статей по выравниванию блоков по горизонтали так и не получилось решить следующую задачу. <html> <head> <title>Untitled</title> <style type="text/css"> .cont { float:left; } </style> </head> <body> <div align="center" style="border:solid 1 lime;"> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 1</div> <div style="border:solid 1 red;background:yellow;width:300px" class="cont">блок-контент 2 (ширина задана,фикс)</div> <div style="border:solid 1 red;background:orange;" class="cont">блок-контент 3</div> <div style="clear:both"…
0 votes28 answers -
Помогите с красивым оформлением input range на css
Нуждаюсь в помощи, сделал свой инпут но столкнулся с проблемой, не могу понять как менять цвет полосы за ползунком при его перемещении, может кто посмотреть и указать на ошибку и помочь? Буду благодарен.
0 votes5 answers -
раcширение фаилов - html и htm
ДОБРЫЙ ДЕНЬ, столкнулся с таким явлением делал свой сайт и вдруг заметил что большенство страниц поменяли расширение с HTML на HTM, подскажите чем они отличаются друг от друга и не будет ли каких конфликтов с разными версиями браузеров. Спасибо.:/
0 votes4 answers -
текст налезает на картинку
Приветствую, Не могу понять, почему так происходит Текст тупо залезает на картинку, хотя у той стоит align="left" (float: left) также не дает эффекта. Как это можно исправить? Пример где это наблюдается - http://sbride.ru/users/310/
0 votes2 answers -
Изображение вместо бордюра в CSS
Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…
0 votes17 answers -
https перечеркнуто в хроме
Подскажите почему https перечеркнуто в хроме Не отображается левая менюшка с категориями в IE9, только если нажать "Понимаю факторы риска" Установлен SSl сертификат на хостинге.. Посмотреть можно здесь сцылка
0 votes4 answers -
Абсолютное позиционирование шапки сайта
Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …
0 votes17 answers -
Глюк в Опере
Чудеса, но на этот раз глючит Опера 9.26, а в IE 6 всё нормально. Вот эта страница отображается нормально, как просили: http://www.trinity-bridge.221b.ru/index.htm Обратите внимание, что поле контента отстоит от нижней рамки на 10 px (bottom: 10px;), независимо от разрешения экрана. Теперь делаем невинную вещь: вставляем в контент ещё одну картинку с обтеканием. И всё - поле контента уезжает вниз за край экрана: http://www.trinity-bridge.221b.ru/index2.htm В IE 6 при этом всё нормально, но это, видимо, оттого, что для IE там прописаны костыли, по совету Searcher: *height: expression(parentNode.offsetHeight - 165 + 'px'); *width: expression(parentNode.offsetWidth - 344 + '…
0 votes16 answers -
Съезжает центр сайта
Всем привет!) У меня такая проблема: съезжает центр сайта влево. (причём в одном и том же браузере при одном и том же масштабе на разных компах по-разному, т.е. на одном всё отлично, на другом съезжает.) Сейчас покажу в чём проблема: Вот код самой страницы: <?php // вся процедура работает на сессиях. Именно в ней хранятся данные пользователя, пока он находится на сайте. Очень важно запустить их в самом начале странички!!! session_start(); include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь if (isset($_GET['id'])) {$id =$_GET['id']; } //id "хозяина" странички else { exit("Вы зашил на страницу без…
0 votes6 answers -
Форматирование списков. Вывод в строчку, без переноса.
Имею горизонтальный список ссылок. Что нужно прописать в ul { }, чтобы список выводился так: А не так:
0 votes3 answers -
Про обтекаемость дивов.
В общем есть фотогалерея, там каждое фото обвёрнуто в див. float: left. Картинки расположены горизонтально, как экран кончается - картинки переносятся на новую строку. Проблема в том, что если идёт большая по высоте картинка, а за ней две маленькие и конец экрана, то 2 маленькие картинки обтекают большую, а надо чтобы обтекала одна маленькая, а вторая переносилась на новую строку. Если вопрос не понятен, я нарисую пояснение
0 votes7 answers -
background-position в firefox
Господа! Возникла проблема с FireFox. Суть проблемы заключается в следующем. HTML: <html> <head> <link rel="stylesheet" href="style/style2.css" type="text/css" media="screen"> </head> <body> Тут много текста. Столько, что не убирается на одну высоту окна. </body> </html> CSS: html, body { margin:0; padding:0; position:relative; width:100%; height:100%; } body { background-image:url(logo_lines.png); background-repeat:no-repeat; background-position:95% 100%; /* background-position:97% bottom; */ } Создается такое впечатление, что ff считает высоту у body 100% равную одной высоте окна браузера, а не полную высоту, кото…
0 votes11 answers -
отступ после абзаца
Здравствуйте подскажите как убрать отступ меж абзацев (<p></p><p></p>), нужна просто красная строка (text-ident), с <span> не работает т.е. как в бумажной книжке
0 votes4 answers -
Привязать Объект К Низу Столбца
есть таблица из двух колонок, в одной необходимо привязать картинку к самому низу столбца, чтобы по мере ее растягивания (за счет содержимого) этот рисунок всегда оставался внизу. пробовал различные margin padding bottom - не помогает. подскажите как это сделать, может быть абсолютное позиционирование... заранее спасибо.
0 votes6 answers -
DIV должен вылезать поверх всего
Задача: DIV, размещенный в определенном месте в коде, должен оставаться привязанным к этому месту, но его размер должен быть такой, какой мне нужно, и если нужно - поверх всего остального. Также его фон должен быть прозрачным. Если он залезает на блок с другим фоном, должен быть виден тот, другой фон, а текст нашего DIVa должен быть поверх всего. И еще одна задача: <body> <div class="..." width="50%"> <ТЕГ>... </div> DIV здесь настроен так что остается по центру, и при изменении размеров окна браузера, как известно, тоже. Нужно чтобы ТЕГ был зафиксирован в определенных координатах относительно родительского элемента (DIVa) а в остальном обладал вс…
0 votes1 answer -
Яндекс.Карты портят шрифты на сайте
Уже во второй раз замечаю такую особенность: вставляют на сайт интерактивные Яндекс.Карты (http://api.yandex.ru/maps/) и шрифты на странице тут же становятся жирными. <!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) --> <script src="http://api-maps.yandex.ru/1.1/?key=ACWYCkwBAAAAAjm-cQIA9BVr4c42irfQMwy-aTyVFtQ5VCQAAAAAAAAAAACri5-mzRv9GXNY9mlD4EIXL-79kw==&wizard=constructor" type="text/javascript"></script> <script type="text/javascript"> YMaps.jQuery(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-3541")[0]); map.setCenter(new YMaps.GeoPoint(37.609218,55.753559), 9, YMaps.MapTyp…
0 votes1 answer -
Проблема с позиционированием
Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…
0 votes14 answers -
Почему Mozilla FireFox отображает шрифты шире чем все остальные браузеры
Доброго времени суток, я начинающий верстальщик, и я всегда сталкиваюсь с одной проблемкой, практически любой шрифт если он на английском отображается шире в Firefox чем в Google Chrome, то есть если написать какую нибудь строку на английском то он будет гораздо шире в Firefox чем в Chrome, и наоборот если это русский текст то тут уже в Firefox текст короче чем в Chrome и вторая картинка с английским текстом я понимаю что это всё не так критично просто хочется чтобы шрифты отображались одинаково во всех браузерах.
0 votes5 answers -
Буллит списка без обтекания
Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?
0 votes21 answers -
Два дива наползают друг на друга
Нужно расположить три блока внизу страницы. Один слева, второй справа и третий должен растягиваться между ними. Вот код http://ulskiy.org.ua/example/example.html Почемуто центральный блок <div class="bottomheadercenter">текст между картинками</div> наползает на левый. Помогите пожалуйста разобраться почему.
0 votes6 answers -
html макет счета на оплату
никто не богат? Сейчас передедываю то, что удалось сохранить из 1с в excel, а потом из excel публикацией в web Так там такой огород.. <html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <meta name=ProgId content=Excel.Sheet> <meta name=Generator content="Microsoft Excel 14"> <link rel=File-List href="invoice2.files/filelist.xml"> <style id="счет mag52_25010_Styles"> <!--table {mso-displayed-decimal-separator:"\,"; mso-displayed-thousand-separator:" ";}…
0 votes1 answer -
С чего начать изучение HTML и CSS
Обьясните, с чего вообще начинается изучение html и css? Я создал сайт на jino.ru, вкинул в обслуживание хостинга денег. Сижу смотрю в одну точку. Полный ступор. Не знаю что делать. Где брать наставников? Через какие формы связи обсуждать с ними проблемы? Почитал htmlbook.ru. Мало что понял. Посмотрел ролики патиота на ютубе об основах вёрстки на основе html. Мало что понял. Сидишь и не знаешь как сдвинуться с мёртвой точки.
0 votes15 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-