hdesign blog&portfolio

Egy weboldal grafikai tervezésénél, ha a SEO és Accessibility szempotokat is figyelembe veszünk,  nem használunk olyan szöveges elemeket, melyeket majd képként kell megjelentíteni, nem használunk például élsimítást a szöveghez, hogy az a valóságban is szövegként (pl: <h1>Lorem Ipsum Kft.</h1>) jelenhessen meg.

Ez azért fontos, ha a keresők ráfutnak az oldalra, akkor ezeket szövegnek “lássa”, mert ugye ha az egy kép, akkor nem “látja”, illetve a látássérülteknek készült olvasóprogramok sem “látják”.

Ám nem mindíg tudjuk elkerülni ezek használatát, például egy a fejlécben levő logó esetében.

Erre létezik egy megoldás amit alább részletesen ismertetek.

Elfogadott megoldás a text-indent CSS tulajdonság használata ennek megoldására.

A következő példáben egy képzeletbeli cég logóját fogjuk ezzel a módszerrel felhelyezni a weboldalára.

A text-indent tulajdonság
Ezzel a tulajdonsággal a tömbszerű elemekben levő tartalom első sorának behúzását lehet megadni. Leggyakrabban tabulátorhatás keltésére használják. (Megadható hosszérték, százalék, és öröklés. Alapértéke: 0) (forrás: O’REILLY – CSS zsebkönyv)

A trükk lényege hogy beleírjuk egy h1 tag-be a cég nevét, és css-ben megadjuk a hátterét – ami a cég logója lesz – majd a text-indent tulajdonsággal a beleírt szöveget mínusz értékkel kitoljuk a megjeleníthető területről.

HTML kód:

<div id="header">
<h1>Lorem Ipsum Kft.</h1>
</div>

CSS kód:

#header{
width: 980px;
height: 200px;
}
 
#header h1{
display: block;
width: 300px;
height: 30px;
background: url(img/logo.png) no-repeat;
text-indent: -9999px;
}

Hosszú idők óta készülök erre a pillanatra, mikor megírom ezen sorokat. Régóta készül, de most úgy határoztam, hogy ha kicsit bugosan, kicsit csúnyán, de elindítom ezt a blogot! (mint tudjuk az IE az ördög műve!)

Milyen postokat várhatsz tőlem?
Elsősorban tutorial jellegű bejegyzések lesznek, de ezen kívül a webdesigner szakmával kapcsolatos mindenféle írást közzé fogok tenni.

Billentyűzet csőretöltve, holnap jövök az első bejegyzéssel, ami inkább a sitebuilding témához lesz közelebb. Amire megpróbálok a jövőben törekedni, az a minőségi, és a heti minimum egy bejegyzés.

Jaaa igen, és hogy én ki vagy?
Szijártó Józsefnek hívnak, 1988. Január 30-án születtem Szekszárdon. Több mint egy éve az MVMI Informatika ZRt. munkavállalója vagyok, ahol webdesigner munkakörben látom el feladataimat. Nem csak a normál értelemben vett webdesigneri feladatokat, én vagyok egy személyben az webergonómus, a sitebuilder, a marketignes, és még mindenféle hasonló. (később lesz egy részletes bemutatkozó oldal, egyelőre csak ennyi)

Nem maradt más hátra, minthogy jó olvasást kívánjak a blogomhoz!