Nem a pöttyös az igazi

2006 november 18. | Szerző: Holli |

Feladom most ezt a pöttyös témát, majd esetleg egyszer kisütöm, hogy mi bajuk van vele a böngészőknek.

Visszaléptem egyet, töröltem a kereteket és a háttereket, kicsit tologattam a margókat, a tetejére egy kis virág, és kész is a hangulatjavító stíluslap, klikk ide.

Szokás szerint a böngészőnek a Nézet – Forrás menüpontjában lehet megnézni a honlap forráskódját. Érdekesség csak a felső blokkban, a címsorban van, az így néz ki:

h1 {
 height: 240px;
 border-bottom:   6px double #CC0033;
 line-height: 200px;
 padding-left:   100px;
 text-align: left;
 font-size:   60px;
 background-image: url(https://stilus.cafeblog.hu/files/pirosv.jpg);
 background-position: top right;
 background-repeat: no-repeat;
 }

Ide tettem be háttérképnek egy 240 pixel magas képet, ezért a címsornak is meg kellett adnom ekkora magasságot, mivel enélkül nem látszódna a teljes kép.

A háttérképet jobbra és fentre pakoltam, és megadtam az elérési útját. A kép nem ismétlődik.

Elég hihetetlenül hangzik, de a honlap nevével volt a legtöbb probléma. Körbenéztem a neten, hát a stíluslapoknak gyenge pontja a függőlegesen középre igazítás. Meg lehetne oldani margókkal is, csakhogy a különböző böngészők elképesztő különbséget tudnak produkálni margó-ügyben, lásd az előző bejegyzést. Végül is most úgy értem el, hogy a 60 pixeles betűk ne a honlap tetejéhez tapadjanak, hogy sorköznek 200 pixelt adtam meg. (Ez csak ilyen egysoros szövegnél válik be, de más megoldás is van.) Szerintem egész helyes lett.