Форум Сайтостроение Веб-строительство

Подскажите по HTML. Как в тэге <H1> выводить мелкий текст

12
SF
На сайте с 07.09.2004
Offline
167
SAF
1137

Если на своём сайте пишу что-либо в H1? то получаются огромные буквы.

На многих других сайтах вижу, что текст в тэге H1 лишь немного крупнее основного текста.

Как это можно сделать?

[Удален]
#1

в CSS прописываете стиль для h1 - размер шрифта нужный...

C
На сайте с 10.11.2007
Offline
27
Casperus
#2
SAF:
Если на своём сайте пишу что-либо в H1? то получаются огромные буквы.
На многих других сайтах вижу, что текст в тэге H1 лишь немного крупнее основного текста.
Как это можно сделать?

Пропишите в стилях:

h1 {font-size:свой размерчикpx}

Tronheym опередил...)

Дизайн сайтов. Портфолио (http://www.weblancer.net/users/casperus/portfolio/), отзывы (/ru/forum/183959), еще отзывы (http://www.weblancer.net/users/casperus/reviews/). Для связи: ICQ 454-814-299 или личные сообщения.
Damirovich
На сайте с 18.11.2007
Offline
61
Damirovich
#3

<h1 style="font:12px arial;">

РЕАЛЬНЕ!!! Самое большое счастье, испытываешь тогда, когда что-то важное теряешь, а потом его же находишь :)))
I
На сайте с 21.02.2008
Offline
117
ippoman
#4

Можно так 


<h1 style="font-size: 14px; margin: 2;">Заголовок</h1>



Текст текст
orphelin
На сайте с 02.07.2006
Offline
261
orphelin
#5
Damirovich:
<h1 style="font:12px arial;">

так тоже можно, но рекомендуется все же выносить стили из тегов.

SF
На сайте с 07.09.2004
Offline
167
SAF
#6

В какое место вписать? И что именно?

Файл stylesheet.css

-----------------------------------------------------------------------------------------

/*

$Id: stylesheet.css,v 1.1.1.1 2003/09/18 19:05:47 wilt Exp $

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

Copyright (c) 2003 osCommerce

Released under the GNU General Public License

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }

.boxText_right { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; padding-left:15px; }

.navBlue { color: #FF0000; font-size: 8pt; font-family: Verdana }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #7296BE; font-weight: bold; color:#FFFFFF; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: blue; text-decoration: underline; }

BODY {

background: #FFFFFFF;

color: #5E5E5E;

margin: 0px;

}

A {

font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px;

color: #5E5E5E;

text-decoration: none;

}

A:hover {

color: #5E5E5E;

text-decoration: underline;

}

FORM {

display: inline;

}

TR.header {

background: #ffffff;

}

TR.headerNavigation {

}

TD.headerNavigation {

FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif

}

A.headerNavigation {

color: #000000;

}

a:hover.headerNavigation {

color: blue;

}

TR.headerNavigation1 {

}

TD.headerNavigation1 {

FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif

}

A.headerNavigation1 {

color: #000000;

}

a:hover.headerNavigation1 {

color: #000000;

}

TR.headerError {

background: #ff0000;

}

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

TR.headerInfo {

background: red;

}

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: red;

color: #ffffff;

font-weight: bold;

text-align: center;

}

TR.footer {

background: #bbc3d3;

}

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #bbc3d3;

color: #ffffff;

font-weight: bold;

}

.templateinfobox { background:#FFFFFF; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px }

.templateinfobox_right { background:#FFFFFF; FONT-FAMILY: Tahoma, Verdana,Helvetica; FONT-SIZE: 12px; }

.infoBoxContents {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

.infoBoxContents_right {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

}

.infoBoxNotice {

background: #FF8E90;

}

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

}

TD.main, P.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

TD.accountCategory {

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

color: #aabbdd;

}

TD.fieldValue {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

}

TD.tableHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.newItemInCart {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ff0000;

}

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #7296BE; color: #FFFFFF; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

.cat_description { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }

.centerTable { background:#FBFCFD url('images/bg_cat4.gif') repeat-x fixed left top; }

/* Show Header Page Links */

TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {

background-image: url(images/button_blank_left.gif);

}

TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {

background-image: url(images/button_blank_right.gif);

}

TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {

background-image: url(images/button_blank_middle.gif);

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

color: #000000;

}

A.HeaderPageLinks {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

color: #000000;

}

A.HeaderPageLinks:hover {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

/* background: #00FF00; */

color: blue;

}

TD.cookieUsage {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #000000;

color: #FFFFFF;

}

/* WebMakers.com Added: Editing Attributes */

.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }

.TR.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }

.TD.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #C0C0C0; }

TD.pollBoxRow {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

border-color: #eeeeee;

border-style: solid;

border-width: 0px;

}

TD.pollBoxText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

border-color: #eeeeee;

border-style: solid;

border-width: 0px;

}

TR.pollOptRow {

}

TR.pollFooter {

}

/* DWD Contribution -> Add: Browse by Categories. */

UL.BrowseBy {

list-style-type: disc;

list-style-position: inside;

list-style: none;

margin-left: 1em;

padding-left: 2em;

text-indent: -1em;

} /* UL.BrowseBy */

LI.BrowseBy {

} /* LI.BrowseBy */

/* DWD Contribution End. */

/*BOF Options as Images*/

SPAN.optionsAvailable {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

/*EOF Options as Images*/

.top_center{

background: url(images/top_center.jpg) repeat-x;

height: 117px;

}

A.top_l{

color:#000000;

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

A.top_l:hover{

color:#FFFFFF;

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

.fon_link{

background: url(images/center.gif) repeat-x;

height: 30px;

}

.fon_link_hover

{

background: url(images/center_blue.gif) repeat-x;

height: 30px;

color:#FFFFFF;

cursor: pointer;

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

#l_r{

background: #FAFAFA url(images/infobox/corner_left_right.gif) left bottom no-repeat;

height:62px;

width:121px;

padding-top:15px;

}

A.categor{

color:#8396AC;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

text-decoration: underline;

}

#sub{

padding-left: 15px;

}

#in_b{

background: url(images/infobox/background.gif) left bottom repeat-x;

}

.bg_c{

background: url(images/infobox/background_center.gif) left bottom repeat-x;

}

.logo{

color:#49629B;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 18px;

font-weight: bold;

}

A.logo:hover{

color:#49629B;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 18px;

font-weight: bold;

text-decoration: none;

}

.bord{

border: 1px solid #7F7F7F;

}

A.cart{

text-decoration: underline;

color:#3F3D60;

}

A.cart:hover{

text-decoration: none;

}

.r_r{

color:#49629B;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

}

.tel{

color:#49629B;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

text-decoration: underline;

padding-bottom: 8px;

}

A.link_b{

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

text-decoration: underline;

color:#000000;

font-weight: bold;

}

A.link_b:hover{

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

text-decoration: none;

color:#000000;

font-weight: bold;

}

.foot{

height: 1px;

width:100%;

background: #000000;

}

.column_left{

background: #F9F9F9;

}

----------------------------------------------------------------------------------

orphelin
На сайте с 02.07.2006
Offline
261
orphelin
#7

в конец допишите :)

Damirovich
На сайте с 18.11.2007
Offline
61
Damirovich
#8

SAF, вам нужно один тег изменить или много?

SF
На сайте с 07.09.2004
Offline
167
SAF
#9
Damirovich:
SAF, вам нужно один тег изменить или много?

Десятка два.

[Удален]
#10

Если вам нужно, изменить параметры заголовка <h1> на всём сайте, то вам будет удобнее прописать в файле CSS вот такой столбец :

h1
{
float:center; (позиционирование объекта, не обязательно)
font-size:20px; (размер шрифта, то, что вам и надо!!! )
color:#000000; (цвет текста, в данном случае чёрный)
}

если потребуется, можно с отступами поиграться, успехов !

Размер шрифта на сайте Как относятся поисковики к Уникализация документов (законы, право,
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий