1.0Stílusosanhttps://stilus.cafeblog.huHollihttps://stilus.cafeblog.hu/author/Holli/<P>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.</P> <P>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 <A href="https://stilus.cafeblog.hu/files/felforma4.htm"><STRONG>ide</STRONG></A>.</P> <P>Szokás szerint a böngészőnek a <EM>Nézet - Forrás</EM> 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:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>h1 {<BR> height: 240px;<BR> border-bottom:   6px double #CC0033;<BR> line-height: 200px;<BR> padding-left:   100px;<BR> text-align: left;<BR> font-size:   60px;<BR> background-image: url(<A href="https://stilus.cafeblog.hu/files/pirosv.jpg">https://stilus.cafeblog.hu/files/pirosv.jpg</A>);<BR> background-position: top right;<BR> background-repeat: no-repeat;<BR> }</P></BLOCKQUOTE> <P>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.</P> <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. </P> <P>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.</P>rich