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
-
Съезд блока при изменении масштаба
Доброго времени суток. Скажу сразу, это мой первый опыт верстки, так что вопрос может показаться глупым. При масштабировании страницы правый блок начинает съезжать относительно других соседних. Как от этого избавиться? И на этом этапе может быть у кого советы какие будут. http://jsfiddle.net/myydnLbm/ Заранее спасибо.
0 votes5 answers -
Блок поверх строки таблицы
Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output
0 votes4 answers -
Ошибка в простом коде
На первом скрине отображено как должен выглядеть список, на втором - то, что у меня выходит. Писал следующим образом: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Листы 3</title> </head> <body> <dl> <dt> Есть много разных цветов, которые делятся на светлые и темные</dt> <ol> <li>Светлые:<li> <ul> <li>Желтый</li> <li>Оранжевый</li> <li>Розовый и другие цвета</li> </ul> <li>Темные:</li> <ul…
0 votes1 answer -
Пропала колонка в хроме
http://www.mdr-nn.ru/ Давно уже сдал, щас звонят клиенты - пропала средняя колонка в Хроме. Когда сдавал - проверял, всё было. Никак не пойму, почему ее не видно. Её разносит по вертикали, а содержимое не отображается. или посоветуйте анализатор типа FireBug для хрома?
0 votes3 answers -
box-shadow проблемы в Опере
Добрый вечер. Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень. Прошу вашей помощи. Спасибо. html <!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=utf-8" /> <title>Документ без названия</title> <link type="text/css" rel="stylesheet" hr…
0 votes2 answers -
позиционирование странице при открытии.
Доброе время суток, подскажите пожалуйста, как можно (или где почитать как) реализовать открытие страницы уже в нужном месте. К примеру, что бы страница открывалась и была видна ее средняя часть, а не вверх.
0 votes2 answers -
Подскажите, как корректно отобразить вкладку в Фейсбуке
Здравствуйте! Помогите пожалуйста понять, что я делаю не так. Есть приложение называется Static HTML, в которое можно вставлять HTML код. Есть шаблон, который специально предназначен для такой вкладки, т.к. размеры подогнаны под 520 на 800 пикселей. Style.css и изображения храняться на гугл сайтс (т.к. в фейсбуке требуется HTTPS соединение) вставляю в приложение, HTML код файла index.html в котором прописаны ссылки на стайл ксс и ссылки на изображение. Нажимаю просмотреть и...в файрфоксе отображается корректно, а в опере, хроме, ослике все расползается. Не знаю в чем причина. подскажите. Это же участь постигла и слайдер, который я пытаюсь вставить здесь Вот ссылка на вк…
0 votes0 answers -
Cufon и line-height
Подключил шрифт MyriadPro Cond через Cufon. После этого во всех браузерах, кроме IE (у меня есть 6 и 8), резко увеличился line-height у текста внутри блоков, к которым шрифт применён. В IE всё нормально. Подогнать отдельно line-height для IE, чтобы везде было одинаково, не получается. Что, неужто не лечится?
0 votes0 answers -
Grid system bootstrap
Здравствуйте. На сайте bootstrap написано, что у них ширина сетка 940px ячеек 12. Но почему-то последняя ячейка 12 получается 1170 + 30px отступ
0 votes0 answers -
помогите решить проблему Adobe Dreamweaver CS
Прошу прощения в заранее за глупый вопрос! Изучаю программу Adobe Dreamweaver CS дошёл до создания баз данных, непосредственно до загрузки данных с сервера на страницу. Подскажите где в программе находится раскрывающийся списки согласно этому отрывку из учебника? Раскрывающийся список Cursor Type служит для задания типа набора данных. В нем доступны четыре пункта: * Static — статический набор данных, * Forward Only — однонаправленный статический набор данных, * Dynamic — динамический набор данных, * Keyset — ограниченный динамический набор данных, Раскрывающийся список Cursor Location задает местонахождение набора данных Раскрывающийся список Lock Type задает тип блокиров…
0 votes2 answers -
В IE не выпадает второй уровень меню
Добрый день! Такая проблема: есть двухуровневое меню, при наведении выпадает второй уровень меню, в Ie не выполняется данное действие , во всех остальных браузерах все отлично работает!? Помогите пожалуйста!!! Заранее всем благодарен!! Посмотреть можно здесь
0 votes1 answer -
Исчезновение фиксированного блока при перезагрузке в Opera
Здравствуйте!!! Существует такая проблема. Я сделал верхний блок (типа footer) фиксированным, чтобы при прокрутке страницы блок сохранялся наверху страницы. Вроде всё работает на IE8+ (7-ка не критична), Chrome, Firefox. В Opera тоже вроде бы фиксация сохраняется при прокрутке. Но при перезагрузке (если страница прокручена) фиксированный блок вновь возвращается вверх и пропадает из виду. На др. браузерах всё норм. <!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=utf-8"…
0 votes1 answer -
Резинове меню
Сейчас меню на ширину всего врапера нарисовано(сылка на рисунок). Нужно сверстать резиновое меню, чтобы при уменьшении размера экрана сужалась ширина элементов меню. http://s1.ipicture.ru/uploads/20130221/8WzaAP55.jpg
0 votes2 answers -
Два бэкграунда
Всем привет. Подскажите, пожалуйста, как расположить два бэкграунда, так чтобы один всегда был вверху, а другой всегда внизу. Как здесь: http://bit.ly/10CuCWR Сейчас код с одним бэкграундом выглядит так: body{ font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; background: url(http://fart12345.com/wp-content/uploads/2013/04/1.png) fixed; background-position: top center; background-attachment: scroll; background-repeat: no-repeat; color: #777777; line-height: 18px;
0 votes2 answers -
проблема с резиновым меню
Вот код: <html> <head> <title>Javascript</title> </head> <body> <style> nav{ margin:12px 5% 12px 5%; outline:1px solid red; height:61px; } nav ul{ overflow:hidden; } nav li{ background:red ; width:229px; float:left; margin-right:1%; height:61px; text-align:center; } </style> <nav> <ul> <li class=""><a href="#"><span>gh</span></a></li> <li class=""><a href="#"><span>yu</span></a></li> <li class=""><a href="#"><span>ytu</span></a></li> <li class="" ><a href="#"><span>ytuty</span></a…
0 votes3 answers -
Фон для сайта
сайт состоит только из фона,проблема в том что при разрешении 1360:768 фон отображается наполовину,а при 1024:768 все нормально..хотель бы исправить эту проблему..чтобы фон отображалась на браузере польностью сайт germesauto.kz
0 votes6 answers -
2 блока. ширина по содержимому и доступному месту
Проблема такая: серый блок может быть любой ширины, зеленый должен занимать всё оставшееся место (нижняя коричневая линия обязательна) Никакие варианты с width и float у зеленого не проходят - он получается либо по содержимому, либо на 100% ширины (включая и серый блок) В какую сторону копать? p.s.Рамки у блоков не нужны, нарисовал чтобы объяснить что нужно.
0 votes5 answers -
Картинка в шапку.
У меня есть сайт в шапке у меня широкая полоска, хочу заменить ту полоску картинкой. Но немогу понять что к чему в коде...( Вот каритинка. http://i.imgur.com/CSHkR9C.png Вот код. <?php/** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package storefront */?><!DOCTYPE html><html <?php language_attributes(); ?> <?php storefront_html_tag_schema(); ?>><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php storefront_title(); ?></title><link…
0 votes3 answers -
Вложенный блок в ссылку
Почему происходит такое поведение блока в котором есть ссылка? https://jsfiddle.net/jgpkow1m/ если же в блок положить другой элемент например абзац, то всё нормально.
0 votes1 answer -
Переход по форме
Как сделать, чтоб менялась форма при нажатие на Crewing Company? <div class="select-wrapper"> <select name="demo-category" id="demo-category"> <option value="1">Seaman / Job Seeker</option> <option value="1">Crewing Company</option> <option value="1">Shipowner</option> </select> </div>
0 votes1 answer -
Сложный радиальный градиент
Здравствуйте! Есть такая картинка, можно ли ее реализовать с помощью радиального градиента? Сколько искал информацию, радиальный градиент повторяется от центра к краю, а мне нужно повторение по кругу. Можно ли это реализовать?
0 votes1 answer -
Логотип и навигация
Обернул я логотип в <nav> и возникла проблема когда применяю к ссылкам Ссылка1/Ссылка2 и т.д float:right они отображаются в обратном порядке <header> <nav> <a class="" href="#">LOGO</a> <a class="" href="#">Ссылка 1</a> <a class="" href="#">Ссылка 2</a> <a class="" href="#">Ссылка 3</a> <a class="" href="#">Ссылка 4</a> <a class="" href="#">Ссылка 5</a> </nav> </header>
0 votes3 answers -
позиционирование обьекта вне экрана
Имеется шаблон на 1000px, он резинится до 1280px. Поэтому необходимо чтобы два объекта А и B на разрешении 1000px скрывали половину себя за экраном. Соответственно на разрешении свыше 1280px они были бы видны на все 100px. Объект А интегрировался успешно при помощи отрицательного margin-left, а вот правый как не стараюсь вылазит горизонтальная прокрутка. У объекта А и B position: absolute; width: 100px; height: 50px; Вопрос, как мне скрыть половина объекта B, чтобы при этом не появлялась горизонтальная полоса прокрутки? И как вообще позиционировать объект вне экрана без появления полос прокрутки?
0 votes1 answer -
Поехала страница
Ребят, не подскажите, хелп, что могло бы быть, вроде все просмотрел, ну ладно таблица может рапспирать но заголовок то почему уехал, никак не могу понять, если кто знае тчем можно помочь, заранее огромное спасиибо. Вот на этой странице косяк http://gossmep.ru/partners/index.php. На других все хорошо отображается. Просто я загубил страничку случайно и теперь ее востановили, но со старым темплейтом, вроде смотрю все сходится с остальными страницами. Понял, сто процентов ячейки таблицы раздвигают ее хотя заголовок все равно не на месте все равно почему то находится
0 votes2 answers -
PLS. Valign: top
Помогите выровнять меню по верху есть код ———— <TR> <TD background="***" bgcolor="******"><!--#include virtual="lef.htm" --></TD> ———-- ——-- МЕНЮ lef.htm ———- <div id="v_mnu_01" > <ul> <li><a href="#">Home</a></li> <li><a href="#" class="notopbrdr0xNone">Products</a></li> </ul> </div> </td></tr> —————————- Понятно, что можно вставить valign: top в тег TD, только страниц с кодом ну очень много. Пробовал прописать в CSS TD { valign: top; } не получается.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-