[HTML][CSS] Link, przycisk, background Opcje

[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

[HTML] pobierz, plaintext 
<li class="menu1"><a href="#" rel="sc1">Główna</a></li>
[HTML] pobierz, plaintext 

a tak by nie poszło?

[HTML] pobierz, plaintext 
<a href="#" rel="sc1"><li class="menu1">Główna</li></a>
[HTML] pobierz, plaintext 

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 ...

[HTML] pobierz, plaintext 
onclick="window.location = 'index.html'"
[HTML] pobierz, plaintext 

czy jakoś tak ...

Ten post edytował decha-design 15.03.2009, 01:10:19

[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]

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?

Ten post edytował in5ane 15.03.2009, 01:25:32

[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]

display: block + co?

float. Poczytaj o CSS horizontal menu.

@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ś.