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://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?
0 votes5 answers -
Проблема
Добавляю class к изображению которая находятся в div и в css добавляю нужный код и не работает . Помогите ! ———--HTML—————— <div class="content"> <img src="images/home.png" class="lol"> </div> ————-CSS—————- .content .lol { margin: 0 auto; position: absolute; top: 0; left: 190px; } ————————— Где ошибка ? Помогите ...
0 votes11 answers -
Как распаковать сжатый файл
Подскажите кто знает как распаковать сжатый файл, например CSS, он сжат и отображается в одну строку, как его привести в вид позволяющий отредактировать его нормально? Может можно с помощью sublime text 3 или Notepad++.
0 votes2 answers -
Как сделать сетку?
Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.
0 votes1 answer -
Вёрстка под CMS
Здравствуйте. Скажите, какие особенности вёрстки под различные CMS? Мне кажется, главное, чтоб вёрстка была качественной и её можно без проблем "натянуть" на любой движок. Или я ошибаюсь?
0 votes10 answers -
Нужна помощь при создании формы обратной связи
вот она http://kymakym.xyz/obratnaja+svjaz.html, только не работает, не могу правильно поставить код, чтоб на определенное мыло долетали сообщения...
0 votes6 answers -
Помогите выровнять текст
Скажите пожалуйста возможно ли опустить текс под картинку. Построение списком. Или этот метод не подойдёт для данного случая? <ul> <li><a href="" class="i1">Установка и настройка ОС</a></li> <li><a href="" class="i2">Работы с комплектующи-<br>ми компьютера</a></li> <li><a href="" class="i1"><span class="niz">Установка и настройка ОС</span></a></li> Возможен вариант span, дисплей блок и падингом топ. это наверно кривовато или нет?
0 votes2 answers -
Главная страница на div
Правильно ли страница сверстана на DIV может нужно было делать другим способом? http://habana-vieja.ru/ Чтоб адаптация была на iPnone, смартфонах и т.д.
0 votes0 answers -
Какую литературу посоветуете для полного изучения CSS3?
Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...
0 votes2 answers -
height: auto для ios < 6
Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?
0 votes15 answers -
Почему переход в одном случае работает, а в другом - нет?
http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.
0 votes5 answers -
определить шрифт рамблера
помогите пожалуйста определить что за шрифт используется тут: у меня задача написать этим шрифтом другую надпись. проблема в том, что эта надпись сделана через svg, а значит название шрифта узнать нельзя
0 votes5 answers -
Как перенести текст на новую строку ?
Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>
0 votes2 answers -
какая-то аномалия. Почему стиль применяется так же и к другому блоку?
если навести файрбагом на ячейку таблицы, то можете увидеть класс: .ntable если написать: .ntable th, td { border: 1px solid black;}тогда стиль применится и к футеру (смотреть не с мобильного надо) . Вопрос почему? и как сделать, чтобы у таблицы были границы в контенте, а в футере рамок не было. ps: если таблице футера присвоить свой класс, тогда он будет применяться к контентной части таблицы! Почему это происходит? Ведь они находятся в совершенно разных контейнерах. даже если к itemBody применять стиль - он действует и на футер. ничего не понимаю..
0 votes3 answers -
перечеркнуть див
есть див, в нем ссылка, в ссылке картинка я хочу перечеркнуть див по диагонали, есть простое решение? либо не по диагонали, а горизонтально или вертикально
0 votes2 answers -
Слайдер
Добрый день! Имею вот такой десктоптый слайдер http://prntscr.com/97jveb. Естественно, диз мобильный вариант макета не предоставил, приходится включать смекалку и соображать адаптивную версию самостоятельно. Во всех знакомых мне сладерах, которые нужно подключать(например, тот же bx slider) он просто резиново уменьшается и в большинстве представленных вариантов нет текста. Может, в этом случае на мобилке лучше скрывать какие-то элементы, или по другому представлять или просто убирать его на мобильной версии...не знаю. Ребят,а как такой слайдер лучше отобразить на мобильной и планшетной версии?Буду рада вашим предложенным вариантам!
0 votes1 answer -
Адаптивная верстка и iphone.
Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.
0 votes13 answers -
Форма работает не как надо(
Здравствуйте! Пишу уже от безысходности, ибо 6 часов на это уже убила... Помогите. пожалуйста( Я не верстальщик ни разу, в хтмл и пхп знаний вообще никаких. Понадобилось на сайт к существующей работающеформе добавить прикрепление файлов. Сайт (форма во втором блоке дегустации) - http://up-biz.ru/
0 votes1 answer -
Правильное подключение Media Queries
Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…
0 votes2 answers -
встроить форум от гугл групп в html? форум без php.
Вот ссылка на то как встроить код группы на свою html страницу. у кого получится скажите что сделали или скинте код страницы. https://support.google.com/groups/answer/1191206?hl=ru
0 votes0 answers -
Ширина div по доступному содержимому
Где не спроси, везде на вопрос "почему нельзя использовать табличную верстку" ответят, мол с блоками html чище, да и вообще, что нельзя сделать используя блоки? Вопрос, есть к примеру вот такой код: div { width: 600px }span, input { display: inline-block }<div> <span class="lable">Имя</span> <input type="text" value=""> <br /> <span class="lable">Фамилия</span> <input type="text" value=""></div>Элемент span может менять свое содержимое, соответственно и собственную ширину, следовательно, что бы две строки с элементами span и input имели одинаковую ширину необходимо задать поведение для input. С одной сторон…
0 votes3 answers -
Картинка с absolute с негативным правым отступом
Здравствуйте. Что то уже совсем голова не работает, сижу два часа не могу решить проблему. Сжимайте окно браузера, из за картинки горизонтальный скролл. Вот как можно сделать, чтобы браузер игнорировал эту картинку до того момента когда ширина окна будет < ширины контейнера? То есть overflow:hidden для body, html и всяких родительских контейнеров не устраивает.. http://jsfiddle.net/g2LyLetn/
0 votes6 answers -
Выравнивание изображения без класса
Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?
0 votes7 answers -
Правильная записть HTML кода
Добрый день Подскажите как правильно написать список такого вида помещённый в блок. Правильно так делать или нудно использоваль список в построении. Но теги h2 большей значимости и поисковые запросы на них ссылаются лучше. Подскажите как правильно сделать <div id="contentindex"> <H2>Установка драйверов</H2> <H2>Антивирусная защита</H2> <H2>Восстановление информации</H2> <H2>Настройка Wi-fi интернета</H2> </div>
0 votes2 answers -
Адаптивность сайта Тест
Можно закрыть
0 votes0 answers