Jump to content
  • 0

Прописываю размер шрифта 10, а он 12

beze

Asked by beze,

 Share

Question

beze Explorer

beze

Posted
Posted

Здравствуйте уважаемые знатоки.

Попробовал часть страничек вручную переписать, чтобы уменьшить количество кода. И всё бы нормально, но в левой колонке - оглавлении, после слов "Маршруты Среднего Урала" я хотел сделать шрифт 10. И как только можно вписал эту десятку. а он всё 12. Вдобавок, при уменьшении окна, строчки вместо того, чтобы соскальзывать вниз, налезают друг на друга. Привожу адрес одной из таких недоделанных страничек

http://www.po-miry.ru/POHOD/TURIZM_STATJA/STATIJ_TURIZM.htm

Ну что там надо исправить?

Поможите люди добрые, сами мы тут не местные.

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
beze Explorer

beze

Posted
  • Author
Posted

Понял, но у меня два вопроса

1) Почему все же строчки налезают друг на друга при уменьшении окна браузера

2) CSS я учу, но ещё Ленин говорил, что это учение так же неисчерпаемо, как атом. Почему я не могу делат стили внутри стилей? Да, у меня стоит в Боди размер 12. Но я почему не могу прописать для отдельного участка меньший шрифт и как это сделать?

  Quote
Учи CSS и будет тебе счастье, а пока вот решение

Код

.style1 {

font-size: 10pt;

}

А это у меня и так есть. Только там еще расстояние между строчками. Почему, если я их уберу, всё заработает?

Link to comment
Share on other sites
  • 0
Nekromancer Explorer

Nekromancer

Posted
Posted
  Quote
Почему я не могу делат стили внутри стилей?

потому что так нельзя.

  Quote
Да, у меня стоит в Боди размер 12. Но я почему не могу прописать для отдельного участка меньший шрифт и как это сделать?

пишете всё в стилях а не старыми атрибутами html... у вас вообще не было задано на тот блок размера шрифта..

  Quote
А это у меня и так есть. Только там еще расстояние между строчками. Почему, если я их уберу, всё заработает?

нет, у вас не так, а только расстояние, 3 пункта.. это очень мало, по этому строки и накладываются друг на друга, так как шрифт будет побольше расстояния... + схлопывание

Лечится так: убирается ужастно маленькое и тупое расстояние между строк, и ставиться размер шрифта.

Link to comment
Share on other sites
  • 0
beze Explorer

beze

Posted
  • Author
Posted

До этого я создавал тему и писал

  Quote
Здравствуйте уважаемые знатоки

Интервал между строчками задается тегами Р или BR. Я хочу сделать расстояние меньше, чем Р и больше, чем BR.

Если это условие проставлять в каждом теге Р, то нормально <p style="margin:3px 5px;>

Но я не могу сообрзить, как это сделать для нескольких строк

Иван Шумов, которого никто не обвинит в незнании, ответил так

  Quote
css: line-height

То есть здесь я сдела вс1 так, ка надо.

Так почему при уменьшении размеров браузера слова не переносятся вниз в столбик, а наползают друг на друга?

Для левого столбика я хочу шрифт 10.

Я писал

  Quote
.meny2 a:link {color:#990033 ; text-decoration: none;}

.meny2 a:hover{color: #990033;text-decoration:underline overline;}

.meny2 a:visited {color: navy; text-decoration: none;}

.meny2 {font-weight: bold;

font-size: 10 pt;

text-align: center;}

.style1 {line-height: 3px;

font-size: 10 pt;}

и в самом коде левой колонки

  Quote
<td valign="top" width="283" class="meny2" style="font-size: 10 pt">

<h5><a href="MARCHRUT/MARCHRUT.htm">Мой адрес не город, не улица</a></h5>

<h5><a href="STRANA_SOVETOV/STRANA_SOVETOV.htm">Страна Советов</a></h5>

<h4>Маршруты Среднего Урала</h4>

<div class="style1"><p>ВОДА</p>

Кроме этого, но уже у себя, я убрал, по совету Некромансера, из боди 12 pt

  Quote
<body bgcolor=#FFFFCC style="font-family: Verdana;" >

И всё равно в левой колонке шрифт 12. Почему? Кто-нибудь может дать вразумительный ответ? Пожалуйста.

Link to comment
Share on other sites
  • 0
beze Explorer

beze

Posted
  • Author
Posted

Кажется сообразил с одной проблемой. В колонке в перечне статей везде поставил тег BR и .style1 {line-height: 20px;}

Но остался второй вопрос Для этой колонки у меня везде прописано размер шрифта 10, а получается 12. Почему?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept