[HTML]Pusty link Opcje

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

[CSS] pobierz, plaintext 
.ul2, .ul2 .li2 {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;	
	background:url(punkt.gif) no-repeat left ;
	font-weight: bold;
	color: #262626;
	text-decoration: none;
}
 
 
.ul2 .li2 {
	height:20px;
	text-indent: 50px;
}
.ul2 a:link, .ul2 a:visited {
 
	display: block;
	width: 200px;
	text-decoration: none;
	padding: 5px 5px;
}
.ul2 a:hover {
 
text-decoration:underline;
	background:url(punkt2.gif) no-repeat left;
	color: #262626;
}
a {
color:black;
text-decoration:underline;
}
a:hover {
color:black;
text-decoration:none;
}
[CSS] pobierz, plaintext 

punkt i punkt2 to kropeczki.

[HTML] pobierz, plaintext 
<ul class="ul2">
<li class="li2"><a href="index.html">Strona główna</a></li>
<li class="li2"><a href="#">O mnie</a></li>
<li class="li2"><a href="#">Zareklamuj się</a></li>
<li class="li2"><a href="#">Kontakt</a></li>
<li class="li2"><a href="#">coś tam</a></li>
</ul>
[HTML] pobierz, plaintext 

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

[CSS] pobierz, plaintext 
.ul2 a:link, .ul2 a:visited, .ul2 span
[CSS] pobierz, plaintext 

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 (IMG:style_emoticons/default/smile.gif)

Ten post edytował wookieb 25.12.2010, 20:53:44

[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

[CSS] pobierz, plaintext 
background:url(..) no-repeat left right
[CSS] pobierz, plaintext 

i roznych kombinacji, ale na nic (IMG:style_emoticons/default/laugh.gif)

[wookieb]

[CSS] pobierz, plaintext 
.ul2 li
{
background: url('punkt.gif') no-repeat left;
}
 
.ul2 li a 
{
background: url('punkt.gif') no-repeat right;
}
[CSS] pobierz, plaintext