Буквы

[psywalker]

Ребят,а как мне сделать такую штуку?

И чтобы я нажимал.а внизу открывалась разная картинка,соответствующая букве?

http://s2.ipicture.ru/uploads/080925/u3ro5V7k6T.jpg

Edited September 25, 2008 by psywalker

[homm]

Для картинок нужно не буквы показывать, а миниатюры

[psywalker]

homm А можно поподробнее

[Vlad]

Подразумевается что-то типа галереи с набором маленьких картинок (тамбов), на них когда курсор наводишь, открывается картинка побольше. Пока с позиции юзабилити не очень понятно, как буква с картинкой ассоциируется. Или это букварь?

[Victor Ananiev]

Или это букварь?

Гиги

document.getElementById(id of img).src="адрес картинки"; - это прописыать к ссылке

[psywalker]

Vlad вот что это:

http://pic.ipicture.ru/uploads/080926/AWd1G5Qm3a.jpg

И ещё у меня проблема с этой штукой,очень большие промежутки между букв,как мне сделать меньше,и вообще,может я непральна чёто делаю?

Я взял и вырезал скобки в фотошопе,внутри позрачные,а по бокам скобки,чтобы при наведении можно было увидеть их,пральна?

http://i035.radikal.ru/0809/48/dbde7c57a43d.jpg

Вот код

div.rec{
width:100%;
border:0px solid #666;
margin:0px;
padding:0px;
word-spacing:0px;
}

div.rec ul li{
border:1px solid #666;
display:inline;
margin:0px;
padding:0px;
word-spacing:0px;}

div.rec ul{
display:inline;
margin:0px;
padding:0px;
word-spacing:0px;}

div.rec ul li a{

width:0px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:71%;
padding-left:0px;
padding-right:0px;
margin:0px;
display:inline;
text-decoration:none;
border:0px solid #000000;
color:#CC33FF;
}

div.rec ul li a:hover, a:active {
padding-left:0px;
padding-right:0px;
text-decoration:none;
background-color:#FFFFFF;
background-image:url(images/buk.gif);
color:#CC33FF;
}

[klierik]

а чем обычные кнопки "[]" не подошли

такое надо реализовывать на PHP+MySQL

но никак не статикай

[psywalker]

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

http://pic.ipicture.ru/uploads/080926/AWd1G5Qm3a.jpg

Edited September 28, 2008 by psywalker

[homm]

> Vlad вот что это:

> http://pic.ipicture.ru/uploads/080926/AWd1G5Qm3a.jpg

И чё, как Спилберг должен ассациироваться с буквой [а] ???

[psywalker]

klierik

а чем обычные кнопки "[]" не подошли

в смысле?

а как в принцыпи делается именно эта вещь,вот эта полоска букв и при наведении на её буквы они оказываються в рамке,вот,как тут:

http://s2.ipicture.ru/uploads/080925/u3ro5V7k6T.jpg

[Vlad]

Каждой букве соответствует один человек? А если не один, то какую картинку надо показывать? Похоже, ты еще сам не определился с интерфейсом.

[psywalker]

Vlad Да неет жее)) Никаких соответствий с буквами,ненужен мне никакой человек.Мне просто нужно сделать ПОЛОСКУ С БУКВАМИ,и чтобы при наведении на букву,она попадала в рамку,тоесть в Скобки(в фиолетовые),которые я вырезал в фотошопе...

Вообще я просто треннируюсь,и хочу научиться делать эту полоску с буквами,просто полоску и ВСЁ..

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

Ребят,если хотите тему закроем,извините,что запарил вам мозг

[Vlad]

В таком случае оптимально решение - hover + content. В IE, как обычно, не работает. Или более универсальный вариант - hover + content.

[Ogalig]

Навскидку. Как сделать одними ксс-ми: Можно каждую букву поместить в отдельный тег.

Что-то вроде этого:

<span class="main"><span class="scobka">[</span><span>А</span><span class="scobka">]</span></span>

.scobka

{

display:none;

}

.main:hover .scobka

{

display:inline;

}

как-то так. Если я правильно понял вопрос.