Локальное изменение html

@_MayaNash · 01.05.2017, 21:39. **Показов** 1859. **Ответов** 16

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

Добрый день.

Я тут как человек, почти не знающий html/css/php захотела уменьшить ширину странички, т.к. текст разворачивался на всю ширину, и это неудобно. Я это сделала - F12, там как-то случайно в styles заметила max-width, пока шла по элементам, и изменила его на 1000px (было 1500, неважно). Но теперь я не могу найти эту max-width еще раз. А она сделала именно то, что я хотела. Помогите пожалуйста найти это еще раз.

Страница: http://www.calculator888.ru/bl... orbes.html
Ее текущий вид приложила.

@_MayaNash · 01.05.2017, 21:48 **[ТС]**

Я имею в виду, как искать это значение на других страницах по-быстрому. Ибо тут я уже знаю, что было 1500, а на других ведь не буду знать, если что.

Qwerty_Wasd · 01.05.2017, 22:28

MayaNash, здравствуйте. В браузере открываете эту страницу => F12 => ищете

PHP/HTML
1
<div id="content" style="text-align:justify;">

далее в правилах(CSS) смотрите что вам нужно

@_MayaNash · 01.05.2017, 22:41 **[ТС]**

Qwerty_Wasd,

Сообщение от MayaNash

Я имею в виду, как искать это значение на других страницах по-быстрому. Ибо тут я уже знаю, что было 1500, а на других ведь не буду знать, если что.

Ваш способ актуален для всех/большинства профессиональных веб-страниц?

Qwerty_Wasd · 01.05.2017, 22:54

MayaNash, да. И для большинства браузеров.

Добавлено через 5 минут
, MayaNash, упреждая ваш возможный ход мыслей - по F12 => CTRL+SHIFT+C => указываете на элемент, что вас интересует(левой кнопкой мыши) и он подсветится в коде. Дальше вы знаете что делать

@_MayaNash · 01.05.2017, 23:14 **[ТС]**

Qwerty_Wasd, насчет F12 я в курсе примерно как его использовать + там есть графический элемент для ctrl+shift+c, спасибо

Добавлено через 30 секунд
Просто тут нужно изменить не один элемент, а все сразу, или все кроме шапки

Qwerty_Wasd · 02.05.2017, 00:01

MayaNash,

Сообщение от MayaNash

Просто тут нужно изменить не один элемент, а все сразу, или все кроме шапки

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

HTML5
1
<header></header>

ну это так пример. Со временем научитесь читать код. Станет еще легче справляться с этой задачей.

@_MayaNash · 02.05.2017, 00:03 **[ТС]**

Qwerty_Wasd, метод тыка я и так умею

Я более-менее умею читать код. Писать не умею

А читать норм

Хотя наверно я читаю в 5-10 раз медленнее чем профи.

Qwerty_Wasd · 02.05.2017, 00:13

MayaNash,

Сообщение от MayaNash

Хотя наверно я читаю в 5-10 раз медленнее чем профи.

всего лишь дело времени

@_MayaNash · 02.05.2017, 00:39 **[ТС]**

Не по теме:

Qwerty_Wasd, естественно) Пока что Java намного привычнее - формат совершенно другой.

Qwerty_Wasd · 02.05.2017, 00:56

Не по теме:

MayaNash, буду знать к кому обращаться за советом, когда доберусь до этого языка. :)

@mrtoxas · 02.05.2017, 01:04

Qwerty_Wasd, MayaNash, Это все очень мило, но завязываем с оффтопом.

@_MayaNash · 02.05.2017, 01:04 **[ТС]**

Qwerty_Wasd, ну вот на этой странице, например, интересующие меня 1500px находятся в head-е, и выглядят они следующим ужасным образом, где есть много max-width-ов:

