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

Страница: « 1 … 6 7 8 9 10 11 12 »

Тема закрыта

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

Поделиться1Сб, 7 Фев 2015 15:52:02

Автор: Christian Hale
Стремящийся
Зарегистрирован: Сб, 7 Фев 2015
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Вс, 5 Апр 2015 16:12:27

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

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

Поделиться141Пт, 24 Июн 2016 23:58:34

Автор: Р.Зверев
Заслуженный
Зарегистрирован: Пн, 23 Май 2016
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 16:46:22

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

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

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

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

обычные

при нажатии

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

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

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

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

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

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

Поделиться142Сб, 25 Июн 2016 11:40:01

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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

ВКонтакте alex__63

Поделиться143Сб, 25 Июн 2016 13:34:35

Автор: Р.Зверев
Заслуженный
Зарегистрирован: Пн, 23 Май 2016
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 16:46:22

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

Поделиться144Пт, 8 Июл 2016 11:10:13

Автор: Р.Зверев
Заслуженный
Зарегистрирован: Пн, 23 Май 2016
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 16:46:22

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

Поделиться145Пт, 8 Июл 2016 12:04:45

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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

ВКонтакте alex__63

Поделиться146Пт, 8 Июл 2016 13:42:35

Автор: Р.Зверев
Заслуженный
Зарегистрирован: Пн, 23 Май 2016
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 16:46:22

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

Поделиться147Пт, 8 Июл 2016 13:49:06

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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

ВКонтакте alex__63

Поделиться148Ср, 13 Июл 2016 15:04:35

Автор: Хэнди
Заслуженный
Зарегистрирован: Ср, 13 Июл 2016
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июл 2016 19:44:21

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

вот он

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

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

Поделиться149Ср, 13 Июл 2016 15:22:55

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10706
Уважение: +7197
Позитив: +5264
Пол: Мужской
Последний визит:
Вчера 23:41:07

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

ВКонтакте alex__63

Поделиться150Чт, 14 Июл 2016 15:55:31

Автор: RpM Anastasia
Cтарожил
Зарегистрирован: Вс, 26 Июн 2016
Сообщений: 85
Уважение: +108
Позитив: +35
Пол: Женский
Последний визит:
Вт, 6 Сен 2016 18:37:28

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

Стили

Поправить:

/* 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>

Поделиться151Сб, 16 Июл 2016 07:05:18

Автор: RpM Anastasia
Cтарожил
Зарегистрирован: Вс, 26 Июн 2016
Сообщений: 85
Уважение: +108
Позитив: +35
Пол: Женский
Последний визит:
Вт, 6 Сен 2016 18:37:28

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

скрины

Пробуем:

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; }
Курсивом в первой строке настройки шрифта, во второй - курсора при наведении. Жирным - цвета фона и цвета ссылок

Поделиться152Сб, 16 Июл 2016 15:41:33

Автор: Р.Зверев
Заслуженный
Зарегистрирован: Пн, 23 Май 2016
Сообщений: 7
Уважение: 0
Позитив: 0
Последний визит:
Вт, 22 Ноя 2016 16:46:22

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

Поделиться153Сб, 16 Июл 2016 22:08:57

Автор: Хэнди
Заслуженный
Зарегистрирован: Ср, 13 Июл 2016
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июл 2016 19:44:21

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

Поделиться154Сб, 16 Июл 2016 22:47:58

Автор: Хэнди
Заслуженный
Зарегистрирован: Ср, 13 Июл 2016
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июл 2016 19:44:21

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

Поделиться155Сб, 16 Июл 2016 23:01:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

Код:

	<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>

Поделиться156Сб, 16 Июл 2016 23:09:01

Автор: Хэнди
Заслуженный
Зарегистрирован: Ср, 13 Июл 2016
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июл 2016 19:44:21

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

Поделиться157Сб, 16 Июл 2016 23:14:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

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

Поделиться158Сб, 16 Июл 2016 23:20:14

Автор: Хэнди
Заслуженный
Зарегистрирован: Ср, 13 Июл 2016
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июл 2016 19:44:21

Deff

скрин

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

Поделиться159Сб, 16 Июл 2016 23:45:05

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

Код:

<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>

Поделиться160Вс, 17 Июл 2016 00:21:18

Автор: Хэнди
Заслуженный
Зарегистрирован: Ср, 13 Июл 2016
Сообщений: 6
Уважение: 0
Позитив: 0
Последний визит:
Ср, 20 Июл 2016 19:44:21

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

Тема закрыта

Страница: « 1 … 6 7 8 9 10 11 12 »

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

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

Пользовательские ссылки

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

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

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

Поделиться1Сб, 7 Фев 2015 15:52:02

Поделиться141Пт, 24 Июн 2016 23:58:34

Поделиться142Сб, 25 Июн 2016 11:40:01

Поделиться143Сб, 25 Июн 2016 13:34:35

Поделиться144Пт, 8 Июл 2016 11:10:13

Поделиться145Пт, 8 Июл 2016 12:04:45

Поделиться146Пт, 8 Июл 2016 13:42:35

Поделиться147Пт, 8 Июл 2016 13:49:06

Поделиться148Ср, 13 Июл 2016 15:04:35

Поделиться149Ср, 13 Июл 2016 15:22:55

Поделиться150Чт, 14 Июл 2016 15:55:31

Поделиться151Сб, 16 Июл 2016 07:05:18

Поделиться152Сб, 16 Июл 2016 15:41:33

Поделиться153Сб, 16 Июл 2016 22:08:57

Поделиться154Сб, 16 Июл 2016 22:47:58

Поделиться155Сб, 16 Июл 2016 23:01:29

Поделиться156Сб, 16 Июл 2016 23:09:01

Поделиться157Сб, 16 Июл 2016 23:14:52

Поделиться158Сб, 16 Июл 2016 23:20:14

Поделиться159Сб, 16 Июл 2016 23:45:05

Поделиться160Вс, 17 Июл 2016 00:21:18