17-10-2009, 03:52
(Ten post był ostatnio modyfikowany: 17-10-2009, 03:54 przez Labsta.com.)
Niezbyt rozumiem drugie pytanie.
Jeśli chodzi o pierwsze to:
Umieszczanie obrazków w css, a nie w html ma zaletę taką samą jak rozdzielenie wyglądu od treści. Gdy zmieniasz wygląd nic nie grzebiesz w html tylko w samym css.
Opisany tam sposób możesz sprytnie wykorzystać do wielu przycisków na jednej stronie. Załóżmy, że mają one zawsze ten sam rozmiar, ale inne grafiki. Możesz zrobić tak:
a w css
Oczywiście mając grafiki przygotowane tak jak w tym moim tutku. Jak widzisz cały trik polega na dodaniu id w html i obrazka w css
Jeśli chodzi o pierwsze to:
Umieszczanie obrazków w css, a nie w html ma zaletę taką samą jak rozdzielenie wyglądu od treści. Gdy zmieniasz wygląd nic nie grzebiesz w html tylko w samym css.
Opisany tam sposób możesz sprytnie wykorzystać do wielu przycisków na jednej stronie. Załóżmy, że mają one zawsze ten sam rozmiar, ale inne grafiki. Możesz zrobić tak:
Kod:
<a class="link" id="websta" href="#"><span>Websta.pl</span></a>
<a class="link" id="wtalk" href="#"><span>Webmastertalk.pl</span></a>
<a class="link" id="google" href="#"><span>Google.pl</span></a>a w css
Kod:
a.link
{
display:block;
height:40px;
overflow:hidden;
width:100px;
}
a.link:hover
{
background-position: 0px -40px;
}
a.link span
{
display:block;
text-indent: -9999px;
}
#websta{
background: url(websta.jpg) no-repeat;
}
#wtalk{
background: url(wtalk.jpg) no-repeat;
}
#google{
background: url(google.jpg) no-repeat;
}Oczywiście mając grafiki przygotowane tak jak w tym moim tutku. Jak widzisz cały trik polega na dodaniu id w html i obrazka w css
