Блок "Полезный софт"

[LeoBit]

Изначально делал блок с полезным софтом, сделал таблицу, открыл tr, td, запихнул иконки программ (только что сделанные в фш ) закрыл td, открыл td, напихал ссылок на софт и тут начались проблемы.....то между изображениями расстояние в 1px, то текст весь идёт по центру (снизу вверх) и уходит вправо, то вообще сайт слетает, прошу мне помочь.... хДД В общем пришёл я к тому, что решил сделать этот полезный софт изображениями, точнее ссылки на софт, так вот теперь изображения не показываются, прошу покавыряться в моём коде...

/* Soft */
.allsoft {border:1px solid #000;border-top:0;background-color:#1b1b1b;width:200px;height:320px;}
.allsoft a:link,.allsoft a:visited,.allsoft a:active {color:#989898;font-family:arial;font-size:12px;text-decoration:none;font-weight:700;}
.allsoft a:hover {color:#B2B2B2;font-family:arial;font-size:12px;text-decoration:underline;font-weight:700;}
allsoftff.a{
 background-image:url(/templates/ff.png);
}
allsoftff.a:hover{
 background-image:url(/templates/ff2.png);
}
allsoftopera.a{
 background-image:url(/templates/opera.png);
}
allsoftopera.a:hover{
 background-image:url(/templates/opera2.png);
}
allsofttotcom.a{
 background-image:url(/templates/totcom.png);
}
allsofttotcom.a:hover{
 background-image:url(/templates/totcom2.png);
}
allsoftwinrar.a{
 background-image:url(/templates/winrar.png);
}
allsoftwinrar.a:hover{
 background-image:url(/templates/winrar2.png);
}
allsoftK-LiteMegaCodecPack.a{
 background-image:url(/templates/K-LiteMegaCodecPack.png);
}
allsoftK-LiteMegaCodecPack.a:hover{
 background-image:url(/templates/K-LiteMegaCodecPack2.png);
}
a.allsoftnod32 {
 background:url(/templates/nod32.png);
}
a.allsoftnod32:hover{
 background:url(/templates/nod322.png);
}
allsoftwinamp.a{
 background-image:url(/templates/winamp.png);
}
allsoftwinamp.a:hover{
 background-image:url(/templates/winamp2.png);
}
allsoftnero.a{
 background-image:url(/templates/nero.png);
}
allsoftnero.a:hover{
 background-image:url(/templates/nero2.png);
}
allsoftskype.a{
 background-image:url(/templates/skype.png);
}
allsoftskype.a:hover{
 background-image:url(/templates/skype2.png);
}
allsoftps.a{
 background-image:url(/templates/ps.png);
}
allsoftps.a:hover{
 background-image:url(/templates/ps2.png);
}
allsoftpromt.a{
 background-image:url(/templates/promt.png);
}
allsoftpromt.a:hover{
 background-image:url(/templates/promt2.png);
}

/* Soft End */

<tr><td><TABLE class="allsoft">
<center>
<tr align="left">
<td border="1px solid black">
<a class="allsoftff" href="/load/mozilla_firefox_353/2-1-0-19" title="Отличный бесплатный интернет-браузер с открытым исходным кодом, функциональность которого можно значительно повысить за счет использования расширений и плагинов, которые можно бесплатно скачать и установить с официального сайта Mozilla"></a>
<a class="allsoftopera" href="/load/opera_10/2-1-0-4" title="Один из самых быстрых и гибких в настройке браузеров"></a>
<a class="allsofttotcom" href="/load/total_commander_750_lite/2-1-0-28" title="Один из лучших файловых менеджеров"></a>
<a class="allsoftwinrar" href="/load/winrar_39/2-1-0-8" title="Самый лучший архиватор"></a>
<a class="allsoftK-LiteMegaCodecPack" href="/load/k_lite_codec_pack_520/2-1-0-13" title="Самые необдохимые аудио и видео кодеки"></a>
<a class="allsoftnod32" href="/load/nod32_40314_keys_for_nod32/2-1-0-15" title="Один из лучших антивирусов в мире"></a>
<a class="allsoftwinamp" href="/load/winamp_556/2-1-0-12" title="Одна из самых лучших программ для воспроизведения аудио и видео"></a>
<a class="allsoftnero" href="/load/nero_6_reloaded_v66115/2-1-0-27" title="Пакет для записи на оптические накопители и выполнения сопутствующих операций, является наиболее известным и популярным из программ такого назначения."></a>
<a class="allsoftskype" href="/load/skype_41/2-1-0-9" title="Программа для бесплатных видео-звонков"></a>
<a class="allsoftps" href="/load/adobe_photoshop_cs4/2-1-0-2" title="Редактор изображений, фотографий, видео и т.д."></a>
<a class="allsoftpromt" href="/load/promt/2-1-0-18" title="Очень мощный переводчик"></a>
</td>
</TR>
</center>
</TABLE></td></tr>

ещё попробывал вот таким способом (не помогло):

<a href="/load/nod32_40314_keys_for_nod32/2-1-0-15" title="Один из лучших антивирусов в мире"><div class="allsoftnod32"></div></a>

P.S.Не ругайте) Вылечите моё криворукивоекоеукар...))

