Подогнать страницы html под экраны с разным расширением - HTML, CSS - Ответ 4839008

@marina11 · Регистрация: 15.11.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте!
Пытаюсь написать сайт. Но проблема в том,что у меня страницы рассчитаны под большой монитор, приходится их скроллировать. Помогите пожалуйста поправить размер по вертикали (где-то 900 px), чтобы убиралось на экране с учетом всех менюшек браузера. Пробовала по-разному прописывать в коде, но никак не получается....
Если не сложно то покажите,что нужно написать на примере одной из страничек:

HTML5

<html>
<head>
 <TITLE> Кадры из фильма</TITLE>
<style>
body
{
    background: url(pictures/fon.jpg);
    background-size: 100%
    background-repeat: y;
}
a img 
  {
    border: none; /* Убираем рамку */
   }
</style>
</head>
<body  alink=#EEAD0E>
<br></br>
<H1 align="center" style="color:#FFD700"><font size="10" face="Monotype Corsiva" >Кадры из фильма:</font></H1>
<br></br>
<br></br>
<br></br>
<nobr><img src="pictures/1.jpg" width="550px" height="400px" hspace="21" vspace="15"><img src="pictures/2а.jpg" width="550px" height="400px" align="right" hspace="21" vspace="15"></nobr>
<nobr><<img src="pictures/3.jpg" width="550px" height="400px" hspace="11" vspace="15"><img src="pictures/4.jpg" width="550px" height="400px" align="right" hspace="20" vspace="15"></nobr>
<nobr><img src="pictures/5.jpg" width="550px" height="400px" hspace="11" vspace="15"><img src="pictures/6.jpg" width="550px" height="400px" align="right" hspace="20" vspace="15"></nobr>
<nobr><img src="pictures/7.jpg" width="550px" height="400px" hspace="11" vspace="15"><img src="pictures/8.jpg" width="550px" height="400px" align="right" hspace="20" vspace="15"></nobr>
<nobr><img src="pictures/9.jpg" width="550px" height="400px" hspace="11" vspace="15"><img src="pictures/10.jpg" width="550px" height="400px" align="right" hspace="20" vspace="15"></nobr>
<nobr><img src="pictures/11.jpg" width="550px" height="400px" hspace="11" vspace="15"><img src="pictures/12.jpg" width="550px" height="400px" align="right" hspace="20" vspace="15"></nobr>
<br></br>
<p align="center"><a href="main.html"><button><img src="strelka.gif"
style="vertical-align: middle">Вернуться в меню<img src="strelka.gif"
style="vertical-align: middle"></button></p>
<br></br>
</body>
 </html>

Вернуться к обсуждению:
Подогнать страницы html под экраны с разным расширением HTML, CSS

Следующий ответ

Другие темы раздела
HTML, CSS Увеличение картинки https://www.cyberforum.ru/ html/ thread922565.html Привет всем как можно сделать такое вручную	HTML, CSS Вид с мобильного(кривой) Добрый день! Проблема заключается в просмотре сайта на мобильном телефоне или планшете. Пытаюсь сделать верстку под разное разрешение, и вроде бы получилось. Всё отображается корректно на устройствах, но если зайти с мобильного или планшета, то сайт располагается не во весь экран, а загружается область логотипа и приходится мультитачем уменьшать до нужных размеров. Подскажите в чем проблема?...
HTML, CSS Можно услышать критику https://www.cyberforum.ru/ html/ thread922519.html Я верстал шапку сайта, это моя первая такая работа. http://white.net76.net/ Покритикуйте, пожалуйста	HTML, CSS Поменять местами колонки в wordpress https://www.cyberforum.ru/ html/ thread922495.html Добрый день!Столько копауюсь в файле css не могу понять, где код блока слева. Код,отвечающий за 2 блока справа я нашел. Вот демо страницы http://morestyle.ru/raznye-temy-wp/interno-prostoj-shag-v-mir-interera.html Т.е. ту колонку, что слева, хочу поменять с то,что справа,а 3-ую оставить без изменения. Если подскажете,где это в css буду благодарен.
HTML, CSS навигация(шаблон) Как выравнить навигацию?Чтоб было красиво по центру, и одинаковый отступ между словами. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="main.css"> <title>Document</title> </head>	HTML, CSS блок новостей подскажите как сделать такой блок ? как на скриншоте, перепробовал много всего... otline и т.д. https://www.cyberforum.ru/ html/ thread922284.html
HTML, CSS Стилизовать чекбоксы и радиокнопки Здравствуйте, подскажите как на css (не хочется для этого использовать js) стилизовать радиокнопки и чекбоксы. Спасибо. https://www.cyberforum.ru/ html/ thread922228.html	Префиксы CSS3 HTML, CSS Есть ли разница в порядке установки префиксов: --- -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; --- имеет ли значение если: --- box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; ---
HTML, CSS не работает float Здравствуйте. почему то не хочет один блок обтекать другой. <div id='allall'> <div id='all'> <h3 id='h'>:</h3><div id='cntnt'> </div> </div> <div id='leftpanel'> <div id="userprofil"><div> <a href="?id"></a> </div> https://www.cyberforum.ru/ html/ thread922182.html	HTML, CSS Не работает центрирование при разрешении 1600 Здравствуйте. Не работает margin: 0 auto; у wrapper при высоких разрешениях Сайт сползает право. Вот например, при разрешении 1800px, margin должен быть 205px с обоих сторон Проинспектировав, я увидел, что он 410px Уже всю голову сломал, по инспекции всё ок... body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; https://www.cyberforum.ru/ html/ thread922180.html
HTML, CSS Стилизовать сообщение об ошибке в форме Привет! Помогите написать стиль, для сообщения об ошибке, чтобы всплывало рядом с полем формы, если не введено значение/не правильно введено. Пример(необязательно в точности как на картинке, можно просто с скругленными краями):	HTML, CSS phpdesinger8 https://www.cyberforum.ru/ html/ thread922143.html как переместить строку вверх вниз php designer 8

	13.07.2013, 16:31