Перейти к публикации

css-tablitsi risunok s textom


Рекомендованные сообщения

neobhodimo sdelati prostoiu veshi,no ia na nei ostanovilsa:fotki nahodiastsa v tablitse pri navedenie ramka doljna podsve4ivatsa...........

takje hotel bi uznati kakim obrazom mmojno sdelati tak 4tob text obvalakival izbrajenie kak worde :ph34r:

Ссылка на сообщение
Поделиться на других сайтах

1.

Если я понял из твоего транслита, то тебе нужно, чтобы при наведении на ячейку таблицы она подсвечивалась?

Значит делаем это так.

сначала сделаем стайлы:

<style>

.nonsel{

background-color: #4E70F7;

}

.sel{

background-color: #3F4DFF;

}

</style>
---------- Щас забабахаем скриптец:
<script language="javascript">

function _outRow(num){


document.getElementById("td_"+num).className="nonsel";

}


function _overRow(num){


document.getElementById("td_"+num).className="sel";

}

</script>

-----------------

Теперь пусть у нас будет вертикальная таблица с 4 ячейками. В ней пропишем действия при наведении и отведении:

<table border=0 width="200" align=left >

<tr >

<td width=200 id="td_0" class="nonsel" onmouseover="_overRow(0)" onmouseout="_outRow(0)"><a href="soft.html">Программы</a>&nbsp;</td>

</tr><tr>

<td width=200 id="td_1" class="nonsel" onmouseover="_overRow(1)" onmouseout="_outRow(1)"><a href="about.html">О разработчике</a>&nbsp;</td>

</tr><tr>

<td width=200 id="td_2" class="nonsel" onmouseover="_overRow(2)" onmouseout="_outRow(2)"><a href="for.html">Программистам</a>&nbsp;</td>

</tr><tr>

<td width=200 id="td_3" class="nonsel" onmouseover="_overRow(3)" onmouseout="_outRow(3)"><a href="link.html">Ссылки</a>&nbsp;</td>

</tr>

<tr><td bgcolor="#4E70F7" height=300>&nbsp;</tr>

</table>

Вот вроде и все.

2. По обтеканию.

Так тут вроде нужен тока align. например align=left тогда текст обтекает справа.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...