прокрутка scroll проблемы при верстке

Доменные имена Доменные имена
Источник бесперебойного хостинга
started - надежный регистратор доменных имен
Хостинг от cityhost.com.ua
Реклама на Karman.com.ua
Тел.: +38 (066) 370-05-89
ICQ: 271717692
karman.com.ua - Хостинг в Украине
форум о хостинге в Украине

Здравствуйте, гость ( Вход | Регистрация )

Есть вопросы о хостинге и о сайтах?

и получи ответ от профессионалов, которые обожают помогать людям :).
 
 Тема закрытаНачать новую тему
> прокрутка scroll проблемы при верстке
AcTEpi_X
сообщение 5.10.2008, 12:40. Re: прокрутка scroll проблемы при верстке
Сообщение #1


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
Голову ломаю не могу сделать прокрутку. вот что есть:
Код
background:url('img/Untitled-1_03.jpg');

    overflow: auto; /* Добавляем полосы прокрутки */
    width: 500px; /* Ширина блока */
    height: 300px; /* Высота блока */
    padding: 50px; /* Поля вокруг текста */


текста написал больше чем 300 пикселей, всеравно идет писать дальше и шаблон разъезжается.
Перейти в начало страницы
 
+Цитировать сообщение
chester
сообщение 6.10.2008, 1:07. Re: прокрутка scroll проблемы при верстке
Сообщение #2


Любимый участник хостинг-жизни


Группа: Любимый Пользователь хостинга
Сообщений: 10
Регистрация: 28.11.2007
Пользователь №: 774
Цитата(AcTEpi_X @ 5.10.2008, 12:40) *
Голову ломаю не могу сделать прокрутку. вот что есть:
Код
background:url('img/Untitled-1_03.jpg');

    overflow: auto; /* Добавляем полосы прокрутки */
    width: 500px; /* Ширина блока */
    height: 300px; /* Высота блока */
    padding: 50px; /* Поля вокруг текста */


текста написал больше чем 300 пикселей, всеравно идет писать дальше и шаблон разъезжается.


Либо где то есть такое же имя класса, либо в тексте вместо пробелов  
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 6.10.2008, 7:53. Re: прокрутка scroll проблемы при верстке
Сообщение #3


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
имя класса использую только раз, лишних символов нету.
Код
<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>


В стиле:
Код
.bg5
{
    background:url('img/Untitled-1_03.jpg');

    overflow: auto;
    width: 500px;
    height: 300px;
    padding: 50px;
}
Перейти в начало страницы
 
+Цитировать сообщение
Aladdin
сообщение 6.10.2008, 9:07. Re: прокрутка scroll проблемы при верстке
Сообщение #4


ФИО: Праведно-Счастливый Аладдин Ярославович
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 259
Регистрация: 25.11.2006
Из: г. Киев
Пользователь №: 4
Попробуй вместо:
Код
.bg5
{
    background:url('img/Untitled-1_03.jpg');

    ....
}


вот этот вариант:
Код
td.bg5
{
    background:url('img/Untitled-1_03.jpg');

    ....
}
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 6.10.2008, 12:59. Re: прокрутка scroll проблемы при верстке
Сообщение #5


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
неа, всеравно не помогает.
Перейти в начало страницы
 
+Цитировать сообщение
chester
сообщение 8.10.2008, 17:43. Re: прокрутка scroll проблемы при верстке
Сообщение #6


Любимый участник хостинг-жизни


Группа: Любимый Пользователь хостинга
Сообщений: 10
Регистрация: 28.11.2007
Пользователь №: 774
Не ну так ты div прокручиваемым делай а не ячейку таблицы
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 8.10.2008, 17:51. Re: прокрутка scroll проблемы при верстке
Сообщение #7


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
как? (IMG:style_emoticons/default/smile.gif)
Перейти в начало страницы
 
+Цитировать сообщение
Aladdin
сообщение 9.10.2008, 8:35. Re: прокрутка scroll проблемы при верстке
Сообщение #8


ФИО: Праведно-Счастливый Аладдин Ярославович
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 259
Регистрация: 25.11.2006
Из: г. Киев
Пользователь №: 4
Цитата(AcTEpi_X @ 8.10.2008, 17:51) *
как? (IMG:style_emoticons/default/smile.gif)



Наверное честер имеет в виду вот это.

Вместо:
Код
td.bg5
{
    background:url('img/Untitled-1_03.jpg');

    ....
}

...

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



Использовать вот это:

Код
.bg5
{
    background:url('img/Untitled-1_03.jpg');

    ....
}

...

<div class="bg5"> Текст</div>
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 13.10.2008, 22:18. Re: прокрутка scroll проблемы при верстке
Сообщение #9


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
площадка там где писать вообще улетела в небо если на дивах.
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 24.10.2008, 7:08. Re: прокрутка scroll проблемы при верстке
Сообщение #10


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
Возвращаюсь к теме, так как проблема еще не решена. Может код чем-то поможет?
HTML
<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">


</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>
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 26.10.2008, 12:34. Re: прокрутка scroll проблемы при верстке
Сообщение #11


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
попробовал заменить все на div. В итоге дизайн стал жить "своей жизнью" (IMG:style_emoticons/default/smile.gif)
Перейти в начало страницы
 
+Цитировать сообщение
AcTEpi_X
сообщение 28.10.2008, 15:40. Re: прокрутка scroll проблемы при верстке
Сообщение #12


Любимый доктор хостинга
******

Группа: Любимый хостинг-ROOT
Сообщений: 1 275
Регистрация: 11.2.2008
Пользователь №: 887
Напишу решение, может комуто пригодится:
Код
<td colspan="7" rowspan="19" alt="" style="background:url('img/content.jpg')">
<div style="border: 1px solid #999999; overflow: auto; width: 400px; height: 300px; margin: 10px; padding:5px;">
КОНТЕНТ
</div>
</td>
Перейти в начало страницы
 
+Цитировать сообщение


Тема закрытаНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
 
Форум IP.Board 2.3.6 © 2009  IPS, Inc.
Design by: Free IPB Skins & Web Proxy & © Karman.com.ua Rambler's Top100