Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Разработка сайтов

Важная информация
Разработка сайтов - Создание сайта, сателлитов, настройка CMS, установка движков, скрипты...

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 13.07.2011, 11:53   #1
 
Аватар для psychomonkey
 
Сообщений: 1,632
FR (активность): 43,242

Доп. информация
По умолчанию Автор темы Как уменьшить таблицу

Подскажите как уменьшить эту таблицу???
_http://otdix.pp.ua/poisk там поиск не влезает на ширину страницы(

есть код [php]H2 {
padding:0;
margin:5px 0 0 0;
font-size:12px;
color:#ce2021;
}
DIV.VoyageSearch A {
font-family: Tahoma;
font-weight:bold;
font-size: 10px;
text-decoration: none;
color: #0065AC;
}
DIV.VoyageSearch {
font-family:tahoma;
width: 800px;
background-color:#FFFFFF;
padding: 3px;
border:0px solid #0266B3;
}
DIV.VoyageSearch TD {
font-family:Tahoma;
font-size:10px;
padding-left:5px;
}
DIV.VoyageSearch SELECT,
DIV.VoyageSearch INPUT {
font-family:Tahoma;
font-size:10px;
}
SPAN.VoyageHeader {
font-family: Verdana;
font-size: 17px;
color: #0266B3;
}
DIV#order_form {
display: none;
border:3px double #99CCFF;
position:absolute;
top:100px;
left:300px;
background-color: #fcf5e0;
padding: 8px;
}
DIV#thx_form {
display: none;
border:3px double #99CCFF;
position:absolute;
top:170px;
left:380px;
background-color: #fcf5e0;
padding: 8px;
}
TABLE.prices_3 {
border-collapse:collapse;
}
TABLE.prices_3 TD.title {
width:30%;
text-align:right;
padding-right:10px;
}
TABLE.prices_3 TBODY TD {
padding: 5px 0 5px 0;
border-bottom: 1px solid #DEDEFF;
font-size:11px;
}
TABLE.prices_3 TR.out TD {
background-color:white;
}
TABLE.prices_3 THEAD TD,
TABLE.prices_3 TH {
font-weight:bold;
font-size:11px;
/* background-color: #F4F1E2; */
border-top: 1px solid #6B6BA5;
border-bottom: 1px solid #6B6BA5;
padding: 10px 10px 10px 0px;
}
TABLE.prices_3 A:HOVER {
text-decoration: underline;
}
TABLE.prices_3 TD.hidden {
border-top:1px solid red;
}
DIV.preload {
width:250px;
height:100px;
background-color: white;
border:3px double #99CCFF;
text-align:center;
padding:20px 10px 10px 10px;
font-weight:bold;
vertical-align:middle;
position:absolute;
top:200px;
left:600px;
display:none;
font-size:10px;
}
div.resort_1 {
overflow:hidden;
height:151px;
width:100%;
border-bottom:1px solid #7F9DB9;
background-color:white;
}
div#voyage_resort {
overflow:scroll;
height:169px;
width:100%;
border:1px solid #7F9DB9;
text-align:left;
}
div.resort_1 span {
color:gray;
display:block;
margin:3px;
}
div.hotel_1 {
overflow:hidden;
height:182px;
width:100%;
border-bottom:1px solid #7F9DB9;
background-color:white;
}
div#voyage_hotel {
overflow:scroll;
height:200px;
width:100%;
border:1px solid #7F9DB9;
text-align:left;
}
div.hotel_1 span {
color:gray;
display:block;
margin:3px;
}
input.calendar_input {
background-image:url(http://www.galopom.com.ua/img/galopom/calendar_input_small.gif);
background-position:59px center;
background-repeat:no-repeat;
border:1px solid #7F9DB9;
padding-bottom:2px;
padding-left:2px;
padding-top:2px;
width:78px;
height:18px;
font-size:11px;
}
#price_history {
display:none;
position:absolute;
width:500px;
height:200px;
background:#fcfbf3;
border:1px solid gray;
padding:10px;
}
div.history_title {
font-weight:bold;
font-size:15px;
}
div.search_booking {
float:right;
margin-top:10px;
}
div.search_booking a {
font-size:20px;
font-weight:normal;
}

