Форум Сайтостроение Веб-строительство

Установка скрола

12
AcTEpi_X
На сайте с 09.11.2007
Offline
118
AcTEpi_X
835

имя класса использую такое: 

<td>

            <img src="img/1-02.jpg" width="262" height="1" alt=""></td>

        <td rowspan="16" colspan="4" align="left" valign="top" class="bg5"> Текст</td>

    </tr>

CSS: 

.bg5

{

    background:url('img/Untitled-1_03.jpg');



    overflow: auto;

    width: 500px;

    height: 300px;

    padding: 50px;

}

В итоге диз уезжает вниз. Подскажите что с этим делать?!

Продаю лекарственные травы (http://narodfarma.com.ua/travi-shop), продукты пчеловодства (http://narodfarma.com.ua/produkty-pchelovodstva). Хит продаж ягоды годжи (http://narodfarma.com.ua/travi-shop/details/543/1/lekarstvennie-travi/godgi) для похудения.
AX
На сайте с 20.09.2008
Offline
133
ApocX
#1

А вы скрин того как именно уезжает диз можете показать? И в каких браузерах?

tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#2

попробуйте указать


overflow: scroll;
Здесь не могла быть ваша реклама
AcTEpi_X
На сайте с 09.11.2007
Offline
118
AcTEpi_X
#3

В коде написал:

	<td colspan="7" rowspan="19" class="bg5">text</td>

В стилях:

.bg5
{
	background:url('img/content.jpg')   ;
  font-size: 11pt;
  text-align: left;
  overflow: scroll;
  margin: 50px;
   width: 500px; 
    height: 300px; 
    padding: 50px; 
	
	}
jpg 23123.jpg
[Удален]
#4

Ниче не понятно. Текст у вас вылетел из за overflow, а че куда уезжает то?

AcTEpi_X
На сайте с 09.11.2007
Offline
118
AcTEpi_X
#5

Когда убераю overflow то таже картина.

tommy-gung
На сайте с 22.11.2006
Offline
304
tommy-gung
#6

AcTEpi_X, полную таблицу покажите

<table>

...

</table>

AcTEpi_X
На сайте с 09.11.2007
Offline
118
AcTEpi_X
#7 

<html>

<head>

<title>Untitled-1</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link rel="stylesheet" href="stl.css" type="text/css">

</head>

<body class="main" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (Untitled-1.psd) -->

<table id="________01" width="767" height="701" border="0" cellpadding="0" cellspacing="0" align="center">

	<tr>

		<td colspan="19" rowspan="3">

			<img src="img/logo.jpg" border="0" width="406" height="219" alt=""></td>

		<td>

			<img src="img/1.jpg" border="0" width="50" height="134" alt=""></td>

		<td>

			<img src="img/Untitled-1_03.jpg" border="0" width="1" height="134" alt=""></td>

		<td>

			<img src="img/1-05.jpg" border="0" width="219" height="134" alt=""></td>

		<td>

			<img src="img/Untitled-1_05.jpg" border="0" width="1" height="134" alt=""></td>

		<td colspan="2">

			<img src="img/1-07.jpg" border="0" width="89" height="134" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="134" alt=""></td>

	</tr>

	<tr>

		<td colspan="6">

			<img src="img/Untitled-1_07.jpg" border="0" width="360" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td colspan="6">

			<img src="img/1-09.jpg" border="0" width="360" height="84" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="84" alt=""></td>

	</tr>

	<tr>

		<td colspan="17">

			<img src="img/1-10.jpg" border="0" width="262" height="1" alt=""></td>

		<td>

			<img src="img/Untitled-1_10.jpg" border="0" width="1" height="1" alt=""></td>

 <td colspan="7" rowspan="19" class="bg5">jkfdhfjkshf jhf jk hfjskf hskjfh jkh jskhsjfkhf jskhfj hj hjkshfjkh fdhjsgfhjsgfj hdsg fhjs gdshj fghsjd gshdj gshj fgshj fgsj hfgjsh ghj gshj ghsj ghsj ghsj ghjs ghjs ghsj ghsj ghs ghs ghs ghs ghj gshjfg hsgfhjsgdfhgshf gshj fgshjkfdhfjkshf jhf jk hfjskf hskjfh jkh jskhsjfkhf jskhfj hj hjkshfjkh fdhjsgfhjsgfj hdsg fhjs gdshj fghsjd gshdj gshj fgshj fgsj hfgjsh ghj gshj ghsj ghsj ghsj ghjs ghjs ghsj ghsj ghs ghs ghs ghs ghj gshjfg hsgfhjsgdfhgshf gshj fgshjkfdhfjkshf jhf jk hfjskf hskjfh jkh jskhsjfkhf jskhfj hj hjkshfjkh fdhjsgfhjsgfj hdsg fhjs gdshj fghsjd gshdj gshj fgshj fgsj hfgjsh ghj gshj ghsj ghsj ghsj ghjs ghjs ghsj ghsj ghs ghs ghs ghs ghj gshjfg hsgfhjsgdfhgshf gshj fgshjkfdhfjkshf jhf jk hfjskf hskjfh jkh jskhsjfkhf jskhfj hj hjkshfjkh fdhjsgfhjsgfj hdsg fhjs gdshj fghsjd gshdj gshj fgshj fgsj hfgjsh ghj gshj ghsj ghsj ghsj ghjs ghjs ghsj ghsj ghs ghs ghs ghs ghj gshjfg hsgfhjsgdfhgshf gshj fgshshfjkh

h</td>





			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td colspan="17">

			<img src="img/Untitled-1_12.jpg" border="0" width="262" height="45" alt=""></td>

		<td rowspan="18">

			<img src="img/Untitled-1_13.jpg" border="0"width="1" height="432" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="45" alt=""></td>

	</tr>

	<tr>

		<td>

			..........



			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_21.jpg" border="0"width="1" height="45" alt=""></td>

		<td rowspan="11">

			<img src="img/Untitled-1_22.jpg" border="0" width="1" height="212" alt=""></td>

		<td>

			<img src="img/Untitled-1_23.jpg" border="0" width="1" height="45" alt=""></td>

		<td colspan="2">

			<img src="img/Untitled-1_24.jpg" border="0" width="2" height="45" alt=""></td>

		<td colspan="8">

			<img src="img/Untitled-1_25.jpg" border="0" width="103" height="45" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="45" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_26.jpg" border="0" width="1" height="1" alt=""></td>

		<td colspan="11">

			<img src="img/Untitled-1_27.jpg" border="0" width="128" height="1" alt=""></td>

		<td rowspan="2">

			<img src="img/Untitled-1_28.jpg" border="0" width="1" height="45" alt=""></td>

		<td colspan="2">

			<img src="img/Untitled-1_29.jpg" border="0" width="65" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_30.jpg" border="0" width="1" height="44" alt=""></td>

		<td colspan="2">

			<img src="img/Untitled-1_31.jpg" border="0" width="2" height="44" alt=""></td>

		<td colspan="9">

			<img src="img/about.jpg" width="126" border="0" height="44" alt=""></td>

		<td colspan="2">

			<img src="img/Untitled-1_33.jpg" border="0" width="65" height="44" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="44" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_34.jpg" border="0" width="1" height="1" alt=""></td>

		<td colspan="14">

			<img src="img/Untitled-1_35.jpg" border="0" width="194" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td rowspan="2">

			<img src="img/Untitled-1_36.jpg" border="0" width="1" height="41" alt=""></td>

		<td colspan="14">

			<img src="img/Untitled-1_37.jpg"  border="0" width="194" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td colspan="3">

			<img src="img/tovar.jpg" border="0" width="88" height="40" alt=""></td>

		<td>

			<img src="img/Untitled-1_39.jpg" border="0" width="1" height="40" alt=""></td>

		<td colspan="10">

			<img src="img/Untitled-1_40.jpg" border="0" width="105" height="40" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="40" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_41.jpg" border="0" width="1" height="1" alt=""></td>

		<td rowspan="2">

			<img src="img/Untitled-1_42.jpg" border="0" width="1" height="37" alt=""></td>

		<td colspan="11" rowspan="4">

			<img src="img/spravka.jpg" border="0" width="128" height="39" alt=""></td>

		<td rowspan="2">

			<img src="img/Untitled-1_44.jpg" border="0" width="1" height="37" alt=""></td>

		<td>

			<img src="img/Untitled-1_45.jpg" border="0" width="64" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td rowspan="2">

			<img src="img/Untitled-1_46.jpg" border="0" width="1" height="37" alt=""></td>

		<td rowspan="2">

			<img src="img/Untitled-1_47.jpg" border="0" width="64" height="37" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" border="0" height="36" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_48.jpg" border="0"  width="1" height="1" alt=""></td>

		<td>

			<img src="img/Untitled-1_49.jpg" border="0" width="1" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_50.jpg" border="0" width="1" height="1" alt=""></td>

		<td>

			<img src="img/Untitled-1_51.jpg" border="0" width="1" height="1" alt=""></td>

		<td colspan="2">

			<img src="img/Untitled-1_52.jpg" border="0"  width="65" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_53.jpg" border="0" width="1" height="41" alt=""></td>

		<td colspan="7" rowspan="2">

			<img src="img/news.jpg" width="100" border="0" height="42" alt=""></td>

		<td rowspan="2">

			<img src="img/Untitled-1_55.jpg" border="0" width="1" height="42" alt=""></td>

		<td colspan="6">

			<img src="img/Untitled-1_56.jpg" border="0" width="93" height="41" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="41" alt=""></td>

	</tr>

	<tr>

		<td rowspan="4">

			<img src="img/Untitled-1_57.jpg" border="0" width="1" height="49" alt=""></td>

		<td rowspan="4">

			<img src="img/Untitled-1_58.jpg" border="0" width="1" height="49" alt=""></td>

		<td colspan="6">

			<img src="img/Untitled-1_59.jpg" border="0" width="93" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td colspan="9">

			<img src="img/Untitled-1_60.jpg" border="0" width="117" height="1" alt=""></td>

		<td rowspan="2">

			<img src="img/Untitled-1_61.jpg" border="0"  width="1" height="46" alt=""></td>

		<td colspan="4" rowspan="2">

			<img src="img/Untitled-1_62.jpg" border="0"  width="76" height="46" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_63.jpg" border="0" width="1" height="45" alt=""></td>

		<td colspan="8" rowspan="2">

			<img src="img/contact.jpg" border="0" width="116" height="47" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="45" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_65.jpg" border="0" width="1" height="2" alt=""></td>

		<td colspan="5">

			<img src="img/Untitled-1_66.jpg" border="0" width="77" height="2" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="2" alt=""></td>

	</tr>

	<tr>

		<td colspan="17">

			<img src="img/Untitled-1_67.jpg" border="0" width="262" height="125" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="125" alt=""></td>

	</tr>

 <td colspan="24" rowspan="2" valign="middle" class="footer noeeu1">

  © 2008 Jeans-Mix.kr.ua



				</td>

			<img src="img/Untitled-1_69.jpg" border="0" width="1" height="1" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="1" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="img/Untitled-1_70.jpg" border="0" width="1" height="47" alt=""></td>

		<td>

			<img src="img/s.gif" width="1" height="47" alt=""></td>

	</tr>

	

	

</table>

<!-- End ImageReady Slices -->

</body>

</html>
Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#8

У td нет свойства overflow.

AcTEpi_X
На сайте с 09.11.2007
Offline
118
AcTEpi_X
#9

Делал также на дивах, эффект тот же.

Kolyaj
На сайте с 28.03.2006
Offline
69
Kolyaj
#10

А в ИЕ overflow не работает, если ширина или высота (в зависимости от того, куда будет уходить текст) не задана в пикселях. :)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий