Alfa Romeo, abszolúte

2006 november 28. | Szerző: Holli |

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.

A koncertes 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.  

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.

Na és akkor az Alfa Romeo.

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:

body {
 background-color:   #221100;
 background-image: url(“https://stilus.cafeblog.hu/files/alfa2.jpg“);
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment:  fixed;
 color:   #DDCC88;
  }

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.

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:

#szoveg {
 width: 600px;
 height: 400px;
 position: absolute;
 top: 0px;
 left: 10px;
 padding:   20px 30px;
 margin: 0px;
 }

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.

Ez a honlap 800×600-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.

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…)

A stíluslap-validátor 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.