/* Описание отеля в поиске и в ценах */
div.hotel_description_1 {
margin-top:10px;
background-color:#f8f8dc;
border-top:1px solid #e1e1c8;
border-left:1px solid #e1e1c8;
border-bottom:1px solid #e1e1c8;
}
div.hotel_description_2 {
margin-left:0px;
background-color:white;
height:250px;
overflow-y:auto;
overflow-x:hidden;
}
div.hotel_description_3 {
padding:10px;
}



/* SCW */
table.scw {
padding: 1px;
vertical-align:middle;
border: 1px solid #eee2b7;
font-size: 10pt;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
font-weight: bold;
background-color: #fcf5e0;
}
td.scwDrag, td.scwHead {
padding: 0px 0px;
text-align: center;
}
td.scwDrag {
font-size: 8pt;
}
select.scwHead {
margin: 3px 1px;
text-align: center;
}
input.scwHead {
height: 22px;
width: 22px;
vertical-align:middle;
text-align: center;
margin: 2px 1px;
font-weight: bold;
font-size: 10pt;
font-family: fixedSys;
border: 1px solid #eee2b7;
}
td.scwWeekNumberHead, td.scwWeek {
padding: 0px;
text-align: center;
font-weight: bold;
}
td.scwFoot, td.scwFootHover, td.scwFoot:hover, td.scwFootDisabled {
padding: 0px;
text-align: center;
font-weight: normal;
}
table.scwCells {
text-align: right;
font-size: 8pt;
width: 96%;
}
td.scwCells,
td.scwCellsHover,
td.scwCells:hover,
td.scwCellsDisabled,
td.scwCellsExMonth,
td.scwCellsExMonthHover,
td.scwCellsExMonth:hover,
td.scwCellsExMonthDisabled,
td.scwCellsWeekend,
td.scwCellsWeekendHover,
td.scwCellsWeekend:hover,
td.scwCellsWeekendDisabled,
td.scwInputDate,
td.scwInputDateHover,
td.scwInputDate:hover,
td.scwInputDateDisabled,
td.scwWeekNo,
td.scwWeeks {
padding: 3px;
width: 16px;
height: 16px;
border-width: 1px;
border-style: solid;
font-weight: bold;
vertical-align: middle;
}
/* Blend the colours into your page here... */
/* Drag Handle */
td.scwDrag {
background-color: #9999CC;
color: #CCCCFF;
}
/* Week number heading */
td.scwWeekNumberHead {
color: #6666CC;
}
/* Week day headings */
td.scwWeek {
color: #000000;
}
/* Week numbers */
td.scwWeekNo {
background-color: #776677;
color: #faeece;
}
/* Enabled Days */
/* Week Day */
td.scwCells {
background-color: #faeece;
color: #000000;
}
/* Day matching the input date */
td.scwInputDate {
background-color: #ffcc00;
color: #FF0000;
}
/* Weekend Day */
td.scwCellsWeekend {
background-color: #faeece;
color: #dd0000;
}
/* Day outside the current month */
td.scwCellsExMonth {
background-color: #faeece;
color: #666666;
}
/* Today selector */
td.scwFoot {
background-color: #eee2b7;
color: #FFFFFF;
}
/* MouseOver/Hover formatting
If you want to "turn off" any of the formatting
then just set to the same as the standard format
above.

Note: The reason that the following are
implemented using both a class and a :hover
pseudoclass is because Opera handles the rendering
involved in the class swap very poorly and IE6
(and below) only implements pseudoclasses on the
anchor tag.
*/
/* Active cells */
td.scwCells:hover, td.scwCellsHover {
background-color: #ffcc00;
cursor: pointer;
color: #000000;
}
/* Day matching the input date */
td.scwInputDate:hover, td.scwInputDateHover {
background-color: #ffcc00;
cursor: pointer;
color: #000000;
}
/* Weekend cells */
td.scwCellsWeekend:hover, td.scwCellsWeekendHover {
background-color: #ffcc00;
cursor: pointer;
color: #000000;
}
/* Day outside the current month */
td.scwCellsExMonth:hover, td.scwCellsExMonthHover {
background-color: #ffcc00;
cursor: pointer;
color: #000000;
}
/* Today selector */
td.scwFoot:hover, td.scwFootHover {
color: #ffcc00;
cursor: pointer;
font-weight: bold;
}
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.scwInputDateDisabled {
background-color: #d3cbb3;
color: #000000;
}
td.scwCellsDisabled {
background-color: #f3f3d7;
color: #d3cbb3;
}
/* Weekend Day */
td.scwCellsWeekendDisabled {
background-color: #f3f3d7;
color: #d3cbb3;
}
/* Day outside the current month */
td.scwCellsExMonthDisabled {
background-color: #f3f3d7;
color: #d3cbb3;
}
td.scwFootDisabled {
background-color: #eee2b7;
color: #FFFFFF;
}
div.voyage_border {
border:3px double #99CCFF;
padding:3px 3px 30px 3px;
}[/php]

