Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (16)


Таблицы на заказ (16)

Сообщений 141 страница 160 из 238

1

Продолжение темы Таблицы на заказ (15).
Напомню требования:

При заказе таблиц от вас требуется:
1) Эскиз вашей будущей таблицы, сделанный в любом графическом редакторе (Пэинт, Фотошоп и т.д.) - обязательно!
2) Ссылка на ваш форум !Заказы без ссылок приниматься не будут!
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Заказы типа "Сделайте: Как там!" также приниматься не будут. Потрудитесь нарисовать макет таблицы самостоятельно.
И помните, чем подробнее опишите то, что нужно, тем точнее получите результат.

0

141

ух, здравствуйте
надеюсь, кто-нибудь да откликнется

1.

эскиз, 4 вкладки

--

2. текстовик, где и будет проходить тест таблицы, собстна
3. итак, постараюсь изъясниться как можно понятнее:
размер таблицы: ширина - 874; высота - 293
1) там, где стрелочки - прокрутка. во всех местах появляется автоматически.
2) что все-таки значать эти "ссылки с фонами". в общем, хотелось бы, чтобы ссылки были примерно такого вида:
--
можно также не прямоугольные, а с закругленными краями, но это уже необязательно - как Вам будет удобно.
фон ссылок - #CD853F , цвет текста ссылок - черный
3) вкладки - картинками, ширина: 168; высота: 50. картинки предоставлены ниже также просьба сделать так, чтобы цвет менялся при нажатии на картинку. предоставлены в том порядке, в котором должны быть

обычные

--
--
--
--

при нажатии

--
--
--
--

4) касаемо двух крайних контейнеров (баннеры випов и 10 ссылок): в качестве картинок над ними покамест поместите одну эту, некликабельную, как шаблон, позже сам под них подгоню:

больше спойлеров

--

5) теперь речь о контейнерах с текстом\баннерами. для начала, сразу хочу сказать, что два крайних контейнера (баннеры вип-партнеров и 10 ссылок) НИКУДА НЕ ИСЧЕЗАЮТ при нажатии на одну из вкладок (при нажатии изменяется лишь центральная часть)
два крайних контейнера - одного размера; также, одного размера и те контейнеры центральной части таблицы, которые на эскизе выглядят относительно одинаково простите за такое скомканное объяснение, но это явно лучше, чем перечислять, какие именно контейнеры одинаковых размеров
также, хотелось бы, чтобы к контейнерам, в которых находятся текст и баннеры, можно было добавить собственный фон, который бы автоматически подстраивался под размер контейнера (или же могу подогнать того же размера, но пока что вот он, фон:)

большая картинка

--

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

Отредактировано Р.Зверев (Пт, 8 Июл 2016 13:42:05)

0

142

Р.Зверев
Напомните через пару недель, сейчас занят, работы много...

0

143

Alex_63, хорошо, через пару недель. извините хд

0

144

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

0

145

Р.Зверев
Где эскиз  таблички ?

0

146

Alex_63, есть, извините
отредактировать не успел - накосячил ._.

0

147

Р.Зверев
Мож сваяю за неделю, хотя не обещаю, работы много

0

148

1) Эскиз вашей будущей таблицы

вот он

--

2) Ссылка на ваш форум
http://nyc.hutt.ru (тестовик)
3) Указать необходимые прокрутки, всплывающие окна, границы таблиц и т.п.
Большое пространство слева должно быть с текстом и с прокруткой, большое пространство справа - навигацией (с фоном). Остальное - картинки со ссылками и с выплывающие при наведении текстом.
Таблица, как мне кажется, довольно простая, но у меня то ли скилла, то ли ума не хватает ее самостоятельно сделать. Без каких-либо границ, нужное потом в шапке дорисую.
Ну и да, таблица должна быть прямо в шапке.
Каких-либо конкретных размеров не даю, если честно, рассчитывать лень, потом смогу сама все подогнать, поэтому самая главная просьба - напишите код по возможности с подсказками, хочется впоследствии знать, что именно можно/нужно будет изменить под себя.

Отредактировано Хэнди (Ср, 13 Июл 2016 15:08:08)

0

149

Хэнди
Мож попробую сваять, если не отвечу за неделю - Напомните здесь

0

150

Хэнди
Доброго времени (:
Пробуем:

Стили

Поправить:

/* D6.3 */
#pun-announcement .container {
    padding: 4.3em 0 1em;
    margin: -474px -18px 0;
    color: #F2EED3!important;

  }

