Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: Quot on 16.01.2009, 17:57:35



Tytuł: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Quot on 16.01.2009, 17:57:35
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...


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Sebastian on 16.01.2009, 18:20:15
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!


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Quot on 16.01.2009, 19:00:32
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...


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Domaxi on 16.01.2009, 19:55:20
"Strony piszę w językach HTML, XHTML, CSS oraz ze wstawkami JavaScriptu i PHP." z portfolio.

BUhahaahah


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Piotreek on 16.01.2009, 19:57:30
I tak i siak będziesz pisał <a href=""> to po kiego grzyba się pieprzyć w css, żeby wstawić dwa obrazki... html za trudny?


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Luczi on 16.01.2009, 20:06:43
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.


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Piotreek on 16.01.2009, 20:16:10
I tak najlepiej <a href=""><img src=""></a> bo tak to się zakopie w tym css.


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Domaxi on 16.01.2009, 20:35:16
panowie, to ma byc hover :) wróce do domu to napisze glebszą notke ;p troche smiesznie jest :D


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Quot on 16.01.2009, 21:40:32
"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


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Domaxi on 16.01.2009, 21:49:47
Mistrzu, jeśli "piszesz strony w XHTML, HTML i CSS" to raczej powinieneś wiedzieć jak stosować hover, nie ?

Nie pogrążaj się..


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Quot on 16.01.2009, 22:33:50
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...


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Ziomioslaw on 16.01.2009, 22:38:10
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.


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Sebastian on 16.01.2009, 22:40:19
Poza kodem HTML to daj też ten obrazek.


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Kikert on 21.01.2009, 18:29:26
Wiesz...  :P 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 "/" :)


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Piotreek on 21.01.2009, 20:18:54
Wiesz...  :P 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ć.


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Kikert on 22.01.2009, 23:16:30
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.


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Syriusz on 12.02.2009, 00:27:20
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>


Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: KrzychuZ on 12.02.2009, 18:54:22
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/ (http://perfectionorvanity.com/2005/08/25/efekt-rollover-w-css/).



Tytuł: Odp: Pomoc przy obrazku menu w CSS
Wiadomość wysłana przez: Syriusz on 12.02.2009, 19:04:04
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.