Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Link, przycisk, background
Forum PHP.pl > Forum > Przedszkole
in5ane
Cześć, w jaki sposób zrobić by linkiem nie był sam napis na obrazku (które jest tłem), tylko cały obrazek z napisem był linkiem? Chodzi mi o zrobienie tego na tej stronie: http://dancepiotrkow.pl. Właśnie się zastanawiałem, ale nie wiem jak ;/
adam792
hmm nie jestem pewien ale wydaje mi się że stawiasz

<a href="adres odnośnika"><img src="adres obrazka"></a>
in5ane
lol...

czekam dalej na odpowiedź ;-)
decha-design
ja też nie ogarniam o co Ci chodzi ... o.O' może wytłumacz to JESZCZE RAZ ...
in5ane
Jak mam na tej stornie co podałem link menu. To chcę, aby linkiem w menu nie był sam napis, a cały boks z napisem.
decha-design
Powiedz mi do cholery, jaki boks ... moze daj screena, zaznacz to albo coś o.O'
in5ane
No jak mam w menu Główna, Wiadomości itd. to pod nimi jest tło (tzw. boks malutki) i chcę aby całość była linkiem, a nie tylko tekst.
decha-design
masz tak
  1. <li class="menu1"><a href="#" rel="sc1">Główna</a></li>
a tak by nie poszło?
  1. <a href="#" rel="sc1"><li class="menu1">Główna</li></a>
co prawda, chyba wbrew standardom ...
in5ane
Nie poszło właśnie.
decha-design
To innego sposobu nie znam, jak javascript ... wykonuj zdarzenie onclick na kazdym elemencie <li> ktore przekieruje gdzies tam ...

  1. onclick="window.location = 'index.html'"


czy jakoś tak ...
in5ane
Zerknę.

Zrobiłem tak: <li class="menu1" onclick="window.location = '#sc1'"><a href="#" rel="sc1">Główna</a></li>
Ale zobacz (http://dancepiotrkow.pl) jak zniża stronę, da się temu jakoś zaradzić?

P.S.: Kliknij na ten pierwszy button.
decha-design
No i bedzie tak zniżać ... ponieważ podajesz jako adres id elementu w kodzie w tym wypadku sc1 ... i przenosi cię na wysokość tegoż elementu w przeglądarce ... nie możesz dac po prostu nazwy pliku? index.php czy coś tam ...
in5ane
No nie ponieważ to menu jest w Ajaxie, zobacz jak działa klikając na inne pozycje menu (one działają na razie na samym tekście).
A może jest jakaś opcja w JS, co podjeżdża od razu strona do góry?

Chyba, że jednak jakiś inny sposób na te przycisk. Może CSS jakoś?
decha-design
wywal to moje onclick ... i spróbuj dać atrybut rel="" do <li> ... bo źle myślałem, jak to menu działa =)
erix
Cytat
co prawda, chyba wbrew standardom ...

Wyświetlanie blokowe, opływanie + odpowiednia wysokość dla hrefów.

~in5ane, a tak zapytam - czy wykorzystywanie forumowiczów do odwalenia pracy na konkurs nie jest troszkę nie fair?
in5ane
Nie działa.

@up: konkurs? jaki konkurs?

P.S.:
display: block + co?


Aha i te atrybuty dla menu1, menu2, menu3, menu4, menu5? Dla każdego oddzielnie?
decha-design
W sumie to erix ma rację, tak by dało rade ...

daj przy a:link w css display: block i nadaj odp. wielkość dla elementu a
erix
Cytat
display: block + co?

float. Poczytaj o CSS horizontal menu.

Cytat
@up: konkurs? jaki konkurs?

http://liceum.propl.com/pl/index_2.htm - http://liceum.propl.com/pl/ramka/index/zgloszenia_www_1.htm
in5ane
Aaa, to że stronę tam zgłosiłem, a tutaj proszę o pomoc. No to w sumie to nauczycielka mnie tam zgłosiła. A strona nie jest żadna konkursowa tylko prywatna.

No w sumie już spoko, tylko, że to chyba opływanie coś nie działa (próbowałem kilka razy). Teraz jest tak:
style="display: block; width: 166px; height: 53px;"
Zerknijcie sami klikając w przycisk, jest to 166x53 ale licząc od górnego, lewego rogu tekstu, więc po lewej i u góry tekstu nadal nie śmiga.

Proszę o pomoc z tym.

@edit: chodzi o to, że nie jest nadal cały przycisk linkiem. Sprawdźcie na stronie: dancepiotrkow.pl
erix
Pokaż, jaki CSS zmieniłeś.
in5ane
Tzn. na razie to na szybko dopisałem w kodzie html, później to dodam do CSS'a. Ale zrobiłem to tak:
  1. <li class="menu1"><a href="#" style="display: block; width: 166px; height: 53px;" rel="sc1">Główna</a></li>

Próbowałem z floatem ale nic. Napis jest na środku buttonu i dopiero od tego napisu jest ten button jako link.

Proszę o pilną pomoc z tym. Z góry dziękuję.

P.S.: Jeszcze popróbuję sam z różnymi atrybutami.

Pokombinowałem marginesem i paddingiem i udało się.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.