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

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 07.02.2012, 10:31   #1
 
Аватар для atonmy
 
Сообщений: 1
FR (активность): 81

Доп. информация
По умолчанию Автор темы Помогите сделать шаблон сайта резиновым

Имеется в наличии шаблон сайта. При открытии он отображается в левом углу страницы. Хочется что-бы он был на весь экран при любом разрешении. Ниже два файла index.html а за ним Template058.css
Исходя из просмотра этого форума я понял, что это значение "width="100%"".... а вот где оно должно быть не знаю. Заранее благодарен.

файл Индекс.html
<html>

<head>

<title>Your Company Name</title>
<link rel="stylesheet" type="text/css" href="Template058.css">
</head>

<body topmargin="0" leftmargin="0">

<table cellpadding="0" cellspacing="0" width="752" class="Top">
<tr>
<td><img src="images/TopRow1.jpg" width="750" height="86"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="752" class="Middle">
<tr>
<td><img src="images/TopRow2.jpg" width="458" height="20"></td>
<td><a href="index.html"><img src="images/ButtonHome.gif" width="48" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonAbout.gif" width="49" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonServices.gif" width="59" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonSupport.gif" width="59" height="20" border="0"></a></td>
<td><a href="index.html"><img src="images/ButtonContactUs.gif" width="77" height="20" border="0"></a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="752" class="Middle">
<tr>
<td><img src="images/TopRow3.jpg" width="399" height="42"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="752" class="Middle">
<tr height="1">
<td class="Color">
<table cellpadding="0" cellspacing="0" height="100%">
<tr>
<td>
<p class="NoBreakBeforeAfter"><img src="images/Back3.jpg" width="143" height="48"></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator1.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkHome.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator2.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkAboutUs.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator3.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkServices.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator4.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkSupport.gif" border="0" width="143" height="18"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator5.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkOtherPlaces.gif" border="0" width="143" height="20"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator6.jpg" width="143" height="6"></p>
<p class="NoBreakBeforeAfter"><a href="index.html"><img src="images/ButtonLinkContactUs.gif" border="0" width="143" height="19"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/HSeparator7.jpg" width="143" height="7"></p>
<p class="NoBreakBeforeAfter"><img src="_blank.gif" width="1" height="38" border="0"></a></p>
<p class="NoBreakBeforeAfter"><img src="images/Image.jpg" width="143" height="128"></p>
</td>
</tr>

Файл №2 Template058.css
BODY
{
FONT-SIZE: 11px;
COLOR: #3357b3;
FONT-FAMILY: Tahoma;
BACKGROUND-COLOR: #ffffff
}
TABLE.Top
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px
}
TABLE.Middle
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px
}
TABLE.Bottom
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid
}
.NoBreakBeforeAfter
{
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px
}
INPUT.Box
{
MARGIN-TOP: 0px;
FONT-SIZE: 11px;
MARGIN-BOTTOM: 0px;
WIDTH: 132px;
COLOR: #000000;
FONT-FAMILY: Tahoma
}
P.Indented8L
{
MARGIN-LEFT: 8px
}
P
{
MARGIN-TOP: 4px;
FONT-SIZE: 11px;
MARGIN-BOTTOM: 4px;
COLOR: #3357b3;
atonmy вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 07.02.2012, 10:46   #2
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

Цитата:
Сообщение от atonmy Посмотреть сообщение
<table cellpadding="0" cellspacing="0" width="752" class="Top">
[html]<table width="100%" border="0" cellpadding="0" cellspacing="0" class="Top">[/html]
http://htmlbook.ru/html/table
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 07.02.2012, 11:42   #3
 
Аватар для psychomonkey
 
Сообщений: 1,634
FR (активность): 43,242

Доп. информация
По умолчанию

может и мне кто то поможет?))
есть шаблон хз как его резиновым сделать
[php]

