{"version":"1.0","provider_name":"St\u00edlusosan","provider_url":"https:\/\/stilus.cafeblog.hu","author_name":"Holli","author_url":"https:\/\/stilus.cafeblog.hu\/author\/Holli\/","title":"Alfa Romeo, abszol\u00fate","html":"

Alak\u00edtgatok majd n\u00e9h\u00e1ny dolgot az alaps\u00e9m\u00e1n, de ezt az aut\u00f3sat m\u00e9g a b\u00e9ta verzi\u00f3val csin\u00e1ltam.<\/P>\r\n

A koncertes<\/STRONG><\/A> vari\u00e1ci\u00f3n\u00e1l l\u00e1tni, hogy Firefox b\u00f6ng\u00e9sz\u0151vel a float tulajdons\u00e1g bezavar kicsit a honlap kin\u00e9zet\u00e9be. Van r\u00e1 t\u00f6bbf\u00e9le megold\u00e1s, nekem az tetszik a legjobban, ami szerint egy \u00faj div-elemet kell betenni a dokumentum v\u00e9g\u00e9re - gondolom, emiatt is haszn\u00e1lnak olyan sokan l\u00e1tsz\u00f3lag \u00e9rtelmetlen l\u00e1bl\u00e9cet.  <\/P>\r\n

Sz\u00f3val lesz majd egy l\u00e1bl\u00e9cem is. \u00c9s lassan a szabv\u00e1nyt is lecser\u00e9lem, vele egy\u00fctt a forr\u00e1sk\u00f3d elej\u00e9n l\u00e9v\u0151 sorokat is. <\/P>\r\n

Na \u00e9s akkor az Alfa Romeo<\/STRONG><\/A>.<\/P>\r\n

Van egy fix h\u00e1tt\u00e9rk\u00e9pem. El\u00e9g kicsire kell \u00e1ll\u00edtani a megny\u00edl\u00f3 ablakot, hogy megjelenjenek a g\u00f6rd\u00edt\u0151s\u00e1vok, de akkor l\u00e1tni, hogy a k\u00e9p nem mozog, csak a sz\u00f6veg. (Kicser\u00e9ltem most a blogos h\u00e1tteremet is, ezen jobban felt\u0171nik, mivel eleve nem f\u00e9r ki a sz\u00f6veg a k\u00e9perny\u0151re.) Az alapbe\u00e1ll\u00edt\u00e1sok \u00edgy n\u00e9znek ki:<\/P>\r\n

\r\n

body {
 background-color:   #221100;
 background-image: url(\"https:\/\/stilus.cafeblog.hu\/files\/alfa2.jpg<\/A>\");
 background-position: top center;
 background-repeat: no-repeat;
 background-attachment:  fixed;
 color:   #DDCC88;
  }<\/P><\/BLOCKQUOTE>\r\n

A sz\u00f6veggel tov\u00e1bbi \u00e9rdekes dolgok t\u00f6rt\u00e9ntek. P\u00e9ld\u00e1ul a dokumentum elej\u00e9n l\u00e9v\u0151 c\u00edm leker\u00fclt a jobb als\u00f3 sarokba. Ilyesmit nem nagyon tudn\u00e9k el\u0151id\u00e9zni float tulajdons\u00e1ggal, ott ugyanis sz\u00e9pen egym\u00e1s ut\u00e1n j\u00f6nnek az elemek, ahogyan kif\u00e9rnek a nekik kijel\u00f6lt helyre. <\/P>\r\n

Abszol\u00fat poz\u00edci\u00f3t kapott a sz\u00f6veg is, a linklista is, \u00e9s a c\u00edm is. A sz\u00f6veg form\u00e1z\u00e1sa p\u00e9ld\u00e1ul \u00edgy n\u00e9z ki:<\/P>\r\n

\r\n

#szoveg {
 width: 600px;
 height: 400px;
 position: absolute;
 top: 0px;
 left: 10px;
<\/STRONG> padding:   20px 30px;
 margin: 0px;
 }<\/P><\/BLOCKQUOTE>\r\n

vagyis fel\u00fclr\u0151l 0 pixel, balr\u00f3l 10 pixel t\u00e1vols\u00e1gra van a lap sz\u00e9l\u00e9t\u0151l (persze a sz\u00f6veghez hozz\u00e1j\u00f6n m\u00e9g a padding). A linkfalat jobbra fel\u00fclre igaz\u00edtottam, a c\u00edmet pedig jobbra alulra.

Ez a honlap 800x600-as felbont\u00e1s\u00fa k\u00e9perny\u0151n nem mutat olyan j\u00f3l, egyszer\u0171en nem f\u00e9r ki a k\u00e9p. Att\u00f3l persze m\u00e9g olvashat\u00f3 az \u00f6sszes sz\u00f6veg, legal\u00e1bbis n\u00e1lam nem jelentkezett semmi ilyen probl\u00e9ma.<\/P>\r\n

A sz\u00ednekkel egy kicsit vari\u00e1lni kellett. Logikus lett volna a fels\u0151 s\u00f6t\u00e9tbarna sz\u00ednt haszn\u00e1lni alul a c\u00edmn\u00e9l. Csakhogy a honlap h\u00e1tt\u00e9re is s\u00f6t\u00e9tbarna - \u00e9ppen a k\u00e9p miatt, ugyanis a s\u00f6t\u00e9t r\u00e9szbe esik a vil\u00e1gos sz\u00f6veg -, \u00edgy akin\u00e9l nem jelenik meg a h\u00e1tt\u00e9rk\u00e9p, nem l\u00e1tn\u00e1 az ugyancsak s\u00f6t\u00e9t c\u00edmet. Ez a mostani sz\u00edn s\u00f6t\u00e9t \u00e9s vil\u00e1gos h\u00e1tt\u00e9rn\u00e9l is olvashat\u00f3. (Az akad\u00e1lymentes honlapokr\u00f3l is \u00edrni kellene...)<\/P>\r\n

A st\u00edluslap-valid\u00e1tor<\/STRONG><\/A> figyelmeztet\u00e9st szokott ki\u00edrni, ha a h\u00e1tt\u00e9rsz\u00edn mell\u00e9 nincs megadva sz\u00edn, vagy ford\u00edtva. \u00c9ppen az ilyen esetekn\u00e9l \u00e9rdemes megn\u00e9zni, hogy k\u00e9p n\u00e9lk\u00fcl is haszn\u00e1lhat\u00f3-e az oldal a megadott h\u00e1tt\u00e9r- \u00e9s bet\u0171sz\u00ednekkel. <\/P>","type":"rich"}