1.0Stílusosanhttps://stilus.cafeblog.huHollihttps://stilus.cafeblog.hu/author/Holli/<P>Alakítgatok majd néhány dolgot az alapsémán, de ezt az autósat még a béta verzióval csináltam.</P> <P>A <A href="https://stilus.cafeblog.hu/files/koncert.htm"><STRONG>koncertes</STRONG></A> variációnál látni, hogy Firefox böngészővel a float tulajdonság bezavar kicsit a honlap kinézetébe. Van rá többféle megoldás, nekem az tetszik a legjobban, ami szerint egy új div-elemet kell betenni a dokumentum végére - gondolom, emiatt is használnak olyan sokan látszólag értelmetlen láblécet.  </P> <P>Szóval lesz majd egy láblécem is. És lassan a szabványt is lecserélem, vele együtt a forráskód elején lévő sorokat is. </P> <P>Na és akkor az <A href="https://stilus.cafeblog.hu/files/alfa.htm"><STRONG>Alfa Romeo</STRONG></A>.</P> <P>Van egy fix háttérképem. Elég kicsire kell állítani a megnyíló ablakot, hogy megjelenjenek a gördítősávok, de akkor látni, hogy a kép nem mozog, csak a szöveg. (Kicseréltem most a blogos hátteremet is, ezen jobban feltűnik, mivel eleve nem fér ki a szöveg a képernyőre.) Az alapbeállítások így néznek ki:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>body {<BR> background-color:   #221100;<BR> background-image: url("<A href="https://stilus.cafeblog.hu/files/alfa2.jpg">https://stilus.cafeblog.hu/files/alfa2.jpg</A>");<BR> background-position: top center;<BR> background-repeat: no-repeat;<BR> background-attachment:  fixed;<BR> color:   #DDCC88;<BR>  }</P></BLOCKQUOTE> <P>A szöveggel további érdekes dolgok történtek. Például a dokumentum elején lévő cím lekerült a jobb alsó sarokba. Ilyesmit nem nagyon tudnék előidézni float tulajdonsággal, ott ugyanis szépen egymás után jönnek az elemek, ahogyan kiférnek a nekik kijelölt helyre. </P> <P>Abszolút pozíciót kapott a szöveg is, a linklista is, és a cím is. A szöveg formázása például így néz ki:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>#szoveg {<BR> width: 600px;<BR> height: 400px;<BR> <STRONG>position: absolute;<BR> top: 0px;<BR> left: 10px;<BR></STRONG> padding:   20px 30px;<BR> margin: 0px;<BR> }</P></BLOCKQUOTE> <P>vagyis felülről 0 pixel, balról 10 pixel távolságra van a lap szélétől (persze a szöveghez hozzájön még a padding). A linkfalat jobbra felülre igazítottam, a címet pedig jobbra alulra.<BR><BR>Ez a honlap 800x600-as felbontású képernyőn nem mutat olyan jól, egyszerűen nem fér ki a kép. Attól persze még olvasható az összes szöveg, legalábbis nálam nem jelentkezett semmi ilyen probléma.</P> <P>A színekkel egy kicsit variálni kellett. Logikus lett volna a felső sötétbarna színt használni alul a címnél. Csakhogy a honlap háttére is sötétbarna - éppen a kép miatt, ugyanis a sötét részbe esik a világos szöveg -, így akinél nem jelenik meg a háttérkép, nem látná az ugyancsak sötét címet. Ez a mostani szín sötét és világos háttérnél is olvasható. (Az akadálymentes honlapokról is írni kellene...)</P> <P>A <A href="http://jigsaw.w3.org/css-validator/"><STRONG>stíluslap-validátor</STRONG></A> figyelmeztetést szokott kiírni, ha a háttérszín mellé nincs megadva szín, vagy fordítva. Éppen az ilyen eseteknél érdemes megnézni, hogy kép nélkül is használható-e az oldal a megadott háttér- és betűszínekkel. </P>rich