HTML Coding

29542 questions in this forum

1. Респонсив верстка. Изображения

   Верстаю респонсив. В макете есть вот такой блок Дело в том что при разной ширине экрана действительная высота блоков меняется. На некоторых экранах это выглядит вот так: Т.е. появляется разрыв между верхним и нижним блоком изображений. Как от этого избавиться? Вот здесь сама верстка:

   Asked by yaparoff, April 13, 2018

   • изображения
   • респонсив верстка
   0 votes
   3 answers
2. Смещается поле 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…

   Asked by px379, July 26, 2013

   0 votes
   2 answers
3. как правильно сверстать такое меню?

   Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.

   Asked by zolga7, March 20, 2014

   • верстка меню
   0 votes
   7 answers
4. Разделитель в меню

   Здравствуйте, подскажите пожалуйста как сделать такой разделитель через css без картинки. это можно сделать через правый бордер, но как его обрезать? он же не по всей высоте

   Asked by cruel09, September 29, 2014

   0 votes
   11 answers
5. Спрайт меню.

   Доброго время суток, подскажи как дабиться ефекта меню кторый справа. И по возможности обясните принцип размещения спрайт иконок.

   Asked by ksn, October 1, 2014

   0 votes
   8 answers
6. Фон для текста

   Здравствуйте. В макете у текста есть фон - http://joxi.ru/KAgMOn8CgbXbKm Есть возможность сделать 2 строки одним тегом <p>, но с фоном на каждую строку? Пока только решение пилить 2 тега <p> на каждую строку. Например, текст в несколько строк, но фон, конечно же, непрерывный - http://joxi.ru/v29JkwWsGlzwbA

   Asked by kattiperk, April 18, 2016

   • text
   • p
   • background
   0 votes
   2 answers
7. Верстка на мобильном в Хроме поехала

   Добрый день. Подскажите, что не так с версткой, почему реклама в хроме на мобильном съезжает?

   Asked by fowl, December 17, 2017

   0 votes
   1 answer
8. .php Обернуть ключевое слово запроса в DIV

   Адаптировал свою верстку под WP и по незнанию php не могу проставить правильно кавычки для кода html, чтобы ключевое слово поиска было обернуто в <div>. Прошу помощи) <?php printf( esc_html__( 'Search Results for: <div> %s </div>'), '<span>' . get_search_query() . '</span>' ); ?>

   Asked by Ilyas_polo, October 9, 2018

   0 votes
   0 answers
9. Чем отличается /> и > в meta

   Чем отличается написание от и как это влияет на работу сайта?

   Asked by SibBear, March 10, 2008

   0 votes
   2 answers
10. Проблема с перегрузкой стиля класса

    Доброго все времени суток. Сделал тут фичу, дабы сэкономить место и более организованно его запользовать 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 ). Суть проблемы - не работает(. Уже и так и эдак - ничё не помогает. Жую сапог непонятной консистенции, вобщем. Я, конечно, могу просто сделать …

    Asked by tt48, September 28, 2009

    0 votes
    5 answers
11. Битые ссылки

    Здравствуйте! Проблема следующая: Вот ссылка 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=…

    Asked by MximuS, June 23, 2010

    0 votes
    5 answers
12. непонятный баг 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 крут…

    Asked by maxipub, May 26, 2011

    0 votes
    11 answers
13. Разработка меню

    Еть код меню. 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…

    Asked by bu3i28, July 1, 2012

    0 votes
    6 answers
14. Помогите советом по верстке!

    Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?

    Asked by ViViV, January 25, 2013

    • верстка css
    • макет
    0 votes
    3 answers
15. Посоветуйте, что учить дальше?

    Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.

    Asked by Piley, February 6, 2013

    0 votes
    9 answers
16. Текст по центру

    http://cssdeck.com/labs/hvhc0no2 Парвильно я установил текст по центру или же есть более адекватные методы ?

    Asked by extrabass4, January 10, 2014

    0 votes
    15 answers
17. box-shadow не работает в IE 10 с ячейками таблицы

    Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?

    Asked by user89, June 16, 2015

    • box-shadow
    • IE
    • table
    • cell
    • ячейка
    0 votes
    1 answer
18. Грамотная адаптивная верстка

    Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?

    Asked by Flexible Curd, November 19, 2015

    • адаптивная верстка
    • javascript
    • css
    • адаптивный дизайн
    0 votes
    1 answer
19. В 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> …

    Asked by Masya, February 12, 2018

    • max-widthpaddingmargin
    0 votes
    0 answers
20. На мобильных верстка ломается

    Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u

    Asked by yaparoff, August 7, 2018

    0 votes
    3 answers
21. Смело в бой!

    Ползал на просторах местного новостника, случайно обнаружил такую вот объявку, чуть со смеху не лопнул, хочу поднять и все вам насроение, если веткой ошибся - поправьте, ну по идее это же обсуждение работ...

    Asked by Andryshok, July 26, 2018

    0 votes
    2 answers
22. Некоторые элементы на всех страницах

    Здравствуйте! Простите, если не сюда пишу. Только начинаю изучать HTML и CSS. Сверстал страницу, на которой присутствуют шапка, футер, меню. Страница трехколоночная. Сайт планирую делать многостраничным. Теперь задался вопросом: Как разместить основные блоки сайта на всех страницах? Имею в виду: футер, шапку, боковые колонки. Не размещать же их на каждой странице. Имею в виду, если кликнуть на ссылку в меню, то открывается новая страница без меню, футера и т.д. Как сделать, чтобы эти основные блоки отображались во всех страницах. Буду рад советам! По форуму искал и читал, но не смог применить некоторые наброски к своему с…

    Asked by iiwanc, June 30, 2019

    • блоки
    • html
    0 votes
    2 answers
23. Проблема с блоком

    При просмотре в ИЕ - 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…

    Asked by allod21, December 28, 2007

    0 votes
    2 answers
24. Капризный 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-файл, а он не хочет работать. Подскажите, может я неправильно пишу ему путь? или может на стороне сервера какие-то телодвижения нужно сделать?

    Asked by Nird, December 26, 2008

    0 votes
    2 answers
25. Углы для всей страницы

    Есть резиновый макет. Каждый уголок макета представляет собой симпатишный узорчик такой. Они располагаются прямо по краям, то есть, грубо говоря, вся рабочая область ими должна ограничиваться. Как бы вы такое делали? Дополнительным условием является то, что в прозрачной части этого изображения есть часть контента, т.е. это должен быть именно бэкраунд.

    Asked by Choo, March 17, 2009

    0 votes
    2 answers