меню навигции

[CMETAH]

так вот, есть код;

<br />

<table class="tborder" width="100%" cellspacing="1" cellpadding="6" border="0" align="center">

<tr>

<td class="tcat" align="center" colspan="1">

Название блока

</td>

</tr>

<tr>

<td class="alt1">

Содержимое блока

</td>

</tr>

</table>

как в содержимое блока сунуть ряд баннеров размером 40 на 40 и что бы под баннерами ровно п оцентру еще ссылку текстовую сунуть, с учетом того что бы все эти баннеры шли в строчку??????

Заранее благодарен!

[Burevestnik]

Если я правильно понял задачу то можно и так

<td class="alt1">
<img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg">
<p align="center">текстовая ссылка</p>
</td>

А если нужно под каждым баннером текстовую ссылку воткнуть, то могу посоветовать использовать div-ы , в каждом диве картинка и текстовая ссылка, и диву указать свойство float:left чтобы они были в строчку.

[CMETAH]

а можна показать примером, тоесть одним кодом?

[Pavel_html]

хм.. апетитное имя))

[CMETAH]

ээээ............

[Pavel_html]

от слова "СМЕТАНА"?

[Burevestnik]

Если нужен пример на div то пожалуйста :

<table class="tborder" width="100%" cellspacing="1" cellpadding="6" border="0" align="center">
<tr>
<td class="tcat" align="center" colspan="1">
Название блока
</td>
</tr>
<tr>
<td class="alt1">
<div class="banner">
банер картинка<br />
<a href="#">ссылка</a>
</div>
<div class="banner">
картинка<br />
<a href="#">ссылка</a>
</div>

<div class="banner">
картинка<br />
<a href="#">ссылка</a>
</div>

 и так далее
</td>
</tr>
</table>

описание класса banner

.banner {
	float:left;
	text-align:center;
}

вот и все

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

[CMETAH]

не правильно он работает, вот посмотрите картинку

красным то что выделено должно быть так же в строчку, но названия(тоесть ссылки) быть точно под ними (как выделено другим цветом!)

а тут получается всё в столбик, чут ьниже смотрите

[CMETAH]

Если я правильно понял задачу то можно и так

<td class="alt1">
<img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg">
<p align="center">текстовая ссылка</p>
</td>

А если нужно под каждым баннером текстовую ссылку воткнуть, то могу посоветовать использовать div-ы , в каждом диве картинка и текстовая ссылка, и диву указать свойство float:left чтобы они были в строчку.

и где тут ссылка?????

тут одно текстовое название

[CMETAH]

и чт отипа ни кто ни чего не знает?

[Burevestnik]

так как картинки нет остается только догадываться что у вас не так....

что у вас в столбик получается ??? я код проверял в трех браузерах IE6, Opera 9.5, Firefox

у меня отображается так

банер картинка

ссылка

и так далее в строчку

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

а по поводу

Если я правильно понял задачу то можно и так

Код

<td class="alt1">

<img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg"><img src="1.jpg">

<p align="center">текстовая ссылка</p>

</td>

А если нужно под каждым баннером текстовую ссылку воткнуть, то могу посоветовать использовать div-ы , в каждом диве картинка и текстовая ссылка, и диву указать свойство float:left чтобы они были в строчку.

и где тут ссылка?????

тут одно текстовое название wink.gif

я не думаю что сложно заменить тег <p> на тег <a> выровнять по центру и перед ним поставить перевод строки <br />

или мы о разных вещах разговариваем?????

Если ваш сайт размещен в интернете ...киньте ссылку, я посмотрю что не так

Edited September 25, 2008 by Burevestnik

[Guest Гость_CMETAH_*]

на глянь ссылка тут

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

[psywalker]

CMETAHA попробуй у слов поставить clear:both; чтобы убрать обтекание слева

p {

clear:both;

text-align:center;

}

Edited September 27, 2008 by psywalker

[Burevestnik]

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

<br />
<table class="tborder" width="100%" cellspacing="1" cellpadding="6" border="0" align="center">
<tr>
<td class="tcat" align="center" colspan="7">
Название блока
</td>
</tr>
<tr>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="images/menu/Counter-StrikeSource.png" width="40" height="40" alt="s" border="0"><br />C-Strike  S</a>
</td>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="http://cs-nnz.clan.su/222222222/Half-Life.png" width="40" height="40" alt="s" border="0"><br />Half-Life</a>
</td>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="http://cs-nnz.clan.su/222222222/6mbafdpdcd.jpg" width="40" height="40" alt="SDS Servers" border="0"><br />Quake 3</a>
</td>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="http://cs-nnz.clan.su/222222222/kROsakexe0429aN_119.jpg" width="40" height="40" alt="SDS Servers" border="0"></a><br />Ragnarok
</td>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="http://cs-nnz.clan.su/222222222/2222.JPG" width="40" height="40" alt="SDS Servers" border="0"></a><br />Lineage II
</td>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="http://cs-nnz.clan.su/222222222/_samp.png" width="40" height="40" alt="SDS Servers" border="0"></a><br />GTA SA
</td>
<td class="alt1" align="center">
<a href="http://sds-portal.ru/"><img src="http://cs-nnz.clan.su/222222222/icon.bmp" width="40" height="40" alt="SDS Servers" border="0"></a><br />NFS U
</td>
</tr>
</table>

так как я понял что кол-во серверов (т.е. пунктов меню) у тебя фиксированно то можно воспользоваться таблицей

в этом примере в первых трех ячейках описание является ссылкой, а в последних четырех просто текстом....используй то что нужно

при добавлении или удалении пункта меню. не забывай исправлять свойство colspan у "названия блока"..