[s0rr0w]

Изначально делал блок с полезным софтом, сделал таблицу, открыл tr, td, запихнул иконки программ (только что сделанные в фш ) закрыл td, открыл td, напихал ссылок на софт и тут начались проблемы.....то между изображениями расстояние в 1px, то текст весь идёт по центру (снизу вверх) и уходит вправо, то вообще сайт слетает, прошу мне помочь.... хДД В общем пришёл я к тому, что решил сделать этот полезный софт изображениями, точнее ссылки на софт, так вот теперь изображения не показываются, прошу покавыряться в моём коде...

С какой радости мы должны ковыряться в твоем коде?

[LeoBit]

С какой радости мы должны ковыряться в твоем коде?

Я думал тут оказывают помощь...

[Justnewone]

Я думал тут оказывают помощь...

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

[LeoBit]

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

Накопипастили?Взял с ...одного DLE сайта, разобрал, сделал свой дизайн, переделал и что то не выходит... :\ ну я не прошу мне готовый код выплюнуть...просто подскажите как сделать рабочую весчь: при наведении курсора на изображение, изображение сменивается другим изображением + что бы между изображениями не было "пробелов"... :\

[Justnewone]

Накопипастили?Взял с ...одного DLE сайта, разобрал, сделал свой дизайн, переделал и что то не выходит... :\ ну я не прошу мне готовый код выплюнуть...просто подскажите как сделать рабочую весчь: при наведении курсора на изображение, изображение сменивается другим изображением + что бы между изображениями не было "пробелов"... :\

С ховером вроде все хорошо, а вот с CSS селектором - нет.

[LeoBit]

С ховером вроде все хорошо, а вот с CSS селектором - нет.

Ээээм...я какбе не такой уж и про, что означает "CSS селектор"?

[psywalker]

Ээээм...я какбе не такой уж и про, что означает "CSS селектор"?

Ныряй http://wdh.suncloud.ru/css02.htm

[LeoBit]

С ховером вроде все хорошо, а вот с CSS селектором - нет.

а чем вам мои селекторы не понравились?)

[Clayton]

помню когда-то здесь читал про селекторы http://stepbystep.htmlbook.ru/ - очень интересно было

[LeoBit]

Дык а мне помогут с меняем изображения на другое (желательно средставами JS) при наведении курсора + что бы эти изображения были в теге <a></a> и между ними не было ни 1ого пиксиля (оно должны быть в столбик)

[Игорь Ермаков]

Чем ховеры в CSS не подходят?

http://htmlbook.ru/css/hover.html

[LeoBit]

Чем ховеры в CSS не подходят?

http://htmlbook.ru/css/hover.html

Тем что не сменивается изображение, в 1ом посте же написал весь код с ховерами...не работает, если бы он работал...у меня вообще на сайте странные вещи с background-image творятся, возможно из-за того что сайт на uCoZe

[Int]

при чём тут укоз? Этим делом браузер заведует.

[Searcher]

во-первых, какой доктайп у вас?

во-вторых, <center> - уже умер

в-третьих, никогда не вкладывайте блочный элемент в строчный

в-четвертых, в каком броузере проблема?

в-пятых, дайте ссылку на вашу страницу, а то копипастить влом

[Justnewone]

Товарищ, упрощенно разберитесь для начала "CSS селекторы". Прям внимательно. У Вас CSS написан безграмотно, несмотря на то что уже все высказались что и где почитать. Хватит нам голову морочить.