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
-
Респонсив верстка. Изображения
Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:
0 votes3 answers -
Смещается поле input
Здравствуйте. Возникла проблема при верстке, поле inpun смещается немного вниз (см. скрин). Почему так происходит и как это исправить. HTML <form action=""> <div class="text"><b>Заголовок / название фильма (20pt)</b></div><div class="form"><input type="text" name="zagolovok" size="41" class="norm"></div>[/color] <br /> <b>Обложка / постер</b> <input type="text" name="poster" size="41" class="norm"> <br /> <b>Название:</b> <input type="text" name="nazvanie" size="41" class="norm"> <br /> <b>Оригинальное название:</b> <input type="text" name="orignaz" size…
0 votes2 answers -
как правильно сверстать такое меню?
Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.
0 votes7 answers -
Разделитель в меню
Здравствуйте, подскажите пожалуйста как сделать такой разделитель через css без картинки. это можно сделать через правый бордер, но как его обрезать? он же не по всей высоте
0 votes11 answers -
Спрайт меню.
Доброго время суток, подскажи как дабиться ефекта меню кторый справа. И по возможности обясните принцип размещения спрайт иконок.
0 votes8 answers -
Фон для текста
Здравствуйте. В макете у текста есть фон - http://joxi.ru/KAgMOn8CgbXbKm Есть возможность сделать 2 строки одним тегом <p>, но с фоном на каждую строку? Пока только решение пилить 2 тега <p> на каждую строку. Например, текст в несколько строк, но фон, конечно же, непрерывный - http://joxi.ru/v29JkwWsGlzwbA
0 votes2 answers -
Верстка на мобильном в Хроме поехала
Добрый день. Подскажите, что не так с версткой, почему реклама в хроме на мобильном съезжает?
0 votes1 answer -
.php Обернуть ключевое слово запроса в DIV
Адаптировал свою верстку под WP и по незнанию php не могу проставить правильно кавычки для кода html, чтобы ключевое слово поиска было обернуто в <div>. Прошу помощи) <?php printf( esc_html__( 'Search Results for: <div> %s </div>'), '<span>' . get_search_query() . '</span>' ); ?>
0 votes0 answers -
Чем отличается /> и > в meta
Чем отличается написание от и как это влияет на работу сайта?
0 votes2 answers -
Проблема с перегрузкой стиля класса
Доброго все времени суток. Сделал тут фичу, дабы сэкономить место и более организованно его запользовать http://www.beavers-net.narod.ru/arch_news.html Само оно работает, если нету вложенных блоков, но вот стили к вложенным блокам перегрузить не могу. Итого задача: Есть уже настроенные стили заголовка (.part, .part: hover - http://www.beavers-net.narod.ru/style_arch.css), которые у меня применяются на остальных страницах. Есть список в списке, в котором этот стиль должен поменяться( p.inner_out p.part, p.inner_out p.part:hover ). Суть проблемы - не работает(. Уже и так и эдак - ничё не помогает. Жую сапог непонятной консистенции, вобщем. Я, конечно, могу просто сделать …
0 votes5 answers -
Битые ссылки
Здравствуйте! Проблема следующая: Вот ссылка sh32brest, при открытие её в Firefox неработают ссылки, на их месте как будто бы картинка, даже не выделяется, при открытие в Opere всё работает нормально, но всё таки на Opere не так много людей сидят, поэтому необходимо исправить данную ошибку. Сам мучался 2 дня, не получилось Вот код(хотел под споилер спрятать, но не получилось) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta name="google-site-verification" content="cDRTvkwHKrlwzrKmOiLlkx8qhNnOBpwatsjyyV8FeVU" /> <title>Средняя школа №32, г.Брест</title> <link rel=…
0 votes5 answers -
непонятный баг textarea под ie
проверял под ie8, ie9 и ff3 у кого есть другие браузеры под рукой, скиньте результаты в ff3 все ок в ie8 и ie9 имеется непонятный баг код такой: <!DOCTYPE html> <html> <head> <title>IE bug?</title> <style>body {line-height: 22px;}</style> </head> <body> <table> <tr><td><img src="img.jpg"></td></tr> <tr><td><textarea cols=20 rows=8>maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут =) maxipub крут…
0 votes11 answers -
Разработка меню
Еть код меню. body { height: 20px; margin : 0; padding : 10px; font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif; behavior: url(csshover.htc); background-color: #272727; } /* Горизонтальное меню */ div#menunav { ] height: 200px; width: 100%; /* задаем ширину для div */ float: left; /* добавляем список в div */ border-top: 4px solid #000000; /* рисуем линию поверх div */ border-bottom: 4px solid #000000; /* рисуем линию снизу div */ font-size: 16px; /* задаем размер шрифта */ background-color: #272727; /* фоновый цвет div */ padding: 0 0 0 0px; /* отступ ul от края контейнера */ z-index: 999…
0 votes6 answers -
Помогите советом по верстке!
Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?
0 votes3 answers -
Посоветуйте, что учить дальше?
Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.
0 votes9 answers -
Текст по центру
http://cssdeck.com/labs/hvhc0no2 Парвильно я установил текст по центру или же есть более адекватные методы ?
0 votes15 answers -
box-shadow не работает в IE 10 с ячейками таблицы
Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?
0 votes1 answer -
Грамотная адаптивная верстка
Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?
0 votes1 answer -
В max-width не работает padding
Здравствуйте, я новичок в сайтостроении и у меня возникла одна проблема при адаптации страницы, она состоит в том ,что в max-width ,при заданной ширине, не хочет работать изменение отступов (padding и margin), хотя flex-direction: column; работает. Жуткое ощущение глупой ошибки ,которую не могу найти. Заранее спасибо за помощь. Ниже HTML и CSS код: <header> <div class="header"> <div class="wrap"> <div class="logo header_left"> <a href="#"> <img src="images/logo.png" alt="Логотип"> </a> …
0 votes0 answers -
На мобильных верстка ломается
Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u
0 votes3 answers -
Смело в бой!
Ползал на просторах местного новостника, случайно обнаружил такую вот объявку, чуть со смеху не лопнул, хочу поднять и все вам насроение, если веткой ошибся - поправьте, ну по идее это же обсуждение работ...
0 votes2 answers -
Некоторые элементы на всех страницах
Здравствуйте! Простите, если не сюда пишу. Только начинаю изучать HTML и CSS. Сверстал страницу, на которой присутствуют шапка, футер, меню. Страница трехколоночная. Сайт планирую делать многостраничным. Теперь задался вопросом: Как разместить основные блоки сайта на всех страницах? Имею в виду: футер, шапку, боковые колонки. Не размещать же их на каждой странице. Имею в виду, если кликнуть на ссылку в меню, то открывается новая страница без меню, футера и т.д. Как сделать, чтобы эти основные блоки отображались во всех страницах. Буду рад советам! По форуму искал и читал, но не смог применить некоторые наброски к своему с…
0 votes2 answers -
Проблема с блоком
При просмотре в ИЕ - 3 блок имеет свойство "падать" вниз если окно браузера изменять,... как можно избежать этого в данном примере? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; } #Container { width:100%; height:50px; z-index:1; float: lef…
0 votes2 answers -
Капризный hover.htc
Здраствуйте. Потребовалось сделать смену фону при наведении у элементов списка. Возможно такое реализовать в IE6 только через файл csshover.htc Скачал я его с http://www.xs4all.nl/~peterned/csshover.html Прописал в css-файле и положил в папочку js: body {font-family:tahoma,helvetica,sans-serif; font-size: 14px; margin:0px; padding:0px; behavior:url("js/csshover.htc");} Ну не хочет он работать, ни на локальном сервере, ни на хостинге. Размещал я его и в корне, и в той папке, где лежит css-файл, а он не хочет работать. Подскажите, может я неправильно пишу ему путь? или может на стороне сервера какие-то телодвижения нужно сделать?
0 votes2 answers -
Углы для всей страницы
Есть резиновый макет. Каждый уголок макета представляет собой симпатишный узорчик такой. Они располагаются прямо по краям, то есть, грубо говоря, вся рабочая область ими должна ограничиваться. Как бы вы такое делали? Дополнительным условием является то, что в прозрачной части этого изображения есть часть контента, т.е. это должен быть именно бэкраунд.
0 votes2 answers