Можно избавиться от ссылки с помощью CSS? @ DeForum.ru

84 Сообщения: 1562 Зарегистрирован: 13.01.05

собственно сабж.
есть ссылки:
<div class="menu">
<a href="#">page 1</a>
<a href="#">page 2</a>
<a href="#" class="active">page 3</a>
<a href="#">page 4</a>
</div>

есть css:
.menu {width=20%}
.menu a {background-color: black; color: white}
.menu .active a {background-color: white; color: black}

вопрос -- как избавиться от ссылки, у "page 3"? Не визуально, типа сменить курсор и убрать подчеркивание, а чисто сделать текстом, то есть как-то отменить действие тега <a>.

•

навскидку..:

Код:

.menu .class a {
display: none
} 

по моему так.. :chih:

.talisman, сделай 2 класса

Код:

a:link{
color : #000000;
text-decoration : underline;
font-family : Tahoma,Arial,Helvetika,San-Serif;
}
a:visited{
color : #000000;
text-decoration : underline;
font-family : Tahoma,Arial,Helvetika,San-Serif;
}
a:hover{
color : #000000;
text-decoration : underline;
font-family : Tahoma,Arial,Helvetika,San-Serif;
}


a.lmenu:link{
color : #000000;
text-decoration : none;
font-family : Tahoma,Arial,Helvetika,San-Serif;
}
a.lmenu:visited{
color : #000000;
text-decoration : none;
font-family : Tahoma,Arial,Helvetika,San-Serif;
}
a.lmenu:hover{
color : #000000;
text-decoration : none;
font-family : Tahoma,Arial,Helvetika,San-Serif;
}

В этом случае на странице все ссылки будут подчеркнуты, а если тебе ненужно подчеркивание то пропиши в этой ссылке

Код:

class="lmenu"

84 Сообщения: 1562 Зарегистрирован: 13.01.05

Sub, дык так вся ссылка вместе с текстом пропадет, а нужно чтобы текст остался.

84 Сообщения: 1562 Зарегистрирован: 13.01.05

Kurilshik, не в подчеркивание дело. говорю же, что меня не интересует визуальное преобразование ссылки -- это известно.

не секрет, что ссылка на страницу на которой находится пользовательно никому не нужна.
нужно УБРАТЬ ссылку, оставить ТОЛЬКО текст.
обычная ссылка в меню - <a href="#">link</a>
активная ссылка в меню - <b>link</b>

непонятно?

а твой пример можно реализовать напного проше:

css:
.menu a {text-decoration: underline}
.menu .class a {text-decoration: none}

html:
<div class="menu">
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#" class="active">link3</a>
<a href="#">link4</a>
</div>

•

просто я не понял вопроса.

Наверное с помошью скрипта и span. Чтоб на действие мыши менял блок с сылкой на блок с текстом.

84 Сообщения: 1562 Зарегистрирован: 13.01.05

Sub, какая разница, span или div?

какое действие мыши? тут полная статика.
блин, щас пример покажу.

http://www.sstu-edu.com/temp/grad/
пощелкай меню. но там сделанно все в ручную, хтмл етить его.
хочется сделать определение активного элемента динамическим, а проблема в том, как убрать ссылку.

на пхп можно

Код:

$links=array(….)//массив твоих ссылок

