css меню

Вобщем, ситуация такая: требуется сделать горизонтальное меню, желательно через список [list], таким образом чтобы текст в каждом пункте распологался под картинкой. Фрагмент кода:

//в стилях:

Код:

---

#menu li {
****display: inline;
****margin-left: 15px;
****font-size: 12px;
}

---

//в документе:

Код:

---

<div id="menu">

• [img]img/menubox.gif[/img]пункт меню
• [img]img/menubox.gif[/img]пункт меню
• [img]img/menubox.gif[/img]пункт меню

</div>

---

никак не могу сделать перенос текста под картинку, чтобы пункты ([*]) при этом остались в одну строчку. Кто может, решите задачу плиз! Использование таблиц не предлагать ))

Цитата:

---

Originally posted by bacteriophage@Mar 11 2007, 02:39
Использование таблиц не предлагать ))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Семантику предпочитаете? [Only registered and activated users can see links. Click Here To Register...] Это радует.
Только если уж предпочитаете, предпочитайте ее до конца: Ваши изображения должны идти фоном, а не тэгом <img>. Это, кстати, попутно и решит Вашу проблему...

не совсем катит... дело в том, что текст процентов на тридцать длинее картнки, и тут не без проблемы: либо картинка не будет ссылкой (если делать ее фоном), либо ссылкой будет также и пустое пространство над текстом, если делать что-то типа <a><div></div></a>.
Может у меня требования завышенные конечно, но так хочется картинку ссылкой сделать... ))

Код:

---

<div id="menu">

• [Only registered and activated users can see links. Click Here To Register...]
• [Only registered and activated users can see links. Click Here To Register...]
• [Only registered and activated users can see links. Click Here To Register...]

</div>

---

Код:

---

li { float: left; }
li a { display: block; background: url(image.jpg) 0 0; }

---

a dlya[*] zadaite razmery libo otstupy i budet vam prekrasnoe menyu, kak tu, naprimer [Only registered and activated users can see links. Click Here To Register...]

Что-то как-то смутно Вы все объясняете, честно говоря...

Цитата:

---

Originally posted by bacteriophage@Mar 11 2007, 03:45
дело в том, что текст процентов на тридцать длинее картнки, и тут не без проблемы:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Да нет тут никакой проблемы...

Цитата:

---

Originally posted by bacteriophage@Mar 11 2007, 03:45
либо картинка не будет ссылкой (если делать ее фоном)
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Еще как будет.
Назначьте для текстовой ссылки display: block;
И тогда хоть ролловер фоном, хоть вообще что угодно...

Цитата:

---

Originally posted by bacteriophage@Mar 11 2007, 03:45
если делать что-то типа <a><div>

---

</a>.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>[/quote]
Боже упаси! Зачем? Ссылка не может содержать блочных элементов. Валидатор Вас точно не порадует...

Цитата:

---

Originally posted by bacteriophage@Mar 11 2007, 03:45
Может у меня требования завышенные конечно, но так хочется картинку ссылкой сделать... ))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Нормальные требования. Задача пустяковая. Никаких проблем не вижу в любом варианте...

спасибо, буду пробовать...

Zigzag
Мега спасибо, этот вариант подошел!!! [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by bacteriophage@Mar 11 2007, 03:42
Zigzag
Мега спасибо, этот вариант подошел!!!* [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

ne za chto, priem elementarnyj. glavnoe ne sdavaites&#39; i so vremenem vse men&#39;she voprosov budet. vse poluchitsya. :hi: