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
-
Несколько вопросиков
Ребята всем привет... Начну с истории. Купил книгу Хорошая все понятно.. Прочитал HTML and CSS эти разделы дальше нетрогал. и не один раз.. Потом практиковался сними... ВОпрос вот вчем. Из чего делаеться каркас..(тобиш где должно быть лого меню)Чем это задаеться.. И хочу насчет верскиуточнить...Вначле рисую сам сайт в фотошопе потом японимаю режу что получилось опять же как сделать каркас чем он задеться P.S. Прошу не смеяться и не ржать если вопрос покажиться глуппым.Все жы мы счего-то начинали. Прошу помочь очень охото понять... А если не затруднит можете осатавить ISQ и тама по обьяснять Вот собственно все
0 votes17 answers -
Несколько :before или :after на одном элементе?
Сабж. Можно ли в css такое сделать?
0 votes1 answer -
перенаправление "назад" после входа
вот есть у меня страница, на которой ссылка доступна тольго зареганым пользователям. как сделать так, чтобы после входа, юзер перенаправлялся на предыдущую страницу (ту, где он форму входа заполнял). я так понимаю это можно сделать МЕТА-тегом, но как узнать, какая именно страница быда откыта ?
0 votes6 answers -
Проблема с меню
Подскажите пожалуйста! Почему в IE 7 все нормально, а в IE 6 меню (которое черного цвета) все вытягивается в линию? Какие отличия в CSS? Сайт - www.e-ekf.com index.php <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga http://mambasana.ru copyright: GNU/GPL --> <head> <?php mosShowHead(); ?> <?php if ( $my->id ) {…
0 votes12 answers -
внедрение мультимедиа
Подскажите, пожалуйста, подробно как внедрить в веб страницу фильм .mpg. Через object пишу - в IE7 открывается, в Опере и ФФ, вообще ничего. Пишу другое значение classid - открывается в Опере, правда совсем не того размера, что нужно (это при заданном width и height). Зато в IE и FF опять ничего не отображается. Ко всему прочему фильм тяжелейший, (чуть ли 1,5 Гб), так клиент прислал, как его разбить не знаю. Как он вообще будет ли грузиться с сервера, а то я пока на локальном компе смотрю. Короче, беда просто.
0 votes10 answers -
Всавка в div изображения.. выставить обтекаемость дива
Структура файла—текст слева 75 % отсальное все справа блоками ( т.е дивами ) Вот это в CSS .block3 { width: 300px; background: #F0FFF0; padding: 5px; border: solid 1px black; font-size: 10pt ; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; position: relative; top: 80px; float: right; clear: right; } Вот это в html <div class="block3"><img src="моефото.jpg" alt="мое фото" align="right"></div> Как сделать так чтобы див понимал какого размера картинка и обтекал более менее с небольшими отступами ее.. Внизу и вверху все хорошо. Он понимает. И справа тоже. А вот слева отсалвяет куски пустого места. Хотелос…
0 votes10 answers -
Рамка вокруг рисунка
Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?
0 votes18 answers -
"Резиновые отступы" проблема с реализацией
Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…
0 votes6 answers -
Проигрывание AAC на веб-страницах
Всем привет . Как говорится в ваших правилах, сразу указываю свой сайт: http://russianquaker.ucoz.ru А дело вот в чём. Я размещаю на своём сайте разные музыкальные треки, если точнее, то демо-отрывки и с низким битрейтом в онлайн-прослушивании, т.е. исключительно для ознакомления здесь и сейчас (а пользователь далее сам решит, искать ли ему остальное творчество артиста или нет, тем более необходимые ссылки привожу...). Я упомянул про низкий битрейт, а раз для ознакомления здесь и сейчас, значит очень низкий битрейт. И тут столкнулся с одним нюансом. Мне кажется, тема довольно-таки популярная должна быть, но однозначного решения я так и не нашёл, поэтому прошу вашей помощ…
0 votes9 answers -
Проблемы с div'ами при изменении масштаба браузера
Уважаемые друзья! Только начал изучать вёрстку и столкнулся с серьёзной проблемой. Сверстал макет, ещё не наполнил, а нужные блоки просто подсветил разными цветами. Налепил кучу дивов, всё красиво и круто как хотел. Но при изменении масштаба в FireFox все эти дивы куда то разъезжаются, при чём не имеет значения + или - к масштабу. Мои догадки. Покурив интернеты и этот форум,, ответа на вопрос не нашёл, но пришёл к выводу, что проблема кроется в 2 моментах: 1. Эти дивы лежат в других блоках див. Ну например есть 6 плашек с категориями товара. Создал шесть дивов и положил их в один большой див. Задал родительскому position relative, а внутри лежащим - absolute. Таким образо…
0 votes4 answers -
Табл. на разных носителях
Где написать в коде import или media, чтобы одна и та же таблица выглядели одинаково как на компьтере так и на компьтере так и на КПК. Не могу понять...Подскажите, пожалуйста... Я сделала так и не работает... <head> <link media="handheld" href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> </script> </head> <body> <table align="center" border="6"width="50%"> <tr> <td class="border" align="left" valign="middle" style="font-size:14px;"><b>№ Команды</b></td> <td class="border" style="font-size:14px;"><b>Вкл</td> <td class="border" styl…
0 votes4 answers -
Выделение с map area
ситуевина: есть ссылка типа <a href="ssylka.html">ссылка</a> есть участок в изображении завязанный с map area: <area shape="poly" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ
0 votes5 answers -
как сделать такой макет
как сделать макет как на изображении ниже: ? Жду ответа.
0 votes20 answers -
Неподвижный фон на адаптивном сайте
Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png
0 votes4 answers -
Можно ли <ul> и <ol> вставлять в <li>?
Здравствуйте, Можно ли <ul> и <ol> вставлять в <li>?. Т.е. к примеру такой вот код <dl> <ul> <li>Розничные покупатели</li> <ol> <li>Каталог товаров</li> <dt>Велосипеды</dt> <dd>Стоимостью до 1000 гр</dd> <dd>Стоимостью до 2000 гр</dd> <dt>Самокаты</dt> <dd>Стоимостью до 100 гр</dd> <dd>Стоимостью до 400 гр</dd> <dt&g…
0 votes3 answers -
Скопировать css из фигмы
Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?
0 votes1 answer -
Двухколоночный макет внутри дива.
Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <div style="width:857px;border:1px solid red;text-align:left;"> <div style="float:left;position:relative;border:1px solid yellow;width:820px;margin-right:0px;">111 111 </div> <div style="border:1px solid green; width:30px;margin-left:0px;">222 222 </div> </div> В Опере ведет себя абсолютно правильно,обрамляющий слой,внутри него две плотно прилегающих к друг другу колонки. В ИЕ6 ведет себя почти правильно,но между колонками возникает зазор в 3 пикселя. Хуже всего в Mozilla Firefox. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…
0 votes7 answers -
Почему так?
Я такой человек что очень люблю простенькие шаблончики...а из них уже делать шедевры. Попал сегодня на один...не шаблон конечно...сохраняю его через Google Chrome...открывая через Chrome...фигня какая-то. Вот скрин что вышло: А вот что надо: Помогите сохранить так чтобы как видно на сайте, так и сохранялось! Вот ссылка на этот сайт..мне с любой страницы...там все одинаковое: Ссылка Вы не подумайте что я аще нуб...я и через IE и Opera сохронял и просматривал...только единственый формат через Оперу который все сохранил и показывал правильно был MHTML но я даже не знаю что это)) как я могу им пользоваться? Зарание благодарен!
0 votes25 answers -
кнопка
Народ помогите добавить кнопку в меню сайта.Как это сделать. Даже скажите как правельно это сделать и что где нужно прописать.для этого сайта
0 votes25 answers -
Внедрение шрифтовых иконок в макет
Я создал шрифтовые иконки для сайта с помощью http://fontello.com/. У меня ряд вопросов: 1. Как вставить иконку не через свойство content внутри :before? 2. Вот в этой статье с данного сайта сказано, что iOs не поддерживает ttf-шрифты. А на сайте caniuse.com сказано, что поддерживает. Правда там начинается с версии 7.1. Какие именно версии iOs не поддерживают ttf-шрифты? 3. Какой mime-type нужно использовать для шрифтов при его внедрении в css?
0 votes31 answers -
наложение текста на изображение
Привет! Перечитал все вопросы и ответы по данной теме, но у меня вопрос такого содержания.Фоновое изображение задано, на нём размещены 3 картинки в ряд (по горизонтали).1.Как в сss прописать,чтобы они были по горизонтали,а не вертикали? 2.Как на этих картинках написать текст и чтобы он попадал на центр данных картинок и не выходил за их рамки?Пробовал так : <div style="background: url(dal.jpg) no-repeat top left;">текст</div>,но только 1\10 часть картинки появляестся с текстом на ней.Работаю не с таблицей,а с div-ами. И ещё: 3.Расстояние между картинками задаю при помощи ,но их нужно очень много ставить.Есть ли другой вариант?
0 votes9 answers -
Цена по правому краю
Как ни крутил, никак не придумаю, как сделать. Есть список услуг, нужно прицепить цены к правому краю, и промежуток заполнить чем-либо. если прибить цену к правому краю, то размер блока (или спан) с ценой ограничивается собственно текстом, внутри него содержащимся. Как добиться такого эффекта: Возможно ли вообще?
0 votes21 answers -
backround div-а вылезает за пределы
HTML код: <div id="frame"> <i class="top"></i> <i class="bottom"></i> <div id="header"></div> <div id="main"> <div id="content"></div> <div id="menu"></div> </div> <div id="footer"></div> </div> CSS код: * {padding:0; margin:0} body {background:#B29269 url(images/img01.jpg) repeat-x left top;} #frame {width:860px; height:100%; margin:0 auto; border:1px black solid; /*background:url(images/img03.jpg) repeat-y left top;*/} #frame i {width:860px; height:100%; position:relative; display:block;} #frame .top {background:url(images/img0…
0 votes7 answers -
Съезжает блок внутри div c position:fixed
Привет всем. Странным образом съезжает блок #top_navigation_block_inner будто у него выставлен margin-top ~ 20px <body> <div id="top_navigation_block"> <div id="top_navigation_block_inner"> <ul id="top_navigation_links"> <li><a href="#">О ПРОЕКТЕ</a></li> <li><a href="#">ПАРТНЕРАМ</a></li> <li><a href="#">ПОДДЕРЖКА</a></li> <li><a href="#">ЮРИДИЧЕСКАЯ ИНФОРМАЦИЯ</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div> </div> </body&…
0 votes10 answers -
Редирект из верхнего регистра в нижний + ///
Столкнулась с проблемой - распознает как разные страницы страницу www.сайт.com.ua и www.Сайт.com.ua Вопрос - как настроить редирект с верхнего регистра в нижний и еще один момент. выдает как разные страницы www.сайт.com.ua/страница и www.сайт.com.ua////////////страница Как настроить редирект, чтоб редиректило на одну /. Заранее спасибо. Сайт на MODx.
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-