может можно как то в % уменьшить!?
psychomonkey вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.07.2011, 12:06   #2
 
Аватар для Grush
 
Сообщений: 414
FR (активность): 6,880

Доп. информация
По умолчанию Re: Как уменьшить таблицу

Вот ширина, поиграйтесь с ней
http://otdix.pp.ua/wp-content/themes/Entitle/style.css
строка 656
Цитата:
DIV.VoyageSearch {
background-color: #FFFFFF;
border: 0 solid #0266B3;
font-family: tahoma;
padding: 3px;
width: 800px;
}
Grush вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.07.2011, 12:09   #3
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию Re: Как уменьшить таблицу

Цитата:
Сообщение от psychomonkey Посмотреть сообщение
width:*800px;
- вот здесь лишнее. 800 - это много.
и вообще в ИЕ жутко выглядит, там еще и с кодировочкой что-то. В файрфоксе и опере - более менее.
При разрешении 1024*768 - в ослике беда просто.
Миниатюры
Как уменьшить таблицу-ie.jpg  
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
падаван (13.07.2011)
Старый 13.07.2011, 13:38   #4
 
Аватар для psychomonkey
 
Сообщений: 1,632
FR (активность): 43,242

Доп. информация
По умолчанию Автор темы Re: Как уменьшить таблицу

бррр я такое еще не видел! на одном шаблоне работает, на др не работает поиск. может подскажете что за беда.
поправил кодировку
psychomonkey вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.07.2011, 14:51   #5
 
Аватар для Grush
 
Сообщений: 414
FR (активность): 6,880

Доп. информация
По умолчанию Re: Как уменьшить таблицу

Цитата:
Сообщение от psychomonkey Посмотреть сообщение
бррр я такое еще не видел! на одном шаблоне работает, на др не работает поиск. может подскажете что за беда.
протелепатировать чтоли? =)))

что-то значит не в порядке в одном шаблоне, проверяйте все и сравнивайте
Grush вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.07.2011, 17:16   #6
 
Аватар для psychomonkey
 
Сообщений: 1,632
FR (активность): 43,242

Доп. информация
По умолчанию Автор темы Re: Как уменьшить таблицу

угу. сейчас правлю др)кто знает как убрать выделенную надпись?? чет не могу понять где none вставить
Миниатюры
Как уменьшить таблицу-bezymyannyi.jpg  
psychomonkey вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3020 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как уменьшить вес картинки без потери качества? BloodBlade3000 Дизайн и верстка 20 21.09.2011 21:48
Добавление записи в таблицу после удаления записи %) Byblik Программирование 5 01.03.2011 21:02

Текущее время: 13:50. Часовой пояс GMT +3.