Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Pusty link
Forum PHP.pl > Forum > Przedszkole
Turson
Potrzebuję kodu HTML na "pusty link", który działa jako link w ul,li ale jest inny niż ' href=#'
Zapomnialem jak sie to nazywalo



dzieki:)
markonix
Może po prostu chodzi o link bez atrybutu href np.
Kod
<a name="link">Opis</a>
wookieb
A po co Ci pusty link? Jeżeli chcesz aby pokazała się łapka na jakimś elemencie użyj css i właściwości cursor.
Turson
Zalezy mi na tym, że mam własne okreslenie <ul> i <li> - background jest left.
Jako link są inne atrybuty wygladu czcionki niż zwykły tekst i ul:hover także
wookieb
Nic z tego nie rozumiem :/ Pokażesz to na przykładzie?
Turson
Proszę bardzo:
  1. .ul2, .ul2 .li2 {
  2. display: block;
  3. list-style: none;
  4. margin: 0px;
  5. padding: 0px;
  6. background:url(punkt.gif) no-repeat left ;
  7. font-weight: bold;
  8. color: #262626;
  9. text-decoration: none;
  10. }
  11.  
  12.  
  13. .ul2 .li2 {
  14. height:20px;
  15. text-indent: 50px;
  16. }
  17. .ul2 a:link, .ul2 a:visited {
  18.  
  19. display: block;
  20. width: 200px;
  21. text-decoration: none;
  22. padding: 5px 5px;
  23. }
  24. .ul2 a:hover {
  25.  
  26. text-decoration:underline;
  27. background:url(punkt2.gif) no-repeat left;
  28. color: #262626;
  29. }
  30. a {
  31. color:black;
  32. text-decoration:underline;
  33. }
  34. a:hover {
  35. color:black;
  36. text-decoration:none;
  37. }

punkt i punkt2 to kropeczki.


  1. <ul class="ul2">
  2. <li class="li2"><a href="index.html">Strona główna</a></li>
  3. <li class="li2"><a href="#">O mnie</a></li>
  4. <li class="li2"><a href="#">Zareklamuj się</a></li>
  5. <li class="li2"><a href="#">Kontakt</a></li>
  6. <li class="li2"><a href="#">coś tam</a></li>
  7. </ul>

Chodzi o to, zeby jeden z powyższych linków wygladał na link - wtedy ma ten swój określony wygląd, ale tak naprawdę nigdzie nie przenosił nawet
wookieb
Identyczny efekt możesz zastosować jeżeli zrobisz taki sam styl np dla span-a, albo samego LI
  1. .ul2 a:link, .ul2 a:visited, .ul2 span


Ale jeżeli już chcesz pozostac przy linkach (czego nie polecam) to pusty href
Kod
java script:void(0);

Oczywiście pomiędzy "java" a "script" nie ma spacji, ale nie przetłumaczysz tego skryptowi forum smile.gif
Turson
Dzieki wielkie. Jest jeszcze jedna sprawa. Jak widać z tych css co podałem, po lewej stronie pojawia się punkt.gif. Jak zrobić, żeby był po dwóch stronach?

Próbowałem
  1. background:url(..) no-repeat left right

i roznych kombinacji, ale na nic laugh.gif
wookieb
  1. .ul2 li
  2. {
  3. background: url('punkt.gif') no-repeat left;
  4. }
  5.  
  6. .ul2 li a
  7. {
  8. background: url('punkt.gif') no-repeat right;
  9. }
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.