[Quot]

Witam, mam następujący problem:

Chce wstawić na strone obrazek jako link tylko chce to osiągnąć w pliku style CSS a nie za pomocą <img src ...!

Próbowałem juz tak:

Kod:

a.jedynka {
	background-image: url('file://localhost/C:/Documents%20and%20Settings/Bartek/Pulpit/Lay/FTP/menu_normal/strona_głowna.png');
}

a.jedynka:hover {
	background-image: url('file://localhost/C:/Documents%20and%20Settings/Bartek/Pulpit/Lay/FTP/menu_poświata/strona_głowna.png');
}

I umieszczam to w stylach a odowidni wpis w pliku.html i nic z tego... Może mi ktoś podpowiedzieć jak zrobić żeby umieścić ten obrazek... Co wiecej dałem 2 inne linki czyli powinna wystąpić po najechaniu myszką zmiana...

[Sebastian]

Wywal to ze ścieżki do pliku:

Kod:

file://localhost/C:/Documents%20and%20Settings/Bartek/Pulpit/Lay/FTP/menu_poświata/

Powinno być:

Kod:

background-image: url('strona_głowna.png');

Jeśli plik index.html znajduje się w tym samym folderze co obrazek, gdyby obrazek był w folderze "images" to piszesz /images/obrazek.png
Nie piszesz nigdy nazwy folderu w którym znajduje się plik index.html!

[Quot]

Niee... to nie o to chodzi. Bo po pierwsze to nie jest na serwerze tylko na dysku a w CSS na twardzielu jest wymagane dokładne katalogowanie. A po drugie zmieniłem tak jak radzisz i nic. Inne takir jak logo i tło kataloguje tak jak w pierwszym poście Wiadomo że na serwie sie to zmienia...

[Domaxi]

"Strony piszę w językach HTML, XHTML, CSS oraz ze wstawkami JavaScriptu i PHP." z portfolio.

BUhahaahah

[Piotreek]

I tak i siak będziesz pisał <a href=""> to po kiego grzyba się pieprzyć w css, żeby wstawić dwa obrazki... html za trudny?

[Luczi]

Piotreek ma racje, jeżeli chcesz zrobić, że w pewnym miejscu mam być wstawiony obrazek, i po jego kliknięciu przejdziemy do podstrony ?? To ja bym zrobił obrazek jako tło, a na nim Text który byłby odnośnikiem.

[Piotreek]

I tak najlepiej <a href=""><img src=""></a> bo tak to się zakopie w tym css.

[Domaxi]

panowie, to ma byc hover wróce do domu to napisze glebszą notke ;p troche smiesznie jest

[Quot]

"Strony piszę w językach HTML, XHTML, CSS oraz ze wstawkami JavaScriptu i PHP." z portfolio.

BUhahaahah

Hmmm nie wiem co w tym jest takiego śmiesznego?! Jak coś się nie podoba to nie mój problem...

Kuzyn chciał wiedzieć jak sie to definiuje w CSS.
Ja takie rzeczy pisze w JavaScripcie albo DHTMLu...

Temat jest do zamknięcia

[Domaxi]

Mistrzu, jeśli "piszesz strony w XHTML, HTML i CSS" to raczej powinieneś wiedzieć jak stosować hover, nie ?

Nie pogrążaj się..

[Quot]

wiem jak sie stosuje hover wiec mi niczego nie zarzucaj. Miałem tylko problem z obrazkiem bo kuzyn chciał wiedzieć. Widzisz że na portfolio jest masa hoverów... To że mi raz nie wyszło to nie znaczy że się nie znam...

[Ziomioslaw]

Zamiast się burzyć wstaw lepiej ten kod z tego HTMLa, może po prostu nie dałeś żadnego tekstu w tym linku.

Ale i tak najlepsze rozwiązanie podał Piotrek:

I tak najlepiej <a href=""><img src=""></a> bo tak to się zakopie w tym css.

[Sebastian]

Poza kodem HTML to daj też ten obrazek.

[Kikert]

Wiesz...  O ile dobrze pamiętam, to ścieżkę się wpisuje bez żadnych cudzysłowów (' ani "). Jak usuniesz to powinno działać.

Jeżeli to jest w katalogu C:/ to spróbuj się też pozbyć tego "file://localhost/C:/" Zamiast tego wpisz samo "/"

[Piotreek]

Wiesz...  O ile dobrze pamiętam, to ścieżkę się wpisuje bez żadnych cudzysłowów (' ani "). Jak usuniesz to powinno działać.

Tak, i obrazka też nie potrzeba, żeby go wyświetlić.

[Kikert]

Nie, sam się robi.

Ale na serio ścieżkę się wpisuje bez cudzysłowów. Sam ich nigdy nie piszę i zawsze działa.

Naprawdę spróbuj bez tych cudzysłowów.

To by wyglądało tak:
background-image: url(C:/Documents%20and%20Settings/Bartek/Pulpit/Lay/FTP/menu_poświata/strona_głowna.png);

Tak na marginesie to jak to gdzieś wrzucisz na serwer to Ci się nie wyświetli. Dodatkowo na localu też możesz podać względne ścieżki.

[Syriusz]

tak przy okazji to można było zadeklarować w znaczniku

Kod:

<div>

na warstwach np. w taki sposób

Kod:

<div id="1" style="position:absolute; left:240; top:252; z-index:1"><img src="tlo.png" border="0" width="800" height="358" border="0" /></div>
<div id="2" style="position:absolute; left:250; top:252; z-index:2"><p >Cze jestem syriusz</p></div>

I masz pewność że ci się nie przesunie ani nic a jak ma być to odnośnik to tylko dodajesz takie coś

Kod:

<div id="2" style="position:absolute; left:250; top:252; z-index:2"><p><a href="#">Cze jestem syriusz</a></p></div>

[KrzychuZ]

Kurde no, Syriusz, czemu tak się uwziąłeś na te z-index'y?
A mi się wydaje, że to można by zrobić według tego artykułu http://perfectionorvanity.com/2005/08/25/efekt-rollover-w-css/.

[Syriusz]

Fakt tu masz rację o tym nie pomyślałem żeby do tego użyć efektu rollover ale jakoś ostatnio faktycznie na te z-index'y coś uparłem nie wiem czemu.