Duży rozmiar tytułów newsów


(Portal24dk) #1

Witam

Mam pytanie co odpowiada za tak duży tytuły newsa

na stronie

Bo chcę zmniejszyć rozmiar tych tytułów newsów

Wyszukiwarka Mp3

Polecamy hosting www

/*BlueStar by Orosznyet*/


/*General tags*/

body {

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

     font-size: 12px;

     color: #000000;

     background: #f2f2f2;

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

}


form {

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

}


img { border: 0px; }

a, a:visited, a.side { color: #E10000; text-decoration: none; }

a:hover, a.side:hover { color: #0033CA; }


h1, h2, h3, h4, h5, h6 {

     padding: 0px 0px 0px 0px;

     margin: 0px 0px 0px 0px;

     font-family: Georgia,"Bitstream Vera Serif","Times New Roman",serif;

}


h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }


hr {

     background: #ebe4c6;

     border: 1px solid #ebe4c6;

     height: 1px;

}


/* Header classes and ids*/

.header-left {

     background-image: url("images/header-left.png");

     width: 34px;

     height: 173px;

}


.header-right {

     background-image: url("images/header-right.png");

     width: 34px;

     height: 173px;

}


.header-top {

     background-image: url("images/header-center-top.png");

     height: 23px;

     text-align: right;

}


.header-logo {

     background-image: url("images/header-center-logo.png");

     height: 123px;

     text-align: left;

}


#headsearch {

     vertical-align: middle;

     border: 1px solid #cccccc;

     background-color: #f8f8f8;

     margin: 0px auto 10px auto;

     white-space: nowrap;

     float: right;

}


.headsearchbox, .headsearchbutton {

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

     font-size: 12px;

     color: #555555;

     background-color: #f8f8f8;

     border: 0px solid #cccccc;

     margin: 0px 0px 0px 0px;

     padding: 0px 0px 0px 0px;

     height: 16px;

}


.headsearchbox {

     background: url("images/searchicon.gif") no-repeat;

     padding: 0px 0px 0px 16px;

}


.header-navigation-top {

     background-image: url("images/header-navigation-top.gif");

     height: 24px;

     text-align: left;

}


.header-navigation-bottom {

     background-image: url("images/header-navigation-bottom.gif");

     height: 3px;

}


.header-navigation-top ul{

     margin: 0px 0px 0px 0px;

     padding: 0px 0px 0px 0px;

     z-index: 30;

}

.header-navigation-top ul li{

     margin: 0px 0px 0px 0px;

     padding: 0px 0px 0px 0px;

     list-style: none;

     float: left;

     font: bold 12px arial;

}


.header-navigation-top ul .first-link { border-left: 1px solid #a1bdea; }

.header-navigation-top ul .first-link:hover { border-left: 1px solid #bdd0ee; }


.header-navigation-top ul .nav-item {

     padding: 4px 8px 5px 5px;

     text-decoration: none;

     border-right: 1px solid #a1bdea;    

     display: block;

     margin: 0px 0px 0px 0px;

     font-weight: lighter;

}


.header-navigation-top ul .nav-item:hover {

     background-image: url("images/header-navigation-tophover.gif");

     border-right: 1px solid #bdd0ee;

     font-weight: normal;

}


/* Main body and panels */

.body-left {

     background-image: url("images/body-left.png");

     width: 34px;

}


.body-right {

     background-image: url("images/body-right.png");

     width: 34px;

}


.panels-right, .panels-left {

     width: 175px;

}


.body-main {

     padding: 0px 10px 10px 10px;

}

/* Footer */

.footer-left {

     background-image: url("images/footer-left.png");

     background-repeat: no-repeat;

     width: 62px;

}


.footer-center {

     background-image: url("images/footer-center.png");

     background-repeat: repeat-x;

     padding: 10px 0px 0px 0px;

}


.footer-right {

     background-image: url("images/footer-right.png");

     background-repeat: no-repeat;

     width: 62px;

}


.footer-subbox {

     background-color: #fdfbe6;

     border: 1px solid #e4e4e4;

     margin: 40px 20px 15px 20px;

     text-align: center;

}


/* Panels*/

.opentable-top {

     font-weight: bold;

     background-color: #e4e4e4;

     border-left: 1px solid #fdd44f;

     border-bottom: 3px solid #fdd44f;

     padding: 2px 0px 0px 4px;    

}

.opentable-body { margin: 0px 0px 10px 0px; }

.panels-left .side-top { border-right: 3px solid #a5d9ec; border-left: 1px solid #a5d9ec;}

.panels-right .side-top { border-left: 3px solid #a5d9ec; border-right: 1px solid #a5d9ec; }


.side-top {

     background-color: #e1f4fa;

     font-weight: bold;

     padding: 4px 0px 4px 6px;

}


.side-body { margin: 0px 0px 10px 0px; }

/* Forms */

.button {

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

     font-size: 10px;

     color: #000000;

     background-color: #ececec;

     height: 20px;

     border: 1px solid #d7d7d7;

     margin-top: 2px;

}


.bbcode {

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

     font-size: 10px;

     color: #000000;

     background-color: #eeeeee;

     border: 1px solid #cccccc;

     margin-top: 2px;

}


.textbox {

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

     font-size: 10px;

     color: #000000;

     background-color: #f8f8f8;

     border: 1px solid #cccccc;

}


/* Page Navigation */


.pagenav {

     padding: 4px;

}


.pagenav span {

     color: #ffffff;

     background-color: #f6a504;

     border: 1px solid #dddddd;

     padding: 2px 4px 2px 4px;

     margin: 2px;

}


.pagenav a {

     color: #555555;

     background-color: #f1f1f1;

     border: 1px solid #dddddd;

     padding: 2px 4px 2px 4px;

     margin: 2px;

     text-decoration: none;

}


.pagenav a:hover {

     color: #ffffff;

     background-color: #fdd44f;

     margin: 2px;

     text-decoration: none;

}


/* Vertical Navigation */


#navigation h2 {

     font-size: 11px;

     font-weight: normal;

     background-color: #f1f1f1;

     margin: 0;

     padding: 4px;

}


#navigation ul {

     margin: 0;

     padding: 0;

     list-style-type: none;

}


* html #navigation ul li{

    height: 1%;

}


#navigation a {

     display: block;

     color: #000080;

     padding: 2px;

     text-decoration: none;

}


