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
-
Как верстать для мобильных устроств?
Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме
0 votes10 answers -
2 div по центру и в них рисунки
В общем такая проблемка: есть 2 дива, расположенных по середине и в каждом из них по изображению размером 1024 на 768. В ксс прописанно overflow: hidden(для ие _overflow-x:hidden; _overflow-y:visible). .block_content_2{ float: left; width: 50%; min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } .block_content_3{ min-height: 150px; overflow: hidden; _height: 150px; _overflow-x:hidden; _overflow-y:visible; } По идее, дивы должны оставаться по центру, а изображения образаться(в опере и мозиле так и выходит), а вот в ие первый див остается на месте, а второй "сползает" под первый. Заранее благодарен за помощь.
0 votes9 answers -
Фреймы. Ссылка во фрейм на другой странице.
Столкнулся с проблемой, нужна помощь знающих людей. Есть страница с фреймами, и есть картинка-карта на отдельной странице (_blank), как по клику на карте, открыть новую страницу в уже имеющемся фрейме другой страницы. То есть что-то типа пульта получается. Если непонятно объяснил, то попробую расшифровать: во фрейме список членов команды с ссылками на файл каждого, также есть ссылка (карта), по клику на ней открывается новое окно (_blank) с большой фотографией всех членов группы, каждый имеет ссылку на страницу с информацией по нему. Но проблема в том чтобы открыть эту информацию в уже имеющемся фрейме предыдущей страницы. Или есть другой путь: Как сделать изображение кар…
0 votes7 answers -
Центровка меню по вертикали
Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repe…
0 votes7 answers -
"Падает" контент под меню на float
Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…
0 votes8 answers -
Ячейки таблицы с одинаковыми полями без скриптов
Доброго времени суток, уважаемые! Никак не могу решить такую задачу: нужно сделать "резиновый" ряд "кнопок" Суммарная ширина ряда - 100% от родителя. Ширина каждой "кнопки" = ширина текста в ней + ОДИНАКОВЫЕ ВО ВСЕХ КНОПКАХ поля. при растягиваии "родителя" размер всех кнопок тоже меняется НА ОДИНАКОВУЮ ВЕЛИЧИНУ хоть дивами, хоть таблицей, но без скриптов желательно вот так должно быть:
0 votes19 answers -
Проблемы с валидатором
Подскажите пожалуйста! Валидатор ругается: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag. Сайт - klin-zdrav.ru ещ? буду очень благодарен, если подскажите, как сделать, чтобы сайт не скакал в Mozille при переходах! Спасибо заранее!
0 votes4 answers -
Двуязыковый сайт
Всем привет! Мне поставили задачу сделать двуязыковый сайт с блочной разметкой. Т.е. в верхней части (хэдере) два флага (Россия и Великобритания) при нажатии на которые будет переключаться язык. Как более компактно и логично сделать это, у меня нет опыта в этом? Использовать скрипты?
0 votes12 answers -
Фиксед left: 0; при max-width
Собствено возникли такие траблы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>fixed for min-, max-width body</title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html { height: 100%; } body { background: rgb(235,235,235); width: 100%; min-width: 1000px; /* max-width: 1600px; - в реальном значении */ max-width: 1000px; /* Имитация монитора с разрешением бо…
0 votes18 answers -
Не могу встроить видео с youtube
Не могу встроить видео с youtube.. использую iframe из примера http://www.w3schools...tml_youtube.asp все работает, вставлю url любого другого видео..и ничего! Я понимаю,что полнейший нуб и очень надеюсь на вашу помощь..
0 votes9 answers -
В ие6 не отображается часть фона дива!
В ие7 и гуглхроме и фф и сафари и опере работает. <div id="content_bottom"> <div id="blockcontent_left"> <div id="heading"> <div id="heading_left"></div> <div id="heading_center">Правила бонусной программы</div> <div id="heading_right"></div> <div class="clear"></div> </div> </div> <div id="blockcontent_right"></div> <div class="clear"></div> </div> CSS #blockcontent_left { float: left; width:250px; margin-left:40px; position:relative; } #blockcontent_right { position:relative; float: left; } #content_bottom { background-image:url(../pic/…
0 votes7 answers -
Нужна помошь!
ну чтобы перейти на другую страницу!!! просто у меня кнопки для сайта-это картинки и я хочу перейти на другую страницу!!
0 votes4 answers -
изменение изображения при наведении курсора
собственно, вопрос в теме ) подскажите, пожалуйста, какой код написать в html, чтобы при наведении мыши изображение менялось на другое?
0 votes7 answers -
css-меню
Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо
0 votes7 answers -
Смещение блоков при масштабировании.
Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…
0 votes1 answer -
не получаются правильные переносы
На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названи…
0 votes3 answers -
наследование свойств CSS
Всем привет! Столкнулся вот с такой проблемой, не понимаю в чем прикол, http://undersky.ru/chocopie/test.html есть внешний и внутренний дивы, у внешнего задан line-height: 30px и это line-height судя по информации он вобчем наследуется, но непонятно почему тогда на блок #inner и p, собсно line-height никак не воздействует, хотя в файербаге есть инфа что он все таки унаследовался, а на деле не видно
0 votes12 answers -
Форма для отправки Е-маийла
Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <form action="mail.php" method="post" name="f1"><tr><td align="left">Имя :</td><td><input type="text" name="name" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left">E-mail :</td><td><input type="text" name="email" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left" valign="top">Текс :</td&…
0 votes19 answers -
Никак не можем заставить отображаться шрифт
Всем привет. Ребята, бьемся со шрифтом на сайте и никак не можем добиться отображения его. Сайт наши-фото.рф На нем должен отображаться шрифт который лежит в теме в папке fonts. Перепробовали кучу всего, но шрифт не хочется отображаться почему-то. Самый прикол в том, что на денвере все отлично, а когда перенес сайт на хост шрифт исчез. Подскажите пожалуйста, как заставить шрифт отображаться.
0 votes2 answers -
SVG-sprite in IE11
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: svg.contacts__flag(width="60", height="90") …
0 votes2 answers -
Проблемы с динамическим меню
Реализую выпадающее горизонтальное меню по такому принципу: <ul class="menu-h-d"> <li><a href="/index.html" title="">Главная</a></li> <li><a href="/product.html" title="">Продукция и услуги</a> <ul> <li><a href="/prod.html" title="" >Продукция</a></li> <li><a href="/arenda.html" title="">Аренда</a></li> </ul> </li> <li><a href="/docs.html" title="">Документы</a> <ul> <li><a href="/ustav.html" title="">Устав</a></li> <li><a href="/otchet.html" title="">Годовые отчеты…
0 votes8 answers -
Резиновые макеты c psd
Привет всем!!! Может кто потскажет сайтик где можно скачать рзиновые макеты обезательно с psd. Спасибо всем за ответы!!!
0 votes4 answers -
fixed div
Здравствуйте, у меня такая проблема. Хочу сделать два основных дива левый и правый, левый фиксированный при прокрутке. Вешаю на него позишн:фиксид и все замечательно, но только до тех пор пока не начинаю масштабировать в сторону увеличения. Правый блок заезжает на левый. Отсюда вопрос: можно ли сделать див фиксированный только по вертикали?
0 votes18 answers -
Как сделать трехпозиционный переключатель?
Как можно сделать трехпозиционный переключатель на HTML и CSS (без JS)?
0 votes7 answers -
что лучше - normalize.css или reset.css ?
что лучше? Или же каждый из них имеет свои + и - ?
0 votes14 answers