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
-
Проблема отображения select в IE
Всем привет. проблема с отображением тега select со своим дизайном. Помогите разобраться как использовать свой дизайн для блока select Вот HTML код: <div><select><option>65x44x16,5</option></select></div>CSS код: div { width:134px; height:25px; background:url(../images/select4.jpg); display:inline-block; z-index:1;}div select { border-radius: 0; background: transparent;; padding: 3px; border: 0; font-size: 14px; line-height: 1; -webkit-appearance: none; cursor:pointer; width:134px; height:25px; z-index:0;}Вот как отображается в Yandex бразуер: Как отображается в IE:
0 votes3 answers -
Лишние отступы
Подскажите откуда в 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="stylednavs.com" /> <title>Nozml Styled Css nav</title> <style type="text/css"> *{ margin:0; padding:0; } li { list-style-type: n…
0 votes5 answers -
CSS для смартфонов
Здравствуйте, Где можно почитать об особенностях веб-кодирования для смартфонов? Можно ли например сделать, чтобы стандартный браузер в андроид на телефоне с экраном 480px в ширину показывал сайт с body шириной 480px сразу в ширину экрана, а не выводил узкой нечитаемой полоской, которую надо потом растягивать пальцами?
0 votes3 answers -
Как сдвинуть верхний блок на нижний DIV
Добрый день, я только начал осваивать CSS, поэтому извиняюсь если задаю глупые вопросы. У меня никак не получается, что бы один блок DIV немного наезжал поверх другого <body> <div> Начало Осн. блока. Здесь все это находится (делал для того, что бы футер растягивался на всю ширину) <div id="container"> Здесь находятся шапка, меню и контент </div> <div id="footer"> Здесь футер <div> </div>Конец. Осн. блока </body> Нужно что бы container зашел на footer на определенное количество пикселей (и это сохраналось при растягивании страницы) Надеюсь, что понятно объяснил. Заранее спасибо за ответы
0 votes1 answer -
Сложности в изменении темы для WP
Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать, где в прикрепленном файле стилей нужно внести изменения для того, чтобы: 1) при наведении на пункт меню, он становился кликабельным целиком (т.е. таким, как подпункты меню из выпадающего списка) 2) аналогичный вопрос о записях под слайдером (т.е. при наведении запись становится кликабельной полностью) 3) и еще один вопрос по поводу записей: как изменить размер и положение фотоминиатюры внутри записи /*********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'tre…
0 votes1 answer -
Плавающее по вертикали меню
Не очень получается сделать меню. Был использован тег <nav>, параметру position было присвоено значение fixed. После чего было получено меню, отлично плавающее по вертикали, НО не могу избавиться от проблемы: как только появляется полоса прокрутки (вследствие увеличения масштаба, например), меню начинает покрывать другие блоки. Не подскажете, как можно бы от этого избавиться? Сделать так, чтобы меню двигалось только по вертикали, а по горизонтали было зафиксировано? Заранее благодарю.
0 votes4 answers -
Начинающий: Прокрутка всей страницы
При создании страницы использовал фреймы - вверху для шапки, слева для меню и основной. Проблема в том что полоса прокрутки появляется только у основного блока. Хотелось бы что б была одна общая для всей страницы. Возможно ли это при использовании фреймов. Спасибо.
0 votes1 answer -
Стили
Добрый день! Возникла небольшая проблема - при использовании css не все браузеры их отображают, например Mozilla видит, а IE - нет Использую стили в следующем виде <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> [b] <style> text {font-size: 12pt; font-family: Verdana, Arial; color: #cf001e} header {font-size: 14pt; font-family: Verdana, Arial; font-weight: bolder; color: #cf001e} </style>[/b] </head> <body> <table align=center border=0 width=1024><tr><td> [b] <header>Заголовок1</header> <text>текст</text>[/b] &…
0 votes2 answers -
max-width для 6IE
есть блок с _width:1000px = min-width:1000px только для IE как задать этому блоку max-width? только для 6 IE ?
0 votes5 answers -
Организовать ссылки на Яваскрипт (как СиСС)
можно организовать ссылки на ЯваСкрипт в одном файле, как СиСС. пример СиССа: @import url("main.css"); @import url("services.css"); таким образом можно организовать ЯваСкрипт, чтобы в документе была одна ссылка? спасибо
0 votes3 answers -
Центрирование списка
Извините за столь тривиальный вопрос, возможно ответ абсолютно банален. Если я засоряю форум - удалите, пожалуйста тему, как только я получу ответ. Имеется блок - контейнер. В нём список, пункты которого сделаны блоками, и выровнены в линию float'ом. <div id="content" class="block"> <ul> <li>Пункт</li> <li>Пункт</li> <li>Пункт</li> </ul> </div> #content { margin: 10px 10px 10px 24%; overflow: hidden; } .block { ... padding: 5px; text-align: center; } ul { list-style: none; margin: auto; padding: 0; } li { float: left; display: block; width: 20%; border: 1px solid; } И, несмотря на text-al…
0 votes5 answers -
Проблема с высотой колонок (обрезается высота)
Доброго времени суток. ГУРУ HTML, взываю к вашей помощи. Возникла проблема: пытаюсь верстать сайт на основе блоков. Тело сайта состоит из горизонтальных шапки, навигационной панельки, вертикальных 5 колонок (3х с содержанием (центральная резиновая, две боковые с фиксированной в пикселях шириной) и 2 по бокам - стилистических), и футера. Две самые крайние справа с слева колонки (leftmainlayout и rightmainlayout) имеют ширину 70пикс. а высоту заданную в процентах (100%) и заполнены повторяющимися по вертикали рисунками (70х50px). Пока сайт помещается в высоту экрана - все отлично. Но при превышении страницей высоты экрана - фоновые изображения крайних колонок перестают п…
0 votes3 answers -
Помогите с позиционированием
Здраствуйте у не могу сверстать один блок, нужно сделать бирку о скидках, у меня бок виден за рамками родителя, как быть? вот код: HTML - <div class="coll"> <div class="salesban">sales</div> <img src="img/sell3.png" alt="img"> <h3 class="sal">$30.00</h3> <div class="hov"> <h3>new STELLA MCCARTNEY</h3> <ul class="star"> <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> <h3><a href="#">add …
0 votes6 answers -
Подскажите как поменять местами строки
Есть такой код <div> <span>Text 1</span> <span>Text 2</span> <span>Text 3</span> </div> Как поменять первый и второй <span> местами не используя js и не трогая html? Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. Какие еще есть способы? Гугл молчит как партизан.
0 votes3 answers -
Подскажите, пожалуйста
Подскажите, пожалуйста, возможно ли при помощи стилевого псевдоэлемента first-letter или какого-либо другого элемента в словаре (не разбивая словарь на страницы) для каждого абзаца, начинающегося на букву «а» задавать цвет первой буквы, например «красный», а для каждого абзаца начинающегося на букву «б» задавать цвет первой буквы, например «синий» и т.д. Или это возможно только сделать, задавая цвет для каждой первой буквы в отдельности.
0 votes4 answers -
Фон и изображения
Здравствуйте! У меня возникла проблема с фоном, а именно: Установив 2 изображения (справа и слева) на фон - появилась проблема с фоном внизу (наверху нормально): Он категарически отказывается накладывать на себя эти изображения (хотя вроде изображения не настолько длинные), а также стал считать их границами своими т.е. он дальше конца изображения (слева и справа) не распастраняется (остаются просто пустое белое место за изображениями) Как заставить нижний фон наложить на себя изображения эти? Или хотя бы продолжиться за изображениями! Верхний фон: body{ background: #FFF url(style_images/<#IMG_DIR#>/fond.gif) repeat-x; color: #222; font-family: Verdana, Tahoma, …
0 votes6 answers -
Смена IP сайта
Здравствуйте, подскажите пожалуйста! Пользуюсь виртуальным хостингом на hostmonster.com, мой сайт находится в ТОП-10 по всем запросам связанных с моей тематикой сайта, в гугле и в яндексе. По некоторым причинам мне нужно взять выделенный IP для сайта, скажите пожалуйста, повлияет ли смена IP адреса на выдачу результатов в поисковиках, не упадут ли позиции в выдачи ? Спасибо.
0 votes2 answers -
Выравнивание ячеек в таблице.
Добрый день. Имеется таблица <table width="500px" > <tr> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> </tr> </table> С заданной-фиксированной шириной, в ней находятся ячейки у которых так же фикс ширина, к примеру у табл - 500, а у ячеек 250. Необходимо чтобы в одной строке было не более 2-х ячеек (<td width="250px"></td>). Это нужно для - скрипт вытаскивает из бд картинки и вставляет их в ячейки: <table width="500px" > <tr> <?php while(..в табл есть изображения..) {<td width="250px">....</td>} ?> </tr&…
0 votes9 answers -
Изображения
Добрый день. Сделал фон и дизаин блоков и разрезал все на кусочки. Нужно разместить фон по бокам основного блока. Как сделать чтобы изображение не повторялось и фиксировалось в нужном мне месте? background-repeat и его значения не помогают, background-position тоже самое.
0 votes8 answers -
font-face окончательно отказывается работать
Добрый вечер форумчане, сижу значит доделываю сайтец, осталось подключить шрифт, от куфона отказался, т.к. текста много... сгенерировал белкой шрифт, подключил в стилях, и о чудо, шрифт работает только в IE в остальных браузерах никак... обычно всё должно быть наоборот Уже 4 часа сижу голову ломаю... вроде руки прямые Может кто сталкивался с такой проблемкой? p.s. Заранее спасибо! в консольке FF NetworkError: 403 Forbidden, хотя все пути прописаны верно и файлы лежат на месте
0 votes10 answers -
Скрыть input file
имеется форма загрузки файлов - тут - сорри что в таком виде Необходимо убрать вверху input file, чтобы осталась только форма закидывания файлов и кнопка Неcмогу решить, прошу помоч
0 votes3 answers -
Google maps не отображаются маркеры
Пробую создать свою точку на GOOLS MAPS и указать свою собственную иконку для этого места, указываю путь к иконке (пробовал заливать и на свой хостинг и на fastpic) в итоге моя икона не отображается, в чем может быть проблема?
0 votes1 answer -
Помогите изменить ширину темы в Wordpress
Всем добрый день. Есть сайт на wordpress http://otkatka-spb.ru/. На него установлен шаблон Priimo. Никак не могу изменить ширину темы. По-идее, это должен быть wrapper в style.css, но никаких атрибутов width у него нет. Так же анализировал верстку через "проинспектировать элемент", все цифры ширины, которые я вылавливал не встречаются в css файлах темы (искал посиком через total commander на ftp). Помогите пожалуйста, заранее спасибо.
0 votes5 answers -
градиентное угасание элемента
Здравствуйте! Делаю фотогалерею. В блоке мне надо чтобы в местах a и b блок угасал градиентом. (в блоке у меня картинки) (фон блока белый)
0 votes3 answers -
Почему не центрируется блок?
Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-