/*

Theme Name: Westen

Theme URL: http://newwpthemes.com/wordpress-theme/westen/

Description: Westen is a free WordPress theme with options page. Supports the post thumbnails. Suitable for any niche.

Author: NewWpThemes.com

Author URI: http://newwpthemes.com/

Version: 1.0

Tags: Ads Ready, Two Columns, Right Sidebar, Fixed Width, Blogging, Options Page

*/



/* LAYOUT */



body {

background:url(images/background.png) top left;

}



#wrapper {

background: url(images/wrapper-background.png) left 189px repeat-x;

}



#container {

background: url(images/container-background.png) left 48px repeat-x;

}



#contentwrap {

background: #fff;

}



a {

color: #003459;

}



a:hover {

color: #003459;

}





/* HEADER */



#header {

height: 145px;

}



#header h1 {

margin-bottom: 0px !important;

padding: 11px 0 0 120x;

font-weight: normal;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

font-size: 11px;



text-transform: uppercase;

}



#header h1 a, #header h1 a:visited {

color:#003459;

text-decoration: none;

}





#header h2 {

color: #003459;

font-size: 14px;

padding-left: 15px;

font-family: Arial, Helvetica, Sans-serif;

font-style: italic;

}



.logoimg {

margin: 20px 0 0 15px;

}



/* NAVIGATION MENUS */



#pagemenucontainer {

height: 26px;
margin-top: 5px;

float: left;

padding: 6px 6px 0 0;

background: #ffffff;

}



#pagemenu {

height: 26px;

float: left;

}



#pagemenu, #pagemenu ul {

padding: 0;

margin: 0;

list-style: none;

line-height: 1;

}

#pagemenu {

margin-bottom: 1px;

}



#pagemenu ul {

float: left;

list-style: none;

margin: 0px 0px 0px 0px;

padding: 0px;

}



#pagemenu li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}



#pagemenu ul li {

list-style: none;

margin: 0px;

padding: 0px;

}



#pagemenu li a, #pagemenu li a:link {

color: #000000;

display: block;

margin: 0 0 0 6px;

padding: 8px 14px;

text-decoration: none;

font-weight: bold;

text-transform: uppercase;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

}



#pagemenu li a:hover, #pagemenu li a:active {

color: #ffffff;

display: block;

text-decoration: none;

background: url(images/pagenav-hover.png) top left repeat-x;

}



#pagemenu li.current_page_item a {

color: #ffffff;

background: url(images/pagenav-hover.png) top left repeat-x;

}



#pagemenu li:hover, #pagemenu li.sfhover {

position: static;

}



.topright {

text-align: right;

margin: 13px 0 0 0;

}



.topright a {

color: #dfdfdf;

text-decoration: none;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

vertical-align: top;

font-weight: bold;

text-transform: uppercase;

text-shadow: 0 1px 0 #565656;

}



.topright a:hover {

color: #ffc703;

text-shadow: 0 1px 0 #562d09;

}





.navcontainer {

height: 29px;

padding: 0 0 4px 10px;

background: url(images/nav-border.png) left bottom repeat-x; display:none;



}



#nav {

height: 30px;

}



#nav, #nav ul {

padding: 0;

margin: 0;

list-style: none;

line-height: 1;

}

#nav {

margin-bottom: 1px;

}



#nav ul {

float: left;

list-style: none;

margin: 0px 0px 0px 0px;

padding: 0px;

}



#nav li {

float: left;

list-style: none;

margin: 0px;

padding: 0px;

}



#nav ul li {

list-style: none;

margin: 0px;

padding: 0px;

}



#nav li a, #nav li a:link {

background: #d5d3b9;

color: #65634b;

display: block;

margin: 0px 6px 0px 0px;

padding: 8px 15px;

text-decoration: none;

font-size: 12px;

font-weight: bold;

text-transform: uppercase;

border-left: 1px solid #e0dece;

border-top: 1px solid #e0dece;

border-right: 1px solid #e0dece;