HTML5
1
2
html,body{width:100%;margin:0;padding:0}body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}img{max-width:100%;height:auto;width:auto\9;border:0}body{color:#333;font-family:Verdana,Arial,sans-serif;font-weight:400;font-size:16px;background-color:#fff}figcaption,figure{margin:0;padding:0;border:0}.clear{clear:both;content:"";display:block;height:0;font-size:0;visibility:hidden}h1{font-size:32px;font-weight:700;margin:0;padding:5px 0}h2{font-size:23px;font-weight:700}h3{font-size:20px;font-weight:700}h4{font-size:18px;font-weight:700;margin:0;padding:0}h5{font-size:16px;font-weight:700;margin:0;padding:0}p{margin:0;padding:5px 0;line-height:1.4}.osn{font-size:16px;font-weight:400;color:#fff}.osn_24_wite{font-size:24px;font-weight:400;color:#fff}a{color:#000}a:link{color:#000}a:hover{color:#c10101;text-decoration:none}a:active{color:#e20404}#header{position:relative;width:98%;max-width:1300px;margin:0 auto;margin-top:8px;margin-bottom:10px}.logotip{position:relative;float:left;width:60%}.informer{position:relative;float:right;width:30%;text-align:left}.menu_button{position:relative;float:right;text-align:right;display:none}#nav{width:98%;max-width:1300px;margin:0 auto;text-align:center;font-size:16px;margin-top:2px;margin-bottom:0}#nav ul{margin:0 auto;padding:0}#nav li{float:left;display:block;list-style-type:none;margin:20px 0;padding:0;width:12.5%;min-height:50px;text-align:center}#nav a{display:block;width:auto;color:#fff;font-weight:400;text-decoration:none;padding:12px 7px;margin:0 auto;width:80%}#nav li:nth-child(8n+1){background:#FF1E00}#nav li:nth-child(8n+2){background:#FF9500}#nav li:nth-child(8n+3){background:#0C5DA5}#nav li:nth-child(8n+4){background:#00BF32}#nav li:nth-child(8n+5){background:#BF4030}#nav li:nth-child(8n+6){background:#FF4F00}#nav li:nth-child(8n+7){background:#26537C}#nav li:nth-child(8n+8){background:#007C21}.title_descr{width:98%;max-width:1200px;margin:0 auto;padding:0 0 40px}#social_bottom_ya{margin:0 0 14px}#content{position:relative;width:99%;max-width:1500px;margin:0 auto}.left_column{position:relative;float:left;text-align:center;padding-top:60px;width:20%}.center_column{position:relative;float:left;text-align:center;width:60%}.right_column{position:relative;float:right;text-align:center;padding-top:60px;width:20%}#korpus{position:relative;width:100%;display:block;max-width:600px;height:auto;width:auto\9;border:0;margin:0 auto;text-align:right}#nastrk{position:relative;width:100%;display:block;max-width:600px;height:auto;width:auto\9;border:0;margin:0 auto}#instr_recl{width:94%;max-width:1300px;margin:0 auto;padding:40px 0 0}.instruct{float:left;width:70%}.vnut_recl{float:right;width:30%}#com_soc{width:94%;max-width:1300px;margin:0 auto;padding:40px 0 70px}.comment{float:left;width:70%}.soc_subs{float:right;width:30%}#footer{position:relative;width:100%;margin:0 auto;padding:20px 0;min-height:200px;background-color:#0C5DA5;color:#fff}.block_footer{position:relative;width:98%;max-width:1300px;margin:0 auto}.menu_footer{float:left;width:26%}.time_footer{float:left;width:35%;margin-left:5%}.time_zagol{display:block;text-align:center;font-size:24px;margin:18px 0 10px}.time_vremm{display:block;text-align:center;font-size:54px}.time_datte{display:block;text-align:center;font-size:18px;margin:10px 0 20px}.social_footer{float:right;width:20%;margin-left:4%}#footer ul{margin:0 auto;padding:0}#footer li{display:block;list-style-type:none}.icon_foot{display:inline-block;padding:8px 0 15px 4px}#footer a{color:#fff}#footer a:link{color:#fff;text-decoration:none}#footer a:hover{color:#fefdc0}#footerp a:active{color:#fffd62}.copyright{width:100%;margin:0 auto;background-color:#26537C;padding:9px 0;text-align:center;font-size:14px;font-weight:400;color:#fff}.copyright a{color:#fff}.copyright a:link{color:#fff}.copyright a:hover{color:#fefdc0;text-decoration:none}.copyright a:active{color:#fffd62}.osn_ram_sin_2{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#000;border:2px solid #1A5F8C;background-color:#F2F9FF}.osn_star{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#000;font-weight:400}.osn_22_sin_b{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:22px;color:#1A5F8C;font-weight:700}.osn_18_b_ram_vir_pr{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;color:#000;font-weight:700;border:1px solid #999;text-align:right;padding-right:3px}.osn_16_b{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px;color:#000;font-weight:700}
@media screen and (max-width:1350px){.left_column{width:180px}.center_column{width:680px;margin-left:2%}.right_column{width:340px}}@media screen and (max-width:1270px){.center_column{margin-left:0}}@media screen and (max-width:1240px){#nav{font-size:14px}.left_column{width:18%}.center_column{width:82%;margin-left:0}.right_column{width:100%;padding:40px 0}}@media screen and (max-width:950px){#header{width:99%;margin-top:3px}#nav{font-size:12px}.left_column{width:100%;padding:0 0 30px}.center_column{width:100%}#footer{font-size:15px}.block_footer{width:96%}.menu_footer{width:30%}}@media screen and (max-width:800px){.logotip{width:72%}.informer{display:none}.menu_button{width:12%;height:100%;display:block}.menu_button img{width:60%;margin-top:20%;margin-right:20%}#nav{font-size:16px;display:none;margin-bottom:20px}#nav li{width:49.5%;margin:1px 1px 0 0;min-height:10px}#nav a{padding:7px;width:90%;margin:0 auto}#instr_recl{width:98%}#com_soc{width:98%}.comment{float:none;clear:both;width:100%}.soc_subs{float:none;clear:both;width:100%}.menu_footer{width:50%;margin:0}.time_footer{width:50%;margin:0}.social_footer{width:100%}.cop_1{display:none}}@media screen and (max-width:610px){#nav{font-size:14px}#nav a{padding:10px}body{font-size:14px}h1{font-size:25px}h2{font-size:21px}h3{font-size:18px}h4{font-size:16px}p{margin:0;padding:5px 0;line-height:1.3}.osn{font-size:14px}#instr_recl{padding:40px 0 0}.instruct{float:none;clear:both;width:100%}.vnut_recl{float:none;clear:both;width:100%}.menu_footer{width:60%;margin:0 20%}.time_footer{width:60%;margin:0 20%}.social_footer{width:60%;margin:0 20%}}@media screen and (max-width:450px){.menu_button img{width:100%;margin-top:0;margin-right:0}#nav{font-size:18px}#nav li{width:100%}#nav a{padding:10px}.menu_footer{width:80%;margin:0 10%}.time_footer{width:80%;margin:0 10%}.social_footer{width:80%;margin:0 10%}.copyright{font-size:12px;padding:5px 0}.cop_2{display:none}}@media screen and (max-width:330px){#nav{font-size:14px}#nav a{padding-top:9px;padding-bottom:9px}.menu_footer{width:100%;margin:0}.time_footer{width:100%;margin:0}.social_footer{width:100%;margin:0}}

Как???.. вот в этом ужасе найти то, что меня интересует?

Qwerty_Wasd · 02.05.2017, 04:11

Добавлено через 22 минуты
MayaNash,

Сообщение от MayaNash

Как???.. вот в этом ужасе найти то, что меня интересует?

приведу пример на вашей странице
Смотрим какой из

Сообщение от MayaNash

max-width

к какому блоку относится. Чаще всего код, который вы будете читать, будет написан по правилам хорошего тона. Классы или id тегов будут нести смысловую нагрузку, также как и сами теги. Например. Вам нужно было чтобы весь контент, кроме шапки был удобочитаем - то есть сделать ширину контейнера меньше чем он есть. Можно изменить правило

CSS
1
max-width

сразу у тега [HTML]<body></body>/HTML], но тогда шапку тоже сожмет. Да и выглядеть будет не очень - справа будет пустое пространство. Значит ищем контейнер внутри [HTML]<body></body>/HTML]. А что в нем первое?

