Teksto pozicija skirtingose naršyklėse

Sveiki, susidūriau su kvaila problema, kuri neduoda man ramybės. Bekoduojant dizainą http://labx.bluevision.lt/BV/ pasirideno raidės... O tiksliau tai toje vietoje, kur parašyta "dienos juokelis". Vis su kiekviena naršykle atvaizduoja vis kitoj pozicijoj, o man reik, kad stovėtų per vidurį verticaliai. Naudojau ir vertical-aligment, ir line-height, ir padding, ir margin, viską praktiškai, bet kaip neina, taip neina. Dabar suprantu, kad tai gali būti poveikis nuo tėvinio divo, bet nematau problemos niekur, taigi gal kas galit užvesti ant kelio? Nes dar 1h ir nukris galva nuo pečių..

http://jsfiddle.net/z89zb/

Na, bet jei jau būtinai reikia taip, kaip turi dabar, tai..

.name span {line-height: 40px;}

http://jsfiddle.net/z89zb/

 

Na, bet jei jau būtinai reikia taip, kaip turi dabar, tai..

 

.name span {line-height: 40px;}

tu teisus, tačiau kaip ir sakiau, tai jau išbandžiau ir visgi grįžtu prie tėvinio divo kaltės: http://labx.bluevision.lt/BV/ atsidaryk su mozilla ir su chrome

oops, dėkui, veikia.

http://jsfiddle.net/z89zb/

 

Na, bet jei jau būtinai reikia taip, kaip turi dabar, tai..

 

.name span {line-height: 40px;}

visgi netinkamas variantas, nes kažkas su tėviniu divu negerai, pakyla viršutinis meniu po tokio veiksmo

Nesuprantu apie kokį viršutinį meniu tu kalbi :)

Šiaip - kodą reikėtų perrašyt išvis. Kam tas div.name? Tam kad apglėbti h3? headingai pagal nutylėjimą savaime turi display: block; (kaip ir div), tad nėra tikslo kišti h3 į divą. i irgi yra nereikalingas. Stenkis naudoti kuo mažiau tagų ir html palikti kuo švaresnį.

Nesuprantu apie kokį viršutinį meniu tu kalbi :)

 

Šiaip - kodą reikėtų perrašyt išvis. Kam tas div.name? Tam kad apglėbti h3? headingai pagal nutylėjimą savaime turi display: block; (kaip ir div), tad nėra tikslo kišti h3 į divą. i irgi yra nereikalingas. Stenkis naudoti kuo mažiau tagų ir html palikti kuo švaresnį.

nieko nepadeda pašalinus tai, dėl ko ir sakau pasimetęs dabar esu tame.

o kad suprastai, apie ką kalbu:

kaip turi būti:

kaip būna pakeitus parametrus:

Nu ok, padarykim kitaip :lol:

<header>
  <h3><span><i style="color: #a5d335;">Dienos</i> juokelis</span></h3>    
</header>

Šitą visą ištrini.

Ir padarai taip:

<h3><span>Dienos</span> juokelis</h3>

CSS nieko savo nedėk, tik pridėk va tiek:

section#index h3 {background: #e7f8ff; font-size: 18px; line-height: 1em; padding: 11px 20px; margin: 0 20px;}
section#index h3 span {font-style: italic; color: #a5d335;}

Nu ok, padarykim kitaip :lol:

 

<header>
  <h3><span><i style="color: #a5d335;">Dienos</i> juokelis</span></h3>    
</header>

 

Šitą visą ištrini.

 

Ir padarai taip:

 

<h3><span>Dienos</span> juokelis</h3>

 

CSS nieko savo nedėk, tik pridėk va tiek:

 

section#index h3 {background: #e7f8ff; font-size: 18px; line-height: 1em; padding: 11px 20px; margin: 0 20px;}
section#index h3 span {font-style: italic; color: #a5d335;}

veikia, bet dabar gali paaiškinti kodėl negaliu naudoti <header>? nes nesupratau kame čia bajeris buvo :o tuo labiau, nemanau, kad eis naudoti dabar <article> ir footer

O aš tau niekur nesakiau, kad negali naudoti header :)) Gali, bet kam? hX tagas ir taip yra headeris, tai kam dar jį kišti į header? Jei turėtum daugiau kažkokios meta info, ir header / footer naudotum article tage, tada galėtum ten sukišt viską, o dabar tiesiog nėra reikalo. Ir header buvimas ar nebuvimas, visiškai neįtakoja ar galima bus naudot article ar ne :) Naudok į sveikatą, tik su saiku. Jei gali nekišti elemento į kitą elementą (išlaikant semantiką) - tai ir nekišk.

O aš tau niekur nesakiau, kad negali naudoti header :)) Gali, bet kam? hX tagas ir taip yra headeris, tai kam dar jį kišti į header? Jei turėtum daugiau kažkokios meta info, ir header / footer naudotum article tage, tada galėtum ten sukišt viską, o dabar tiesiog nėra reikalo. Ir header buvimas ar nebuvimas, visiškai neįtakoja ar galima bus naudot article ar ne :) Naudok į sveikatą, tik su saiku. Jei gali nekišti elemento į kitą elementą (išlaikant semantiką) - tai ir nekišk.

dėkui, visuomet maniau, kad h* turėtų keisti header tagus, tačiau niekur nebuvau skaitęs apie tai ir lengvai išėjo iš galvos. Dar kartą dėkui už išsamų paaiškinimą.

Sveiki, susidūriau su kvaila problema, kuri neduoda man ramybės. Bekoduojant dizainą http://labx.bluevision.lt/BV/ pasirideno raidės... O tiksliau tai toje vietoje, kur parašyta "dienos juokelis". Vis su kiekviena naršykle atvaizduoja vis kitoj pozicijoj, o man reik, kad stovėtų per vidurį verticaliai. Naudojau ir vertical-aligment, ir line-height, ir padding, ir margin, viską praktiškai, bet kaip neina, taip neina. Dabar suprantu, kad tai gali būti poveikis nuo tėvinio divo, bet nematau problemos niekur, taigi gal kas galit užvesti ant kelio? Nes dar 1h ir nukris galva nuo pečių..

Jai nori, kad kiekviena naršyklė vienodai atvaizduotų visus elemetus, tuomet tau reikia naudoti kokį nors "CSS reset". Beja jai naudoji naujus HTML5 elementus, tuomet tau reikia juos sukurti su JavaScript ir dar papildomai su CSS sutvarkyti :)