Добавить:

Код:
/*Новостной блок*/
div#a_news {width: 190px; height: 150px; margin-bottom: 19px; overflow-y: auto;}

/*Навигационный блок*/
div#a_nav a {color: #fff!important;}
div#a_nav {margin: -50px 0 16px 42px; height: 152px; width: 267px; float: left;}

/*Первый блок картинок*/
#imgs_1 #a_img {margin-left: 19px; display: inline;}
#imgs_1 {margin-left: -22px;}
#imgs_1 img {width: 49px;}

/*Второй блок картинок*/
#a_img2 {display: inline; margin-left: 13px;}
#imgs_2 { margin: -14px -3px 10px;}
#a_img2 img {width: 89px; height: 52px;}

/*Третий блок картинок*/
#a_img3 {display: inline; margin-left: 12px;}
#imgs_3 {margin: 0 -1px;}
#a_img3 img {width: 89px;}

/*Четвертый блок картинок*/
#imgs_4 #a_img {margin-left: 18px; display: inline;}
#imgs_4 {margin: 13px -7px -14px;}
#imgs_4 img {width: 50px;}

/*Пятый блок картинок*/
#imgs_5 {margin: 0 17px; width: 304px; height: 50px;}
#imgs_5 #a_img {margin-left: 22px; display: inline;}
#imgs_5 img {width: 50px;}
Объявление
Код:
<table border="0" cellpadding="1" cellspacing="1" style="width: 1000px">
	<tbody>
<tr>
	<td width="198px">
<!--Новостной блок-->
<div id="a_news">Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв.
</div>
<!--Первый блок картинок-->
<div id="imgs_1">
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
</div>
</td>
	<td width="452px">
<!--Второй блок картинок-->
<div id="imgs_2">
<div id="a_img2"><img title="всплывающий текст" src="#"></div>
<div id="a_img2"><img title="всплывающий текст" src="#"></div>
</div>
<!--Третий блок картинок-->
<div id="imgs_3">
<div id="a_img3"><img title="всплывающий текст" src="#"></div>
<div id="a_img3"><img title="всплывающий текст" src="#"></div>
</div>
<!--Четвертый блок картинок-->
<div id="imgs_4">
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
</div></td>
	<td width="350px">
<!-- Навигация-->
<div id="a_nav">
<a href="#">Здесь ссылка</a><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p>
</p></div>
<!-- Пятый блок картинок-->
<div id="imgs_5">
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
<div id="a_img"><img title="всплывающий текст" src="#"></div>
</div>
</td>
</tr>
	</tbody>
</table>
Вид

--

Пояснения

Цвет ссылок в навигации менять здесь:

div#a_nav a {color: #fff!important;}

Цвет текста во всей таблице:

#pun-announcement .container {...color: #F2EED3!important;...  }

Адрес картинки сюда:

<img title="всплывающий текст" src="#">

Если нужно сделать ссылкой:

<a href="ссылка" target="_blank"><img title="всплывающий текст" src="#"></a>

+3

151