HTML5
1
<header></header>

в этом контейнере всегда шапка. Если это не так - кто-то муд.... ну вы поняли

что у нас дальше =>

HTML5
1
<nav></nav>

а в этом контейнере всегда меню. Далее у нас идет div с громкоговорящим

HTML5
1
id="content"

Вот то что нужно! Как менять правила вы в курсе.

@_MayaNash · 02.05.2017, 07:41 **[ТС]**

Qwerty_Wasd, большое спасибо

Добавлено через 56 минут
Qwerty_Wasd, если в body в элемент div "content" добавить параметр "max-width=900px", то ничего не меняется - у каждого элемента своя max-width и другие параметры, которые в комплексе определяют ширину страницы. Меняется только если задавать в head-е. Там есть style type="text/css", и там уже есть content, который за все это отвечает.

Qwerty_Wasd · 02.05.2017, 16:12

MayaNash,

Сообщение от MayaNash

задавать в head-е

можете показать страницу где у тегов

HTML5
1
<head></head>

есть стили?(просто этого быть не может - скорее всего вы не разобрались в коде)
Нарисую вам структуру страницы примерно, чтобы вы понимали. Смотрим рисунок => если в стилях для дива с id="content" указать ширину меньше чем было, все что есть в нем сожмет. Все эти элементы принадлежат контейнеру

