Промяна големината на надпис

ystefanov

Registered
Имам 2 надписа позиционирани в един див, как мога да направя така, че единия напис (сайт) да бъде между тагове <H1>, но същевремнно да е с по-големи размери от h1. Според кода долу размерите се променят, но излизат различна големина според браузъра (mozilla, IE). Как да направя така, че да се виждат еднакво?

Код:
<style type="text/css">

</style>

<div id="position"><span class="site"><h1>Сайт</h1></span><span class="description">Описание ......................</span></div>
 
Сложи този код в един .css файл

Код:
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  
{  
    margin: 0; padding: 0; border: 0; outline: none;  
}  
 
body   {  
    line-height: 1;  
    font-size: 88% /* Decide for yourself if you want to include this. */;  
}  
 
h1, h2, h3, h4, h5, h6   {  
    font-size: 100%;  
    padding: .6em 0;  
    margin: 0 15px;  
}  
     
ul, ol   {  
    list-style: none;  
}  
 
a   {  
    color: black;  
    text-decoration: none;  
}  
 
a:hover   {  
    text-decoration: underline;  
}  
 
.floatLeft   {  
    float: left;  
    padding: .5em .5em .5em 0;  
}  
 
.floatRight   {  
    float: rightright;  
    padding: .5em 0 .5em .5em;  
}

и след това сложи това при кода си ..

<link type="text/css" rel="Stylesheet" href="file.css" media="screen" />

Като на мястото на file.css сложи пътя до този файл с кода, който ти дадох ..
 
Работи, а иначе има ли начин да се направи с по-малко код посочения css файл?
 
Еми можеш да сложиш и само това в този .css файл

Код:
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, 
li, dl, dt, dd, form, a, fieldset, input, th, td 
{ 
    margin: 0; padding: 0; border: 0; outline: none; 
} 
 
body   { 
    line-height: 1; 
    font-size: 88% /* Decide for yourself if you want to include this. */; 
} 
 
h1, h2, h3, h4, h5, h6   { 
    font-size: 100%; 
    padding: .6em 0; 
    margin: 0 15px; 
}

Но е хубаво да ги имаш всички, този код занулява стойностите, и така се постига еднакакъв ефект под всички браузери :?:
 
Тъй-като ще има и много друг код в цсс файла, има ли вероятност този код да повлияе на останалия, т.е. да промени неправилно зададените параметри?
 
Не, няма ! Затова и отделно ти казах, да го сложиш в отделен файл, тоест отделен от главният ти css файл. Няма да имаш проблеми с този код, дори ще е добре да го имаш, така ще избегнеш неприятни размествания под различните браузери.
 

Back
Горе