Р.Зверев
Доброго времени (:
Повозилась, вроде как надо встало.

скрины

--
--
--
--

Пробуем:

HTML-верх/стили
Код:
<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 467px; width: 100%;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; width: 168px; border: none; margin-bottom: -2px; overflow: hidden; position: relative;}
ul.tabs li a {text-decoration: none; color: transparent; display: block; padding: 0;}
ul.tabs li a:hover {margin-top: -2px;}    
html ul.tabs li.active  {margin-top: -2px;}
html ul.tabs li.active a:hover  {margin-top: -4px;}
.tab_container1 {
    clear: both;
    float: left; 
    width: 672px;
    height: 276px; 
background-color: transparent;  
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {padding: 5px;}
.tab_content h2 {font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000;}
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited { font-family: tahoma; font-size: 11px; background-color: #CD853F; color: black; font-weight: normal; text-align: center; display: block; margin: 1px; text-decoration: none; width: 120px;}
a.tvm:hover {color: #fff; background-color: #BD6F3A; font-weight: bold; cursor: crosshair; }
div#a_news {width: 260px; height: 260px; overflow-y: auto; padding: 2px; }
div#a_tops { height: 30px;}
div#a_news_2 {width: 220px; height: 224px; overflow-y: auto; padding: 2px;}
#a_stuff_text {width: 190px; overflow-y: auto; height: 96px; padding: 2px;}
td#a_stuff_img {height: 100px;}
#stuff { overflow-y: auto; width: 325px; height: 262px; padding: 0;}
#a_friends {width: 260px; height: 260px; overflow-y: auto; padding: 2px;}
#a_banners {width: 90px;}

#a_news, #a_news_2, #a_tops, #a_friends, #a_banners {background: url(http://sh.uploads.ru/EtTyF.jpg); padding: 2px;}
#pun-announcement td {vertical-align: top;}
td#a_stuff_img img {height: 100px; width: 100px; }
#a_nav img { height: 30px; width: 112px;}
</style>
HTML-низ
Код:
<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>
Объявление
Код:
<table border="1" cellpadding="1" cellspacing="1" style="margin-top:54px;width: 874px;height: 293px;">
	<tbody>
<tr>
	<td width="128px">
<!--Первая колонка ссылки-->
<div id="a_nav">
<a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png" style="
"></a><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a><a href="#" target="_blank"><img src="http://s3.uploads.ru/Br38P.png"></a></p><p><a href="#" target="_blank">
</a></p></div><a href="#" target="_blank">
	</a></td>
	<td width="672px">
<!--Вторая колонка вкладки-->
<ul class="tabs">
    <li class="active"><a href="#tab1"><img src="http://s3.uploads.ru/Br38P.png"></a></li>
    <li class=""><a href="#tab2"><img src="http://s4.uploads.ru/FdBMy.png"></a></li>
    <li class=""><a href="#tab3"><img src="http://s6.uploads.ru/HyCzx.png"></a></li>
    <li class=""><a href="#tab4"><img src="http://s0.uploads.ru/ctFrM.png"></a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<!-- Контейнер контента 1-й кнопки -->
<div id="tab-1" class="tab-content" style="display:block;">
<table border="1" cellpadding="1" cellspacing="1" style="width: 662px;height: 268px;">
	<tbody>
<tr>
	<td rowspan="2">
<div id="a_news">
Здесь будет много текста
</div>
	</td>
	<td>
<div id="a_tops">
место под ТОПы
</div>
	</td>
	<td rowspan="2">
<div id="a_news">
Здесь будет много текста
</div>
	</td>
</tr>
<tr>
	<td>
<div id="a_links_2">
<a href="#" class="tvm" target="">каждый </a>
<a href="#" class="tvm" target="">охотник</a>
<a href="#" class="tvm" target="">желает</a>
<a href="#" class="tvm" target="">знать</a>



</div>
	</td>
</tr>
	</tbody>
</table>
</div></div>

<div id="tab2" class="tab_content" style="display: none;">
<table border="1" cellpadding="1" cellspacing="1" style="width: 662px;height: 268px;">
	<tbody>
<tr>
	<td rowspan="2">
<div id="a_news">
Какой-то один текст с автопрокруткой
</div>
	</td>
	<td>
<div id="a_tops">
место под ТОПы
</div>
	</td>
	<td rowspan="2" style="
">
<div id="a_links_2">
<a href="#" class="tvm" target="">каждый </a>
<a href="#" class="tvm" target="">охотник</a>
<a href="#" class="tvm" target="">желает</a>
<a href="#" class="tvm" target="">знать</a>
<a href="#" class="tvm" target="">где</a>
<a href="#" class="tvm" target="">сидит</a>
<a href="#" class="tvm" target="">фазан</a>
<a href="#" class="tvm" target="">каждый</a>
<a href="#" class="tvm" target="">охотник</a>
<a href="#" class="tvm" target="">желает</a></div>
	</td>
</tr>
<tr>
	<td>
<div id="a_news_2">
Какой-то другой текст с автопрокруткой 
</div>
	</td>
</tr>
	</tbody>
</table>
</div>

<div id="tab3" class="tab_content" style="display: none;"> 
<div id="tab-3" class="tab-content">
<table border="1" cellpadding="1" cellspacing="1" style="width: 662px;height: 272px;">
	<tbody>
<tr>
	<td width="50%"><div id="stuff">
<table border="1" cellpadding="1" cellspacing="1" height="100px">
	<tbody>
<tr>
	<td id="a_stuff_img"><a href="#" target="_blank"><img src="http://s0.uploads.ru/ctFrM.png" alt="" title="всплывающий текст"></a></td>
	<td><div id="a_stuff_text">Текст с автопрокруткой</div> </td>
</tr>
<tr>
	<td id="a_stuff_img"><a href="#" target="_blank"><img src="http://s0.uploads.ru/ctFrM.png" alt="" title="всплывающий текст"></a></td>
	<td><div id="a_stuff_text">Текст с автопрокруткой</div> </td>
</tr>
<tr>
	<td id="a_stuff_img"><a href="#" target="_blank"><img src="http://s0.uploads.ru/ctFrM.png" alt="" title="всплывающий текст"></a></td>
	<td><div id="a_stuff_text">Текст с автопрокруткой</div> </td>
</tr>
	</tbody>
</table>
	</div></td>
	<td width="50%"><div id="stuff">
<table border="1" cellpadding="1" cellspacing="1" height="100px">
	<tbody>
<tr>
	<td id="a_stuff_img"><a href="#" target="_blank"><img src="http://s0.uploads.ru/ctFrM.png" alt="" title="всплывающий текст"></a></td>
	<td><div id="a_stuff_text">Текст с автопрокруткой</div> </td>
</tr>
	</tbody>
</table>
	</div></td>
</tr>
	</tbody>
</table>
</div>
</div>

<div id="tab4" class="tab_content" style="display: none;"> 
<table border="1" cellpadding="1" cellspacing="1" style="width: 662px;height: 268px;">
	<tbody>
<tr>
	<td rowspan="2">
<div id="a_friends">
Баннеры партнеров 
</div>
	</td>
	<td>
<div id="a_links_2">
<a href="#" class="tvm" target="">каждый </a>
<a href="#" class="tvm" target="">охотник</a>
<a href="#" class="tvm" target="">желает</a>
<a href="#" class="tvm" target="">знать</a>
</div>

	</td>
	<td rowspan="2">
<div id="a_friends">
Баннеры друзей</div>
	</td>
</tr>
<tr>
	<td>
<div id="a_banners">
Баннеры поддержек
</div>
	</td>
</tr>
	</tbody>
</table></div>
	</div></td>	
	<td>
<!--Третья колонка баннеры -->
<div id="a_banners">
Баннеры випов
</div>
	</td>
</tr>
	</tbody>
</table>
Пояснения

Чтобы убрать границы в любой части таблиц жмем Ctrl+F и забиваем border="1", единицу заменяем на нуль
Об оформлении контейнера с вкладками можно найти на FD - Контейнер с вкладками для информации [Герда].
Фон в блоках текста и баннеров настраивается здесь:

div#a_news, #a_news_2, #a_tops, #a_friends, #a_banners {background: url(http://sh.uploads.ru/EtTyF.jpg); padding: 2px;}

При необходимости добавить амс блоки, это селектор #stuff
Теперь о картинках левой колонки. Их размер в таблицу 30х112, пришлось подгонять под ширину, согласно вашим рамкам. Если сделаете картинки данного размера, нужно уделать данную строку в конце стилей:

#a_nav img { height: 30px; width: 112px;}

В амс вкладке то же самое, при наличии изображений 100х100 удалить строки в конце:

#a_stuff_img img {height: 100px; width: 100px; }

Настройка стилей ссылок осуществляется здесь:

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited { font-family: tahoma; font-size: 11px; background-color: #CD853F; color: black; font-weight: normal; text-align: center; display: block; margin: 1px; text-decoration: none; width: 120px;}
a.tvm:hover {color: #fff; background-color: #BD6F3A; font-weight: bold; cursor: crosshair; }

Курсивом в первой строке настройки шрифта, во второй - курсора при наведении. Жирным - цвета фона и цвета ссылок

+3

152

RpM Anastasia
воу о:
огромное спасибо!
серьезно, я и не знаю даже, что сказать еще, черт *_*

0

153

RpM Anastasia
боже, спасибо огромное!

0

154

RpM Anastasia
помогите, все уехало!
все ваши коды поставила, начала ссылки на картинки ставить - и все поехало в разные стороны.
http://nyc.hutt.ru/viewtopic.php?id=105#p753 - здесь есть код в объявление с заменой на картинки. Может, я просто не вижу?

0

155

Хэнди
Аккуратнее надо вставлять, ибо кривокосо вставили, селекторы перепутали, лишние обрамление картинок кое-где повтыкивали...
Вставлять нужно по одной группе и смотреть результ, а не всё сразу и хором! Вставили свой кусок - посмотрели - вставили следущий
Замените код Объявления

Код:
	<table border="0" cellpadding="1" cellspacing="1" style="width: 1000px">
	<tbody>
<tr>
	<td width="198px">
<!--Новостной блок-->
<div id="a_news">Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв.
</div>
<!--Первый блок картинок-->
<div id="imgs_1">
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="активистэ" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="активистэ" src="http://placehold.it/50x50"></a></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="активистэ" src="http://placehold.it/50x50"></a></div>
</div>
</td>
	<td width="452px">
<!--Второй блок картинок-->
<div id="imgs_2">
<div id="a_img2"><a href="http://nyc.hutt.ru" target="_blank"><img title="нужники" src="http://placehold.it/88x50"></a></div>
<div id="a_img2"><a href="http://nyc.hutt.ru" target="_blank"><img title="нужники" src="http://placehold.it/88x50"></a></div>
</div>
<!--Третий блок картинок-->
<div id="imgs_3">
<div id="a_img3"><a href="http://nyc.hutt.ru" target="_blank"><img title="пост" src="http://placehold.it/88x88"></a></div>
<div id="a_img3"><a href="http://nyc.hutt.ru" target="_blank"><img title="ебизод" src="http://placehold.it/88x88"></a></div>
</div>
<!--Четвертый блок картинок-->
<div id="imgs_4">
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="графоманы" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="графоманы" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="графоманы" src="http://placehold.it/50x50"></a></div>
</div>
  </td>
  <td width="350px">
<!-- Навигация-->
<div id="a_nav">
<a href="#">Здесь ссылка</a><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p><a href="#">Здесь ссылка</a></p><p>
</p></div>
<!-- Пятый блок картинок-->
<div id="imgs_5">
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
</div>
</td>
</tr>
	</tbody>
</table>

0

156

Deff
спасибо за исправления, но вот оно все равно миллиметриками, но едет. может, нужно что-то подкрутить?

0

157

Хэнди
Сделайте скриншот, укажите стрелками, где править

0

158

Deff

скрин

--

второй столбец съехал вниз, зато остальные на своих местах

0

159

Код:
<table border="0" cellpadding="1" cellspacing="1" style="width: 1000px">
	<tbody>
<tr valign=top>
	<td width="198px">
<!--Новостной блок-->
<div id="a_news">Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв. Здесь должно быть много разного текста, автоматом появляется прокрутка при многом количестве букв.
</div>
<!--Первый блок картинок-->
<div id="imgs_1">
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="активистэ" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="активистэ" src="http://placehold.it/50x50"></a></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="активистэ" src="http://placehold.it/50x50"></a></div>
</div>
</td>
	<td width="452px">
<!--Второй блок картинок-->
<div id="imgs_2">
<div id="a_img2"><a href="http://nyc.hutt.ru" target="_blank"><img title="нужники" src="http://placehold.it/88x50"></a></div>
<div id="a_img2"><a href="http://nyc.hutt.ru" target="_blank"><img title="нужники" src="http://placehold.it/88x50"></a></div>
</div>
<!--Третий блок картинок-->
<div id="imgs_3">
<div id="a_img3"><a href="http://nyc.hutt.ru" target="_blank"><img title="пост" src="http://placehold.it/88x88"></a></div>
<div id="a_img3"><a href="http://nyc.hutt.ru" target="_blank"><img title="ебизод" src="http://placehold.it/88x88"></a></div>
</div>
<!--Четвертый блок картинок-->
<div id="imgs_4">
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="графоманы" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="графоманы" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="графоманы" src="http://placehold.it/50x50"></a></div>
</div>
  </td>
  <td width="350px">
<br>
<!-- Навигация-->

<div id="a_nav"><br><br><br>
<p><a href="#">Здесь ссылка</a></p>
<p><a href="#">Здесь ссылка</a></p>
<p><a href="#">Здесь ссылка</a></p>
<p><a href="#">Здесь ссылка</a></p>
<p><a href="#">Здесь ссылка</a></p>
<p><a href="#">Здесь ссылка</a></p>
</div>
<!-- Пятый блок картинок-->
<div id="imgs_5" style="display:inline-block!important;margin-top:39px!important">
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
<div id="a_img"><a href="http://nyc.hutt.ru" target="_blank"><img title="амс" src="http://placehold.it/50x50"></a></div>
</div>
</td>
</tr>
	</tbody>
</table>

0

160

Deff
вот теперь все идеально встало, спасибо!

0


Вы здесь » Единый форум поддержки » Архив » Таблицы на заказ (16)