text-shadow: 0 1px 0 #e4e3ce;

}



#nav li a:hover, #nav li a:active {

color: #fff;

display: block;

text-decoration: none;

background: url(images/nav-hover.png) top left repeat-x;

text-shadow: 0 1px 0 #403f2e;

}



#nav li.current-cat a {

color:#fff;

background: url(images/nav-hover.png) top left repeat-x;

text-shadow: 0 1px 0 #403f2e;

}



#nav li:hover, #nav li.sfhover {

position: static;

}



/* CONTENT */



#content {

background-color: #fff;

padding: 15px 5px 15px 15px;

}



pre { overflow: auto;

width: 470px;

}



.post {

border-bottom: 1px solid #ddd;

padding-bottom: 15px;

margin-bottom: 15px;

}





.post p {

margin-bottom: 10px;

}



.title {

margin: 0 0 8px 0;

padding: 0px;

line-height: 24px;

font-size: 24px;

font-family: Arial, Verdana;

color: #003459;

font-weight: bold;

}





.title a {

text-decoration: none;

color: #003459;

}



.title a:hover {

text-decoration: underline;

color: #003459;

}



.pagetitle {

margin-bottom: 20px;

line-height: 22px;

font-family: Arial, Verdana;

text-decoration: underline;

}



.readmorecontent {

text-align: right;

}





a.readmore {

padding: 4px 15px;

background: #d5d5d5;

color: #4d4c3e;

text-decoration: none;

font-size: 12px;

}



a.readmore:hover {

background: #d5d5d5;

color: #fff;

}





.postdate {

font-size: 13px;

font-family: Arial, Helvetica, Sans-serif;

font-style: italic;

color: #8a8a8a;

}





.postmeta {

font-size: 11px;

padding: 2px 4px;

font-family: Arial, Verdana;

color: #474747;

}



.postdate img, .postmeta img {

border: none;

vertical-align: middle;

margin:2px;

}



.entry {

text-align: justify;

line-height: 20px;

padding-top: 8px;

font-family: Arial, Verdana;

font-size: 14px;

color: #474747;

}



.navigation {

padding: 10px 0;

}



blockquote {

overflow: hidden;

padding-left: 9px;

font-style: italic;

color: #666;

border-left: 3px solid #CADAE7;

}



.post img {

max-width: 680px;

}



img.wp-smiley {

max-height: 12px;

margin: 0;

padding: 0;

border: none;

}



.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.alignleft {

float: left;

}



.alignright {

float: right;

}



.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}





/* wp-pagenavi */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {

font-size: 15px !important;

padding: 4px 8px !important;

color: #5c5a45 !important;

background:none !important;

border: 0 !important;

}

.wp-pagenavi a:hover {

border: 0 !important;

color: #fff !important;

background:#e44b15 !important;

border: 0 !important;



}

.wp-pagenavi span.pages {

font-size: 15px !important;

padding: 4px 8px !important;

color: #5c5a45 !important;

background: none !important;

border: 0 !important;

}

.wp-pagenavi span.current {

font-size: 15px !important;

padding: 4px 8px !important;

font-weight: bold;

color: #fff !important;

background:#5c5a45 !important;

border: 0 !important;

}

.wp-pagenavi span.extend {

font-size: 15px !important;

padding: 4px 8px !important;

background:transparent !important;

color: #5c5a45 !important;

background: none !important;

border: 0 !important;

}



/* SIDEBAR(S) */



.sidebaradbox {

margin-top: 5px;

text-align:center;

}



.ad125 {

margin: 10px;

}





.sidebar {

margin: 0 10px 10px 0;

font-size: 13px;

}



.sidebar a {

text-decoration: none;

color: #4c4a3a;

}



.sidebar a:hover {

text-decoration: underline;

color:#003459;

}



#search {

border: 1px solid #d5d5d5;

height: 30px;

padding: 0;

background: #f4f4f4;

text-align: right;

}