#navigation a:hover {

     color: #000000;

     background-color: #fbe7b4;

}


/* Tables*/

.center {

     margin: 0 auto;

}


.tbl-border {

     border: 1px solid #e1e1e1;

}


.tbl {

     font-size: 11px;

     color: #000000;

     background-color: #ffffff;

     padding: 4px;

}


.tbl1 {

     font-size: 11px;

     color: #000000;

     background-color: #ffffff;

     padding: 4px;

}


.tbl2 {

     font-size: 11px;

     color: #000000;

     background-color: #f1f1f1;

     padding: 4px;

}


.forum-caption {

     font-size: 11px;

     font-weight: bold;

     color: #888888;

     background-color: #f1f1f1;

     padding: 2px 4px 4px 4px;

}


.quote {

     font-size: 11px;

     color: #000000;

     background-color: #f8f8f8;

     padding: 4px;

     margin: 0px 20px 0px 20px;

     border: 1px solid #bbbbbb;

     border-left: 5px solid #bbbbbb;

}


.poll {

     height: 12px;

     border: 1px solid #b7dded;

     background-color: white;

}


.comment-name {

     font-weight: bold;

     color: #04688d;

}


.shoutboxname {

     font-weight: bold;

     color: #04688d;

}


.shoutbox {

     color: #777777;

}


.shoutboxdate {

     font-size: 10px;

     color: #888888;

}


.small {

     font-size: 10px;

     font-weight: normal;

}


.small2 {

     font-size: 10px;

     font-weight: normal;

     color: #000000;

}


/* Other */

.spacer { margin-bottom: 5px; }


.admin-message {

     background-image: url("images/info-box.gif");

     background-repeat: no-repeat;

     background-position: 3px 50%;

     border: 1px solid #C4C41A;

     padding: 4px 4px 4px 20px;

     margin: 15px auto 15px auto;

     width: 70%;

     background-color: #FFFF55;

}


/* News page */

.fnews-left {

     background-image: url("images/news-left.gif");

     background-repeat: no-repeat;

     width: 5px;

     height: 20px;

}


.fnews-middle {

     background-image: url("images/news-middle.gif");

     background-repeat: repeat-x;

     height: 20px;

}


.fnews-right {

     background-image: url("images/news-right.gif");

     background-repeat: no-repeat;

     width: 5px;

     height: 20px;

}


.news-content {

     padding: 10px 0px 10px 0px;

}


.news-title {

     border-top: 3px dashed #e3e3e3;

     padding: 5px 0px 0px 0px;

     margin: 5px 0px 0px 0px;

}


.news-category {

     float: right;

     margin: -30px auto 5px auto;

}

(Maciekfa) #2

Znacznik H2 w którym są tytuły tych newsów.


(eyeti) #3

Zmień znacznik z H2 na H1 :slight_smile:


(Juven) #4

eyeti , nie wiem czy wiesz, ale zmieniając na h1 jeszcze bardziej powiększy sobie czcionkę. W tych znacznikach h1 jest największe, a h6 najmniejsze.

Zresztą zobacz wycinek z kodu podanego wyżej

h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

Jak widzisz wielkość czcionki w h1 jest większa, niż w h2. Autorowi jednak nie chodzi o taki efekt, lecz odwrotny :wink:

Jak widać po stronce autor uporał się już z tym problemem, nie zmieniał jednak znaczników, tylko zmniejszył wielkość czcionki znacznika h2 w stylach.