#---выводим ссылки---#
for($i=0;$i<=(count($links0-1);$i++)
{
  If($i==$_GET['id'])
  print'<a href="http://url.com" class="nobold">nobold</a>';
  else
  print'<a href="http://url.com">bold</a>';
}

84 Сообщения: 1562 Зарегистрирован: 13.01.05

а без пхп никак? :frown:

хм, если без пхп, то у тебя сайт весь забит хтмлками?

84 Сообщения: 1562 Зарегистрирован: 13.01.05

просто не хочется усложнять

плюс не всем пхп нужен, так как хостинг без пхп в разы дешевле.
а только из-за меню его испольховать не целесообразно.

пс. я имею ввиду сайты-визтки.

Цитата:

Можно избавиться от ссылки с помощью CSS?

Нет.

.talisman,
arlekino прав, только скриптами

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Чушь какая! CSS - язык визуализации. <a> - один из базовых тегов разметки. Причём тут одно с другим, и, главное ЗАЧЕМ это делать? Если нужен текст, а не ссылка, то так его и надо писать! Если нужна динамика, то есть, тут показываю так, а там иначе - элементарно реализуется хоть на сервере, хоть на клиенте. Нужно только определить что от какого события зависит. Причём тут CSS на СТАТИЧЕСКОМ сайте? Если и HTML и CSS неизменны, то почему просто не написать текст вместо ссылок?

84 Сообщения: 1562 Зарегистрирован: 13.01.05

полностью с вами согласен.
поразмыслив понял, что хочу невозможного

естественно, ксс -- язык визуализации. я был не прав.

собственно, пример тут:
http://www.sstu-edu.com/temp/grad/

84 Сообщения: 1562 Зарегистрирован: 13.01.05

реализовал с помощью пхп.
всем спасибо. тема исчерпана.

.talisman,
так в вашем примере можно сделать всё просто
на каждой страничке активный пункт меню прописать просто как текст, без ссылки

•

.talisman писал(а):

просто не хочется усложнять

плюс не всем пхп нужен, так как хостинг без пхп в разы дешевле.
а только из-за меню его испольховать не целесообразно.

пс. я имею ввиду сайты-визтки.

SSI

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Sub, "Или так..." ©

вот тут и тут я расказывал про пару своих способов. Чистый XHTML+CSS, целиком валидный, никаких скриптов. Проверено на себе. Рекомендую.

6 Сообщения: 1834 Зарегистрирован: 28.12.04

uggallery, понятно, что через display: none можно всё что угодно попрятать. Вопрос - ЗАЧЕМ? Ещё раз: если текст статичен, разметка статична, CSS статичен, то нафига козе баян, когда можно просто написать её текстом? Если есть обработка события, то есть, тут кажем, там не кажем, то причём тут статика? Тогда это хоть PHP, хоть SSI, хоть JS.

Акела в натуре Не знаю нафига козе

но могу рассказать зачем мне это понадобилось. Итак: бесплатный хостинг без скриптов, 5-10 страниц с навигационными меню (вверху и внизу страницы), желание чтоб ссылка в меню "деактивировалась" (так я это называл) и не показывала на текущую страницу, чтоб не было лишних рефрешей. К тому же лень переделывать меню на каждой странице, а потом еще и еще раз при внесении изменений править вручную каждую страницу. А так меню на всех страницах асолютно одинаковое становится - find and replece и готово.

К тому же я не знал тогда PHP зато знал CSS. При таких условиях считаю возню вполне оправданой, тем более, что в другой раз получается быстрее. Но сейчас я делаю это на PHP, как взрослый

)

uggallery писал(а):

Акела в натуре Не знаю нафига козе

но могу рассказать зачем мне это понадобилось. Итак: бесплатный хостинг без скриптов

Спасибо. Дальше можно не рассказывать. Для обсуждения извращений есть более другие форумы.

6 Сообщения: 1834 Зарегистрирован: 28.12.04

uggallery, ну в принципе можно и топором в зубах ковыряться, хотя есть зубочистки. :chih:

Что мешало на JS это же сделать, хотя тоже бред... Потом, уж SSI на бесплатных хостингах как правило бывает.

Акела в натуре Каждый сходит с ума по своему. А в JS я и щас полный ноль - провалы в знаниях - самоучка я. И с хостингом мне не везло, видимо.

6 Сообщения: 1834 Зарегистрирован: 28.12.04

оффтопик:

uggallery, купите нормальный. $100 в год не разорение.

Джентельмены, я согласен с вами. И про извращение и про разорение. Согласен - пусть любой другой способ лучше. Но люди продолжают задавать этот вопрос, и говорить им, что "css этого не может" - неверно. Потому, что CSS может. Вот и все

6 Сообщения: 1834 Зарегистрирован: 28.12.04

uggallery, CSS этого не может. Потому, что слово "может" предполагает (как минимум) более экономное решение, нежели просто не писать тега "<a href".

Акела в натуре, вот неэкономно, а может. В духе "Лучше полдня потерять, потом за пять минут долететь."

Вопрос: можно ли чистить зубы через задницу?
Ответ: Можно. Но мы вам не советуем.

Закончим на этом?

DeДверь
Логин:
Пароль:
	Автологин