#search input {

border: 0;

background: none;

color: #65634b;

}





#s {

width: 240px;

padding: 4px;

margin:3px 0 0 0;

background: none;

}



#topsearch #s {

width: 258px;

}



#topsearch #search {

margin: 15px 0 0 0;

}



/* Social icons */

.addthis_toolbox {

padding: 15px 0 5px 0;

text-align: center;

}

.addthis_toolbox .custom_images a

{

width: 32px;

height: 32px;

margin: 0 4px 0 4px;

padding: 0;

}



.addthis_toolbox .custom_images a:hover img

{

opacity: 1;

}



.addthis_toolbox .custom_images a img

{

opacity: 0.85;

}







.rssbox {

background: #fff;

border: 1px solid #d5d5d5;

padding: 10px;

margin: 10px 0 0 0;

}



.rssbox:hover {

border: 1px solid #d5d5d5;

}



.rssbox a {

color: #555;

text-transform: uppercase;

font-size: 12px;

font-weight: bold;

text-decoration: none;

font-family: Arial, Helvetica, Sans-serif;

}

.rssbox a:hover {

color: #47560b;

text-decoration: underline;

}



.twitterbox {

background: #fff;

border: 1px solid #d5d5d5;

padding: 10px;

margin: 10px 0 0 0;

}



.twitterbox:hover {

border: 1px solid #d5d5d5;

}



.twitterbox a {

color: #555;

text-transform: uppercase;

font-size: 12px;

font-weight: bold;
text-decoration: none;

font-family: Arial, Helvetica, Sans-serif;
display:none;

}

.twitterbox a:hover {

color: #47560b;

text-decoration: underline;

}



.sidebarvideo {



}



.sidebar h2 {

margin: 10px 0 0 0;

padding: 8px 0 8px 12px;

background: url(images/sidebar-tab.png) left center repeat-x;

font-size: 16px;

line-height: 16px;

font-family: Arial, Helvetica, Sans-serif;

font-weight: bold;

text-transform: uppercase;

color: #514f3c;

text-shadow: 0 1px 0 #f7f6eb;

}



.sidebar ul {

list-style-type: none;

margin: 0px 0px 10px 0px;

padding: 0px;

}



.sidebar ul li {

list-style-type: none;

margin: 0px 0px 5px 0px;

padding: 0px;

}



.sidebar ul ul {

list-style-type: none;

margin: 0px;

padding: 0px;

}





.sidebar ul li li , .sidebar ul li ul li {

padding: 6px 0px 6px 8px;

margin: 0;

border-bottom: 1px solid #eeecdd;

background: url(images/bullet.png) 4px 6x no-repeat;

}







#wp-calendar th {

font-style: normal;

text-transform: capitalize;

color: #51503c;

background: #fff;

}

#wp-calendar caption {

padding: 2px 4px;

text-transform: uppercase; margin: 2px 0 2px 0;

background: #fff;

}



#wp-calendar td {

color: #51503c;

font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

letter-spacing: normal;

padding: 2px 0;

text-align: center;

}



#wp-calendar td:hover, #wp-calendar #today, #wp-calendar #today a {

background: #0061a6;

color: #ffffff;

}



#wp-calendar {

empty-cells: show;

font-size: 14px;

margin: 0;

font-weight: bold;

width: 100%;

}





/* FOOTER */



#footer {

background: #003459;

padding: 22px;

text-align: center;

color: #fff;

font-size: 13px;

}



#footer a {

color: #fff;

}



#footer a:hover {

text-decoration: none;

}



#footer2 {

color: #706f61;

font-size: 11px;

text-align: center;

padding: 10px;

display:none;

}



#footer2 a {

color: #706f61;

text-decoration: none;

}



/* COMMENTS */



#comments h3 {

margin-bottom: 10px;

}



#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}



#commentform {

margin: 5px 10px 0 0;

}



#commentform textarea {

width: 100%;

