ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с версткой, резиновый дизайн...
8 сообщений из 8, страница 1 из 1
Помогите с версткой, резиновый дизайн...
    #34777484
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
Дизайнер дала дизайн сайта я нарезал и сверстал http://test.egorievsk.org/
Но получилось хорошо только на 1024х768 а чем выше тем все сдвигается влево а справо пустота!
Вот у меня вопрос, можно ли эту верстку сделать иначе, чтобы на всех разрешениях картинки как-то заполняли всю область шапки слева-направо? Подскажите плиз как это сделать!
Как вы видите там изогнутые линии, я даже не знаю как надо енто сверстать, чтобы все было ОК!
У дизайнера никаких бакграунд фонов не было!
...
Рейтинг: 0 / 0
05.09.2007, 13:32
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34777683
workermaks
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
workermaks
Гость
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</head>

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#3C1506">
<table border="0" width="100" cellspacing="0" cellpadding="0">
  <tr>
    <td><img border="0" src="images/logo1.jpg" width="100%"></td>

    <td><img border="0" src="images/logo2.jpg" width="100%"></td>
    <td><img border="0" src="images/logo3.jpg" width="100%"></td>
    <td>dddd</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>

    <td></td>
  </tr>
</table>
<p> </p>
</body>

</html>
WIDTH – определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера.
Код: plaintext
1.
td style="background-image:url(image);
background-repeat:no-repeat;

И с каких пор размещение 3-х картинок и непонятного текста в табличке шириной 100Х называется версткой.
автор armix2000 и сверстал http://test.egorievsk.org/
...
Рейтинг: 0 / 0
05.09.2007, 14:07
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34777899
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
workermaks
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
</head>

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#3C1506">
<table border="0" width="100" cellspacing="0" cellpadding="0">
  <tr>
    <td><img border="0" src="images/logo1.jpg" width="100%"></td>

    <td><img border="0" src="images/logo2.jpg" width="100%"></td>
    <td><img border="0" src="images/logo3.jpg" width="100%"></td>
    <td>dddd</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>

    <td></td>
  </tr>
</table>
<p> </p>
</body>

</html>
WIDTH – определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера.
Код: plaintext
1.
td style="background-image:url(image);
background-repeat:no-repeat;

И с каких пор размещение 3-х картинок и непонятного текста в табличке шириной 100Х называется версткой.
автор armix2000 и сверстал http://test.egorievsk.org/

Я в качестве примера выложил небольшой кусок, ясно дело что енто не весь сайт!
По поводу WIDTH толку нет от того что я его задам, т.к картинка имеет свой размер, и куда бы я ее не вставлял просто я ячейку или background-image смысл от этого не изменится!
Совет считаю бесполезным!
...
Рейтинг: 0 / 0
05.09.2007, 14:50
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34777969
Alex_soldier
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alex_soldier
Гость
Можно детектить кодировку и масштабировать картинки.
Но это будет в любом случае некрасиво.

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

Наилучший вариант - центрировать всю страничку.
...
Рейтинг: 0 / 0
05.09.2007, 15:02
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34778100
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
Alex_soldierМожно детектить кодировку и масштабировать картинки.
Но это будет в любом случае некрасиво.

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

Наилучший вариант - центрировать всю страничку.

Согласен с вами, делать резиновой помоему вообще не получится, т.к для этого надо подкладывать какой-то бекграунд, а тут с этими линиями мне кажется вообще не подгадаешь!
...
Рейтинг: 0 / 0
05.09.2007, 15:23
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34778204
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Помне так сделать картинку так, что бы ее можно было изрезать на картинки и ячейки с цветом... Тогда при "растягивании" будут растягиваться ячейки с цветом делая картинку как бы шире.
----------
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
05.09.2007, 15:44
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34778511
workermaks
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
workermaks
Гость
workermaks
Я в качестве примера выложил небольшой кусок, ясно дело что енто не весь сайт!
По поводу WIDTH толку нет от того что я его задам, т.к картинка имеет свой размер, и куда бы я ее не вставлял просто я ячейку или background-image смысл от этого не изменится!
Совет считаю бесполезным!

Из вашего куска "верстки" я никаких изогнутых линий не заметил, вообще каков вопрос таков и ответ. Возму на заметку не постить в темах где требуется напрягать мозг над постановкой вопроса, а телепаты в отпуске к сожалению.
...
Рейтинг: 0 / 0
05.09.2007, 16:44
| Ответить | Цитировать | Написать  
Помогите с версткой, резиновый дизайн...
    #34788670
armix2000
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
armix2000
Участник
workermaks workermaks
Я в качестве примера выложил небольшой кусок, ясно дело что енто не весь сайт!
По поводу WIDTH толку нет от того что я его задам, т.к картинка имеет свой размер, и куда бы я ее не вставлял просто я ячейку или background-image смысл от этого не изменится!
Совет считаю бесполезным!

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

Странно, кто еще кроме вас не заметил изогнутую линию в шапке?
...
Рейтинг: 0 / 0
10.09.2007, 15:29
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с версткой, резиновый дизайн...
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34777683&tid=1457666]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 66ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 14ms
total:  159ms
созд. / загр.: 159ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]