Drukuj stronę - Pomoc z odsyłaczem

Tytuł: Pomoc z odsyłaczem
Wiadomość wysłana przez: cinek6413 on 01.06.2009, 20:50:02

Mam pewien problem a mianowicie jakiego kodu użyć, aby zrobić taki odsyłacz http://gimpuj.yoyo.pl/ (w tym przypadku jest to logo yoyo, nie zwracajcie na adres ;) ). Dokładnie chodzi mi to, żeby tego odsyłacza obrazkowego nie można było zaznaczyć tak jak można np. tekst lub zwykłe zdjęcia. Wiem jak zrobić zwykły obrazek:

Kod:

<body background="ścieżka dostępu do obrazka">...</body>

Tytuł: Odp: Pomoc z odsyłaczem
Wiadomość wysłana przez: Ravicious on 02.06.2009, 12:25:34

Po pierwsze: do wstawienia obrazka służy tag img...

Do tego, co chcesz osiągnąć, wystarczy odpowiednio ostylować link.

Od strony kodu wygląda to tak:
CSS

Kod:

.image-link {
	display: block;
	background: url(logo_plain.png) no-repeat;
	width: 400px; /* najlepiej ustawić odpowiednią szerokość*/
	height: 400px; /* i wysokość obrazka */
	text-indent: -30000px; /* wyrzuca tekst w kosmos */
}

HTML

Kod:

<a href="http://google.pl/" class="image-link">Google</a>

PS Jak już się bierzesz za webdeveloping, to zmień przeglądarkę na Firefoksa lub Operę (http://browsehappy.pl/).

Tytuł: Odp: Pomoc z odsyłaczem
Wiadomość wysłana przez: cinek6413 on 02.06.2009, 15:28:03

Mam operę ale jej nie używam, a ten kod HTML jak narazie nie działa w obu przeglądarkach, ale myślę że CSS zadziała ;)

Tytuł: Odp: Pomoc z odsyłaczem
Wiadomość wysłana przez: Ravicious on 02.06.2009, 15:40:07

Przepraszam, mój błąd :) Poprawiłem kod i działa (http://dl-client.getdropbox.com/u/97769/tmp/hover-przyklad/fortehnoobies.html).

Cytat: cinek6413 on 02.06.2009, 15:28:03

Mam operę ale jej nie używam [...]

Więc zacznij ;-) Ułatwisz życie innym webmasterom.

Cytat: cinek6413 on 02.06.2009, 15:28:03

[...] a ten kod HTML jak narazie nie działa w obu przeglądarkach, ale myślę że CSS zadziała ;)

HTML nie zadziała bez odpowiedniego CSS-a i odwrotnie - CSS nie zadziała bez odpowiedniego HTML-a.

Tytuł: Odp: Pomoc z odsyłaczem
Wiadomość wysłana przez: cinek6413 on 06.06.2009, 12:23:32

Wielkie dzięki, wszystko działa jak należy :D

Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: cinek6413 on 01.06.2009, 20:50:02