[CSS] Link w stylu, bez tekstu i obrazka.

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Marcin Kalisz
Nowy
Nowy
Posty: 62
Rejestracja: sob lis 26, 2005 12:29 pm

[CSS] Link w stylu, bez tekstu i obrazka.

Post autor: Marcin Kalisz »

Jak w temacie...

Chciałbym stworzyć na stronie link (w logo firmy) odwołujący do strony głównej. Normalnie wrzuciłbym obrazek jako <img> w kodzie strony, ale ciekaw jestem czy można zrobić to tak by obraz ten istniał jako tło diva, ale link wciąż istniał? Mówiąc prościej by div był linkiem sam w sobie...

Czy mozna zrobić coś takiego?
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [CSS] Link w stylu, bez tekstu i obrazka.

Post autor: Stig »

Filozofią stron internetowych jest to, że linki można tworzyć tylko z poziomu markup'u. Arkusz stylów odnosi się jedynie do prezentacji i nie ma wpływu na zawartość czt funkcjonalność strony.

Jedynym możliwym ustawieleniem hiperłącza jest użycie elementu a z atrybutem href. W XHTML 2.0 ma wejść możliwość ustalenia tegoż atrybut dla niemalże każdego elementu.

Póki co jednym z rozwiązań jest umieszczenia owego div'a w ramy elementu a.
yarpo
Nowy
Nowy
Posty: 168
Rejestracja: wt lut 08, 2005 6:29 pm
Lokalizacja: Gdańsk
Kontakt:

Re: [CSS] Link w stylu, bez tekstu i obrazka.

Post autor: yarpo »

A mi sie jednak wydaje, że to możliwe.

Kod: Zaznacz cały

<div>
<a href="htttp://strona.pl"><spna>link</span></a>
</div>

Kod: Zaznacz cały

div {
margin: 0;
padding: 0;
border: 0;
width: 100px;
height: 100px;
background: url(grafika.jpg);
}

a {
display: block;
width: 100px;
height: 100px;
text-decoriation: none;
}

a span {
visibility: hidden;
}
Choć to działa na trochę innej zasadzei, to efekt jest taki, ajk kolega oczekiwał:-)
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [CSS] Link w stylu, bez tekstu i obrazka.

Post autor: Stig »

yarpo pisze:A mi sie jednak wydaje, że to możliwe.
Mam nieodparte wrażenie, że jest to rozwiązanie różniące się od tego, które przytoczyłem jedynie kolejnością zagnieżdzenia elementów... :roll:
Stig pisze:Póki co jednym z rozwiązań jest umieszczenia owego div'a w ramy elementu a.
yarpo
Nowy
Nowy
Posty: 168
Rejestracja: wt lut 08, 2005 6:29 pm
Lokalizacja: Gdańsk
Kontakt:

Re: [CSS] Link w stylu, bez tekstu i obrazka.

Post autor: yarpo »

A sorry :oops: , po prostu nie przeczytałem ostatniej linii :roll: , i myślałem, że odpowiedź nie padła :lol:

następnym razem będę bardziej uwważnie czyta:-)
ODPOWIEDZ