Idézet: Dextrose - Dátum: 2006. szept. 24., vasárnap - 23:39
Azt hogy is lehet megcsinálni, hogy az alábbi ccs kódban a header-left.jpg kép hiperhivatkozás is legyen? Magyarul banner
#leftheader
{
background: url(images/header-left.jpg) no-repeat center;
height: 200px;
width: 700px;
padding:0;
margin: 0;
}
Saját bannered lenne?
Ha igen, akkor én a következőket alkalmaznám:
html:
<h1><a href="index.html" id="leftheader">Dextrose lapja</a></h1>
css:
a#leftheader
{
background: url(images/header-left.jpg) no-repeat left top;
height: 200px;
width: 700px;
padding:0;
margin: 0;
display: block;
text-indent:-2000px;
overflow: hidden;
}
A középreigazítást (? - #leftheader)
(background: url(images/header-left.jpg) no-repeat center;)
pedig vagy az adott h1 tag, vagy egy befoglaló div segítségével oldhatod meg.
Megjegyzem az általam írt módszer csak 1 példa
A módszerem lényege:
Alapesetben h1 címként szerepel a bannered, css hiányában (felolvasóprogram, vagy kereső által) is megjeleníthető tartalommal rendelkezik.
A css (gondolom) magáért beszél, de biztos ami biztos alapon:
a #lefheader id-jű linket blokkosítottuk (itt a tag esetén fontos), a hátteret megadtuk, majd a link által közrefogott tartalmat "kipozícionáltuk" a látható területen kívűlre.