HTML5
1
<body>

, для того что внутри него - он родитель, и если в его стилях указать

CSS
1
max-widts 1000px;

то каждый элемент на странице подчинится этому правилу. А тег

HTML5
1
<head>

в коде предназначен не для пользователя. Метаданные, что в нем будут, нужны для браузера (и поисковых систем). Чтобы он понимал с каким документом он имеет дело, какие либы, скрипты, заголовки подключить к документу, чтобы правильно отобразить творение автора. Для этого тега стилей быть не может.

З.Ы. Рисунок лишь пример. Вариантов масса.

Qwerty_Wasd · 02.05.2017, 16:24

Сообщение от MayaNash

задавать в head-е

Я понял. Вы посредством вставки стилей

CSS
1
<style><style>

прямо в заголовок. Это уже вопрос приоритета. Стили размещенные в заголовке будут иметь приоритет выше, чем в файле стилей. Есть хороший ресурс для новичков. => ТЫК <= . Он поможет вам освоить азы. Так будет быстрее, чем если я буду отвечать на сообщения

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

Локальное изменение html

Решение

Решение

@_MayaNash Заблокирован

	Локальное изменение html 01.05.2017, 21:39. Показов 1859. Ответов 16 Метки нет (Все метки) Добрый день. Я тут как человек, почти не знающий html/css/php захотела уменьшить ширину странички, т.к. текст разворачивался на всю ширину, и это неудобно. Я это сделала - F12, там как-то случайно в styles заметила max-width, пока шла по элементам, и изменила его на 1000px (было 1500, неважно). Но теперь я не могу найти эту max-width еще раз. А она сделала именно то, что я хотела. Помогите пожалуйста найти это еще раз. Страница: http://www.calculator888.ru/bl... orbes.html Ее текущий вид приложила. Миниатюры 0

@_MayaNash Заблокирован
	01.05.2017, 21:48 [ТС]
	Я имею в виду, как искать это значение на других страницах по-быстрому. Ибо тут я уже знаю, что было 1500, а на других ведь не буду знать, если что. 0

Qwerty_Wasd 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	01.05.2017, 22:54
	MayaNash, да. И для большинства браузеров. Добавлено через 5 минут , MayaNash, упреждая ваш возможный ход мыслей - по F12 => CTRL+SHIFT+C => указываете на элемент, что вас интересует(левой кнопкой мыши) и он подсветится в коде. Дальше вы знаете что делать 1

@_MayaNash Заблокирован
	01.05.2017, 23:14 [ТС]
	Qwerty_Wasd, насчет F12 я в курсе примерно как его использовать + там есть графический элемент для ctrl+shift+c, спасибо Добавлено через 30 секунд Просто тут нужно изменить не один элемент, а все сразу, или все кроме шапки 0

@_MayaNash Заблокирован
	02.05.2017, 00:03 [ТС]
	Qwerty_Wasd, метод тыка я и так умею Я более-менее умею читать код. Писать не умею А читать норм Хотя наверно я читаю в 5-10 раз медленнее чем профи. 0

@_MayaNash
	02.05.2017, 00:39 [ТС]
	Не по теме: Qwerty_Wasd, естественно) Пока что Java намного привычнее - формат совершенно другой. 0

Qwerty_Wasd
	02.05.2017, 00:56
	Не по теме: MayaNash, буду знать к кому обращаться за советом, когда доберусь до этого языка. :) 1

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	02.05.2017, 01:04
	Qwerty_Wasd, MayaNash, Это все очень мило, но завязываем с оффтопом. 2

@_MayaNash Заблокирован
	02.05.2017, 07:41 [ТС]
	Qwerty_Wasd, большое спасибо Добавлено через 56 минут Qwerty_Wasd, если в body в элемент div "content" добавить параметр "max-width=900px", то ничего не меняется - у каждого элемента своя max-width и другие параметры, которые в комплексе определяют ширину страницы. Меняется только если задавать в head-е. Там есть style type="text/css", и там уже есть content, который за все это отвечает. 0