X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> На разных мониторах по разному смотрится
Annysor
Annysor
Topic Starter сообщение 13.1.2009, 11:39; Ответить: Annysor
Сообщение #1


вот у меня есть форма заказа:

http://www.mfs-med.com.ua/info/zakaz-1.htm

Сделана страница таблицами, но саму форму я хочу сделать - без. (т.к. понимаю, что еще одна таблица тока прибавит весу(). Селекты я разместила как текст, а вот импуты - поставила через координаты (style="position: absolute; left: 425px; top: 234px").

Все вроди смотрится нормально, однако решила поработать над сайтом на ноуте и там возникла проблема. Монитор у мя 16:9, потому все импуты полезли влево. Как можно решить данную ситуацию? Можно создать какой-то блок и принять его параметры как точку отсчета?

Жду подсказок) Спасибо заранее.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 13.1.2009, 11:41; Ответить: MetSerp
Сообщение #2


Надо использовать не абсолютное позиционирование дайте код вашей странички потому что считать ее с вашего компютера сложновато :rolleyes:
Еще одна таблица не пртидаст много веса если ее грамотно сделать
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Annysor
Annysor
Topic Starter сообщение 13.1.2009, 11:52; Ответить: Annysor
Сообщение #3


Я ж вроди на сайт дала ссылку:)

вот код)

<html>

<head><title>МФС</title>

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

<link href="styles/main.css" rel=stylesheet type=text/css></LINK>

</head>

<body background="images/bg.gif">

<table cellpadding=0 cellspacing=0 border=0 width=100% height=58 align=center><tbody>

<tr>

<td bgcolor=#EFEFF0>&nbsp;</td>

<td align="top" width=160 bgcolor=#EFEFF0><img src="images/log_up.jpg"></td>

<td width=480 background="images/bg2.gif">&nbsp;</td>

<td width=130 background="images/bg2.gif">&nbsp;</td>

<td background="images/bg2.gif">&nbsp;</td>

</tr>

</tbody></table>

<table cellpadding=0 cellspacing=0 border=0 width=100% height=100%><tbody>

<tr><td valign=top>

<table cellpadding=0 cellspacing=0 border=0 width=780 align=center><tbody>

<tr valign=top>

<td width=166>

<!-- Левая полоса -->

<table cellpadding=0 cellspacing=0 border=0 width=100%><tbody>

<tr><td align="right"><a href="../index.htm"><img border=0 src="images/log_down.jpg"></a></td></tr>

<tr><td height=4 bgcolor=#E1E1E2></td></tr>

<tr><td bgcolor=#EFEFF0><br>

<p align=right>

<b><a class=topmenu href="product.htm">продукция</a>&nbsp;&nbsp;</b><br>

<b><a class=topmenu href="about.htm">о фирме</a>&nbsp;&nbsp;</b><br>

<b><a class=topmenu href="contacts.htm">контакты</a>&nbsp;&nbsp;</b>

</p><br></td></tr>


</tbody></table></td>



<!-- Центральная полоса -->

<td>

<td bgcolor=#ffffff>

<table cellpadding=0 cellspacing=0 border=0 width=100%><tbody>

<tr valign=top><td>

<!-- Верхнее меню -->

<table cellpadding=4 cellspacing=0 border=0 width=100% bgcolor=#DBDBDC style="font: 8pt verdana; font-weight: bold; color: #333333"><tbody>

<tr align=center>



<td bgcolor=#ffffff style="border-right: 1px solid #ffffff"><a class=topmenu href="product.htm">продукция</a></td>


<td style="border-right: 1px solid #ffffff"><a class=topmenu href="about.htm">о фирме</a></td>

<td><a class=topmenu href="contacts.htm">контакты</a></td>


</tr>

<tbody></table>

</td></tr>

<tr><td>
<div style="margin: 15 20 15 20">

<!-- Основной контент центральной полосы -->

<h1>Оформление заказа</h1>

<FORM action=mail.php method=post>

<p>Ф.И.О. <INPUT NAME=name SIZE="50" style="position: absolute; left: 425px; top: 135px">

<br><br>Организация <INPUT name=organisation SIZE="50" style="position: absolute; left: 425px; top: 168px">