padding: 2px;

}



#respond:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



#commentform #submit {

margin: 0 0 5px auto;

float: right;

}



.alt {

margin: 0;

padding: 10px;

}



.commentlist {

padding: 0;

text-align: justify;

}



.commentlist li {

margin: 15px 0 10px;

padding: 5px 5px 10px 10px;

list-style: none;



}



.commentlist li ul li {

margin-right: -5px;

margin-left: 10px;

}



.commentlist p {

margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

margin: 5px 0;

}



.nocomments {

text-align: center;

margin: 0;

padding: 0;

}



.commentmetadata {

margin: 0;

display: block;

}



.post_thumbnail {

padding: 6px;

background: #fff;

border: 1px solid #d5d5d5;

margin: 0 10px 10px 0;

}









H2 {

padding:0;

margin:5px 0 0 0;

font-size:12px;

color:#003459;

}

DIV.VoyageSearch A {

font-family: Tahoma;

font-weight:bold;

font-size: 10px;

text-decoration: none;

color: #0065AC;

}

DIV.VoyageSearch {

font-family:tahoma;

width: 600px;

background-color:#FFFFFF;

padding: 3px;

border:0px solid #d5d5d5;

}

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 #d5d5d5;

position:absolute;

top:100px;

left:300px;

background-color: #fcf5e0;

padding: 8px;

}

DIV#thx_form {

display: none;

border:3px double #d5d5d5;

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 #d5d5d5;

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 #d5d5d5;

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 #d5d5d5;

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/galopo...ut_small.gif);

background-position:59px center;

background-repeat:no-repeat;

border:1px solid #d5d5d5;

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 #d5d5d5;

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 #d5d5d5;

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 #d5d5d5;

}

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 #d5d5d5;

padding:3px 3px 30px 3px;

}

.col1 {padding:0 20px 0 30px;float:left; width:295px;}
.col2 {float:left; width:295px;}

#categories-3 .cat-item {
float: left;
width: 46%;
}

#categories-3 {
overflow: hidden;
}[/php]
Вложения
Тип файла: rar Westen.rar (824.4 Кб, 2 просмотров)
psychomonkey вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 05.04.2012, 03:40   #4
 
Аватар для gazovik-fc
 
Сообщений: 83
FR (активность): 2,081

Доп. информация
По умолчанию

Цитата:
Сообщение от psychomonkey Посмотреть сообщение
может и мне кто то поможет?))
есть шаблон хз как его резиновым сделать
это файл стилей - здесь нет настроек ширины...
ищите в шабонах, обычно там ...
gazovik-fc вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.04.2012, 13:43   #5
 
Аватар для daniel_utochkin
 
Сообщений: 20
FR (активность): 5

Доп. информация
По умолчанию

Кто можеть скинут шаблоны дизана(точнее где их можно взять?)
daniel_utochkin вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Плохо" от:
Stelz (19.04.2012)
Старый 12.07.2012, 14:23   #6
 
Аватар для Upt
 
Сообщений: 1
FR (активность): 5

Доп. информация
По умолчанию

Цитата:
Сообщение от psychomonkey Посмотреть сообщение
может и мне кто то поможет?))
есть шаблон хз как его резиновым сделать
попробуйте здесь посмотреть.. от слова Autostretch:
pervyiurok.ru/Info/DreamweaverMX/Chapter%208/1
Upt вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

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

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


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

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

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сделать уникальный шаблон. SMMhit Дизайн и верстка 8 16.02.2012 15:14
Оцените шаблон сайта! Хочу сделать свой на его основе. boxpvm Оценка сайтов 12 06.01.2012 06:54
Как сделать шаблон "резиновым" jessica Joomla 15 24.08.2011 12:16
Помогите найти шаблон spy Разработка сайтов 0 05.08.2011 12:18
Помогите сделать резиновый шаблон roteratte Дизайн и верстка 2 21.04.2011 21:05

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