<br><br>Адрес (с индексом) <INPUT NAME=adress SIZE="50" style="position: absolute; left: 425px; top: 201px">

<br><br>Контактный телефон <INPUT NAME=phone SIZE="50" style="position: absolute; left: 425px; top: 234px">

<br><br>E-mail <INPUT NAME=email SIZE="50" style="position: absolute; left: 425px; top: 267px">


<p>Выберите продукцию и укажите количество:

<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 325px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 358px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 391px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 424px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 457px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 490px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 523px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 556px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 589px">

<!--------------------------------------->
<p><SELECT name="select1">
<OPTION>
<OPTION> Эндохирургия
<OPTION> Нагреватель газа НГ-01-"МФС"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</SELECT>

<INPUT NAME=col1 SIZE="5" style="position: absolute; left: 695px; top: 622px">
<p><center><input type=submit value="Отправить заявку"></center>

</FORM>

</tbody></table>

</td>



<!-- Правая полоса -->

<td width=130>

<table cellpadding=0 cellspacing=0 border=0 width=100% bgcolor=#F5F5F5><tbody>

<tr><td><img src="images/log_right.jpg"></td></tr>

<tr><td><p style="margin: 15 5 5 15"><b><a class=topmenu href="certificates.htm">Сертификаты</a></b></p></td></tr>

</tbody></table>

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

</td></tr>



<tr height=100%><td>

</td></tr>



<tr><td>

<table cellpadding=0 cellspacing=0 border=0 width=100% height=25 align=center><tbody>

<tr><td bgcolor=#DBDBDC align=center><span style="font: 9pt arial">Украина, г. Кировоград<!-- HotLog -->


<!-- /HotLog --></span></td></tr></tbody></table>

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

</body>

</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 13.1.2009, 12:10; Ответить: MetSerp
Сообщение #4


Вот теперь на сайт, а раньше была в вашу файловую систему :hihi: щас переделаю
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 13.1.2009, 12:58; Ответить: MetSerp
Сообщение #5


<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">Ф.И.О</td>
<td align="right"><input type="text" name="textfield"></td>
</tr>
<tr align="center" valign="middle">
<td colspan="2"><input type="submit" name="Submit" value="Отправить"></td>
</tr>
</table>
</form>

Вставив таблицу из 2х столбцов в форму вы сможете получить что хотите (пример выше)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Annysor
Annysor
Topic Starter сообщение 13.1.2009, 13:08; Ответить: Annysor
Сообщение #6


хех) пасиб) думала обойтись без этого) но если тока так решается проблема)))

Пасиб еще раз)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MetSerp
MetSerp
сообщение 13.1.2009, 13:33; Ответить: MetSerp
Сообщение #7


Теоретически можно и слоями но я с ними сильно не работал.
Но таблица точно зафиксирует в себе элемент в отличие от слоя просто висящего в воздухе который можен упасть вниз или улететь вверх или вообще спрятаться под сородича если у него не прописан z индекс а позиция в абсолюте.
Вообще позиция абсолютная это очень суровые грабли для всех начинающих
Я с год назад сверстал слоями сайт именно через абсолюты, получилось ооочень красиво... пока я не поменял разрешение экрана :unsure: тогда дизайн буквально рассыпался на куски, а вылетающие слои типа логин панели календарика итд вылетали непонятно откуда и девались непонятно куда

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Пишет кто отзывы на сайт в янднекс с разных аккаунтах
1 TenDemon_rs 1128 22.3.2024, 13:18
автор: writer80
Открытая тема (нет новых ответов) Youtube: 2 одинаковые аудиокниги на разных языках
как такое сделать БЕЗ субтитров???
4 mark2013 1645 7.1.2024, 17:55
автор: mark2013
Открытая тема (нет новых ответов) Размещение ссылок на разных ресурсах для продвижения сайта
6 nikitosmore 2628 18.7.2022, 10:06
автор: A_Diana
Открытая тема (нет новых ответов) Базы сайтов разных тематик для звонков и E-mail рассылок (Россия)
0 maxmer 2034 8.7.2022, 11:05
автор: maxmer
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКорректность показа вёрстки изображений на разных гаджетах
Не сохраняются пропорции изображений на смартфонах
1 master-vek 37244 25.3.2021, 13:22
автор: tedder


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:17
Дизайн