Форум веб-мастеров

Все о веб-дизайне, разработке и раскрутке сайтов
Текущее время: 19 июл 2018, 03:57

Часовой пояс: UTC + 3 часа [ Летнее время ]





Начать новую тему Ответить на тему  [ Сообщений: 7 ] 
Автор Сообщение
 Заголовок сообщения: Как выравнять шаблон по центру ?
СообщениеДобавлено: 06 авг 2010, 18:09 
Не в сети

Зарегистрирован: 06 авг 2010, 18:06
Сообщения: 3
Тут такое очень нубовский вопрос :| как выровнить шаблон по центру ? А то он стоит слева, а мне нужно что бы сайт был по центру.

вот код шаблона

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
   <title>Untitled</title>
<style>
TD{
font-family:verdana;
font-size:8pt;
}
a{
text-decoration:none;
}
</style>
</head>

<body topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0">
<table width="100%" cellspacing="0" cellpadding="0" border="0" height="100%">
    <tr>
      <td valign="top" colspan="3"><img src="images/top.jpg" border="0" width="377" height="186" alt=""><img src="images/name.jpg" border="0" width="389" height="186" alt=""></td>
     
      <td width="100%" background="images/top_r.jpg"></td>
    </tr>
    <tr>
      <td valign="middle" colspan="3" background="images/line1.jpg" height="2" align="center" style="font-family: Arial">&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a></td>
     
      <td width="100%" background="images/line1.jpg"></td>
    </tr>
    <tr>
      <td valign="top" colspan="3" background="images/line2.jpg" height="2"></td>
     
      <td width="100%" background="images/line2.jpg"></td>
    </tr>
    <tr>
      <form><td background="images/bg1.jpg" width="190" valign="top"><img src="images/1.jpg" border="0" width="190" height="28" alt=""><br>
     <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #652200"><b>Login</b></span>&nbsp;&nbsp;&nbsp;<input type="text" name="logn" size="12" maxlength="40"><br><br>
     &nbsp;&nbsp;&nbsp;<span style="color: #652200"><b>Password</b></span>&nbsp;&nbsp;<input type="password" name="passwd" size="12" maxlength="40"><br>
     <div align="right" style="padding-right: 10"><br>Log into yourpersonal<br>member area and use all<br>premium features<br><br><a href=""><img src="images/login.jpg" border="0" width="104" height="21" alt=""></a><br><br><a href=""><img src="images/passwd.jpg" border="0" width="104" height="21" alt=""></a></div><br><br>
     <img src="images/2.jpg" border="0" width="190" height="28" alt=""><br>
     <img src="images/v1.jpg" border="0" width="190" height="32" alt=""><br>
     <img src="images/v2.jpg" border="0" width="190" height="25" alt=""><br>
     <img src="images/v3.jpg" border="0" width="190" height="25" alt=""><br>
     <img src="images/v4.jpg" border="0" width="190" height="27" alt=""><br>
     <img src="images/v5.jpg" border="0" width="190" height="24" alt=""><br>
     <img src="images/3.jpg" border="0" width="190" height="30" alt=""><br><br><table width="190" border="0" cellpadding="0" cellspacing="0">
                                                                                      <tr>
                                                                                        <td width="190" height="100" background="images/bg2.jpg"></td>
                                                                                      </tr>
                                                                                  </table>
     <br><br><br></td></form>
      <td height="100%" valign="top" width="387" style="padding-right: 10; padding-left: 10"><br><span style="color: #652200"><b>Welcome</b></span><br>
     <br>Layers allow you to make changes to an image without altering your original image data. For example, you might store photographs or elements of photographs on separate layers and then combine them into one composite image. Think of layers as sheets of acetate stacked one on top of the other. Where there is no image on a layer (that is, in places where the layer is transparent), you can see through to the layers below. All layers in a file have the same resolution, start with the same number of channels, and have the same image mode (RGB, CMYK, or Grayscale).<br>
     <br><br><div align="center"><img src="images/pic.jpg" border="0" width="255" height="139" align="middle"></div><br><br>
     Layers allow you to make changes to an image without altering your original image data. For example, you might store photographs or elements of photographs on separate layers and then combine them into one composite image. Think of layers as sheets of acetate stacked one on top of the other. Where there is no image on a layer (that is, in places where the layer is transparent), you can see through to the layers below. All layers in a file have the same resolution, start with the same number of channels, and have the same image mode (RGB, CMYK, or Grayscale).<br>
     <br><b>Attention!</b><br><a href="" style="color: #CB9100"><b>Read more!</b></a></td>
      <td valign="top" background="images/bg3.jpg" width="189" style="font: 7pt"><img src="images/4.jpg" border="0" width="189" height="28" alt=""><br>
     <div style="padding-left: 10; padding-right: 10"><br><b>[06.08]</b>&nbsp;Layers allow you to make changes to an image without altering your original image data.<br><br>
     <b>[06.08]</b>&nbsp;Layers allow you to make changes to an image without altering your original image data.<br><br>
     <b>[06.08]</b>&nbsp;Layers allow you to make changes to an image without altering your original image data.<br>
     <br></div><img src="images/5.jpg" border="0" width="189" height="28" alt=""><br>
     <div style="padding-left: 10; padding-right: 10"><br>UGPs in system:&nbsp;<b>2000</b><br><br>
     UGPs in system:&nbsp;<b>2000</b><br><br>
     Current Buy Price:&nbsp;<b>$10.38</b><br><br>
     Current Buy Price:&nbsp;<b>$10.38</b><br><br>
     Current Buy Price:&nbsp;<b>$10.38</b><br><br>
     -----------------------<br>
     Total Hits:&nbsp;<b>2236</b><br><br>
     Total Hits:&nbsp;<b>2236</b></div><br>
     <img src="images/6.jpg" border="0" width="189" height="30" alt=""><br><br>
     <div style="padding-left: 10; padding-right: 10">E-Mail:<br><br>
     Icq:<br><br>
     Phone:<br><br>
     Fax:<br><br>
     Address:<br><br><br><br><a href=""><img src="images/help.jpg" border="0" width="104" height="21" alt=""></a><br><br><br><br></div></td>
      <td width="100%" background="images/r_bg.jpg"></td>
    </tr>
    <tr>
      <td valign="middle" colspan="3" background="images/last.jpg" height="20" style="color: #652200" align="right">2002&nbsp;Copyright&nbsp;(c)&nbsp;Company Name&nbsp;&nbsp;</td>
     
      <td width="100%" background="images/last.jpg"></td>
    </tr>
</table>
</body>
</html>




Вернуться к началу
 Профиль  
Ответить с цитатой  
СообщениеДобавлено: 08 авг 2010, 18:17 
Я немного изменил код, вот конечный вариант:

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
   <title>Untitled</title>
<style>
TD{
font-family:verdana;
font-size:8pt;
}
a{
text-decoration:none;
}
</style>
</head>

<body topmargin="0" rightmargin="0" marginwidth="0" marginheight="0" leftmargin="0" bottommargin="0">
<table width="755" cellspacing="0" cellpadding="0" border="0" height="100%" align="center">
    <tr>
      <td valign="top" colspan="3"><img src="images/top.jpg" border="0" width="377" height="186" alt=""><img src="images/name.jpg" border="0" width="389" height="186" alt=""></td>
     
      <td width="100%" background="images/top_r.jpg"></td>
    </tr>
    <tr>
      <td valign="middle" colspan="3" background="images/line1.jpg" height="2" align="center" style="font-family: Arial">&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a>&nbsp;&nbsp;<a href="" style="color: white">Menu</a></td>
     
      <td width="100%" background="images/line1.jpg"></td>
    </tr>
    <tr>
      <td valign="top" colspan="3" background="images/line2.jpg" height="2"></td>
     
      <td width="100%" background="images/line2.jpg"></td>
    </tr>
    <tr>
      <form><td background="images/bg1.jpg" width="190" valign="top"><img src="images/1.jpg" border="0" width="190" height="28" alt=""><br>
     <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #652200"><b>Login</b></span>&nbsp;&nbsp;&nbsp;<input type="text" name="logn" size="12" maxlength="40"><br><br>
     &nbsp;&nbsp;&nbsp;<span style="color: #652200"><b>Password</b></span>&nbsp;&nbsp;<input type="password" name="passwd" size="12" maxlength="40"><br>
     <div align="right" style="padding-right: 10"><br>Log into yourpersonal<br>member area and use all<br>premium features<br><br><a href=""><img src="images/login.jpg" border="0" width="104" height="21" alt=""></a><br><br><a href=""><img src="images/passwd.jpg" border="0" width="104" height="21" alt=""></a></div><br><br>
     <img src="images/2.jpg" border="0" width="190" height="28" alt=""><br>
     <img src="images/v1.jpg" border="0" width="190" height="32" alt=""><br>
     <img src="images/v2.jpg" border="0" width="190" height="25" alt=""><br>
     <img src="images/v3.jpg" border="0" width="190" height="25" alt=""><br>
     <img src="images/v4.jpg" border="0" width="190" height="27" alt=""><br>
     <img src="images/v5.jpg" border="0" width="190" height="24" alt=""><br>
     <img src="images/3.jpg" border="0" width="190" height="30" alt=""><br><br><table width="190" border="0" cellpadding="0" cellspacing="0">
                                                                                      <tr>
                                                                                        <td width="190" height="100" background="images/bg2.jpg"></td>
                                                                                      </tr>
                                                                                  </table>
     <br><br><br></td></form>
      <td height="100%" valign="top" width="387" style="padding-right: 10; padding-left: 10"><br><span style="color: #652200"><b>Welcome</b></span><br>
     <br>Layers allow you to make changes to an image without altering your original image data. For example, you might store photographs or elements of photographs on separate layers and then combine them into one composite image. Think of layers as sheets of acetate stacked one on top of the other. Where there is no image on a layer (that is, in places where the layer is transparent), you can see through to the layers below. All layers in a file have the same resolution, start with the same number of channels, and have the same image mode (RGB, CMYK, or Grayscale).<br>
     <br><br><div align="center"><img src="images/pic.jpg" border="0" width="255" height="139" align="middle"></div><br><br>
     Layers allow you to make changes to an image without altering your original image data. For example, you might store photographs or elements of photographs on separate layers and then combine them into one composite image. Think of layers as sheets of acetate stacked one on top of the other. Where there is no image on a layer (that is, in places where the layer is transparent), you can see through to the layers below. All layers in a file have the same resolution, start with the same number of channels, and have the same image mode (RGB, CMYK, or Grayscale).<br>
     <br><b>Attention!</b><br><a href="" style="color: #CB9100"><b>Read more!</b></a></td>
      <td valign="top" background="images/bg3.jpg" width="189" style="font: 7pt"><img src="images/4.jpg" border="0" width="189" height="28" alt=""><br>
     <div style="padding-left: 10; padding-right: 10"><br><b>[06.08]</b>&nbsp;Layers allow you to make changes to an image without altering your original image data.<br><br>
     <b>[06.08]</b>&nbsp;Layers allow you to make changes to an image without altering your original image data.<br><br>
     <b>[06.08]</b>&nbsp;Layers allow you to make changes to an image without altering your original image data.<br>
     <br></div><img src="images/5.jpg" border="0" width="189" height="28" alt=""><br>
     <div style="padding-left: 10; padding-right: 10"><br>UGPs in system:&nbsp;<b>2000</b><br><br>
     UGPs in system:&nbsp;<b>2000</b><br><br>
     Current Buy Price:&nbsp;<b>$10.38</b><br><br>
     Current Buy Price:&nbsp;<b>$10.38</b><br><br>
     Current Buy Price:&nbsp;<b>$10.38</b><br><br>
     -----------------------<br>
     Total Hits:&nbsp;<b>2236</b><br><br>
     Total Hits:&nbsp;<b>2236</b></div><br>
     <img src="images/6.jpg" border="0" width="189" height="30" alt=""><br><br>
     <div style="padding-left: 10; padding-right: 10">E-Mail:<br><br>
     Icq:<br><br>
     Phone:<br><br>
     Fax:<br><br>
     Address:<br><br><br><br><a href=""><img src="images/help.jpg" border="0" width="104" height="21" alt=""></a><br><br><br><br></div></td>
      <td width="100%" background="images/r_bg.jpg"></td>
    </tr>
    <tr>
      <td valign="middle" colspan="3" background="images/last.jpg" height="20" style="color: #652200" align="right">2002&nbsp;Copyright&nbsp;(c)&nbsp;Company Name&nbsp;&nbsp;</td>
     
      <td width="100%" background="images/last.jpg"></td>
    </tr>
</table>
</body>
</html>


Ну а теперь подробнее:

Код:
<table width="100%" cellspacing="0" cellpadding="0" border="0" height="100%">


заменил на:

Код:
<table width="755" cellspacing="0" cellpadding="0" border="0" height="100%" align="center">


Проверил в Opera 10.60, FF 3.6.8 и IE8

незнаю как поведут себя IE6-7 и ранние версии Opera, проверить не могу, но в любом случае надеюсь как я это сделал понятно )))

Удачи )))


Вернуться к началу
  
Ответить с цитатой  
СообщениеДобавлено: 09 авг 2010, 12:47 
Не в сети

Зарегистрирован: 06 авг 2010, 18:06
Сообщения: 3
Большое спасибо :roll: Так просто, а я искал в стилях и т.д.))


Вернуться к началу
 Профиль  
Ответить с цитатой  
СообщениеДобавлено: 30 авг 2010, 14:51 
Не в сети

Зарегистрирован: 06 авг 2010, 18:06
Сообщения: 3
Еще один тоже нубовский вопрос(. Никак не пойму как этот шаблон поставить по центру. неужели в css ? он не на таблицах а на <div>

шаблон:
Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
   <link href="ie_style.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="js/ie_png.js"></script>
   <script type="text/javascript">
       ie_png.fix('.png');
   </script>
<![endif]-->
</head>

<body id="page1">
  <div id="main">
    <!-- header -->
    <div id="header">
      <!-- .logo -->
      <div class="logo">
         <a href="index.html"><img src="images/logo.jpg" alt=""></a>
      </div>
      <!-- /.logo -->
    </div>
    <!-- content -->
    <div id="content">
       <!-- .nav -->
       <ul class="nav">
         <li class="about-item"><a href="index-1.html"><img src="images/about.jpg" alt="" /></a></li>
        <li class="gallery-item"><a href="index-2.html"><img src="images/gallery.jpg" alt="" /></a></li>
        <li class="contacts-item"><a href="index-3.html"><img src="images/contacts.jpg" alt="" /></a></li>
      </ul>
       <!-- /.nav -->
    </div>
    <!-- footer -->
    <div id="footer">
       Copyright &copy; 2010 demolink.org | <a href="index-4.html">Privacy Policy</a>  | <a href="#">Terms of Use</a>
    </div>
  </div>

</body>
</html>



на всяк случай css еще кидаю. может там нужно менять..

Код:

* {
   margin:0;
   padding:0;
}
html, body {
   height:100%;
}
html {
   min-width:766px;
}
body {
   background:url(images/main-bg.jpg) no-repeat 0 29px;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:100%;
   line-height:.75em;
   color:#363e4f;
}

img {
   border:0;
   vertical-align:top;
   text-align:left;
}
object {
   vertical-align:top;
   outline:none;
}
ul, ol {
   list-style:none;
}
table, table td {
   padding:0;
   border:none;
   border-collapse:collapse;
}

.fleft {
   float:left;
}
.fright {
   float:right;
}
.clear {
   clear:both;
}

.col-1, .col-2, .col-3 {
   float:left;
}

.alignright {
   text-align:right;
}
.aligncenter {
   text-align:center;
}

.wrapper {
   width:100%;
   overflow:hidden;
}
.container {
   width:100%;
}




/*==== GLOBAL =====*/
#main {
   width:766px;
   font-size:.625em;
   position:relative;
   min-height:700px;
   height:auto !important;
   height:700px;
}
#footer {
   position:absolute;
   bottom:5px;
   left:5px;
   text-transform:uppercase;
   font-size:9px;
}


/*----- forms parameters -----*/

input, select, textarea {
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   vertical-align:middle;
   font-weight:normal;
}


/*----- other -----*/
.img-indent {
   margin:0 10px 0 0;
   float:left;
}
.img-box {
   width:100%;
   overflow:hidden;
   padding-bottom:17px;
}
   .img-box img {
      float:left;
      margin:0 10px 0 0;
   }

.extra-wrap {
   overflow:hidden;
}


p {
   margin-bottom:12px;
}
.p1 {
   margin-bottom:6px;
}
.p2 {
   margin-bottom:12px;
}
.p3 {
   margin-bottom:18px;
}

/*----- txt, links, lines, titles -----*/
a {
   color:#a72727;
   outline:none;
}
a:hover{
   text-decoration:none;
}

h2 {
   background:url(images/title-bg.png) no-repeat 0 0;
   font-family:Verdana, Geneva, sans-serif;
   text-transform:uppercase;
   color:#000;
   font-size:10px;
   height:34px;
   line-height:25px;
   text-align:center;
   width:122px;
   text-indent:-4px;
   margin-bottom:20px;
   margin-left:-7px;
}

.link1 {
   text-transform:uppercase;
   font-weight:bold;
   text-decoration:none;
}
.link1:hover {
   text-decoration:underline;
}




/*==================boxes====================*/
.box {
   background:url(images/box-bg.png) no-repeat 0 0;
   width:374px;
   height:480px;
   position:absolute;
   left:0;
   top:157px;
}
   .box .inner {
      padding:10px 39px 0 7px;
   }
      .box .inner .inner {
         padding:0 0 0 18px;
      }
      .box .inner1 {
         padding:10px 10px 12px 12px;
      }
   
      .box .close {
         position:absolute;
         right:47px;
         top:23px;
      }

.block {
   border:1px solid #ddd9ca;
   background:#fdfbf7;
}

.address {
   padding:4px 0 10px 0;
}
   .address dt {
      font-weight:bold;
   }
   .address dd {
      clear:both;
   }
      .address dd span {
         float:left;
         width:72px;
      }


/*===== header =====*/
#header .logo {
   position:absolute;
   left:0;
   top:0;
}

/*===== content =====*/
#content .section {
   padding-bottom:20px;
}
   #content .nav li {
      position:absolute;
      left:0;
      top:0;
   }
   #content .nav li.about-item {
      left:143px;
      top:360px;
   }
   #content .nav li.gallery-item {
      left:393px;
      top:404px;
   }
   #content .nav li.contacts-item {
      left:419px;
      top:189px;
   }
   
   
   .advanced-menu {
      position:absolute;
      left:18px;
      top:626px;
   }
      .advanced-menu li {
         display:inline;
         font-weight:bold;
         color:#5c5c5c;
      }
         .advanced-menu li a {
            text-transform:uppercase;
            color:#5c5c5c;
            padding:0 8px 0 5px;
         }
         .advanced-menu li a:hover, .advanced-menu li a.current {
            color:#a72727;
            text-decoration:none;
         }
   
   
   .list1 li {
      background:url(images/marker.gif) no-repeat 0 6px;
      padding:2px 0 5px 12px;
   }
   .list1.alt {
      color:#3f0202;
      margin-left:4px;
   }
      .list1.alt li {
         padding:6px 10px 7px 12px;
         background-position:0 10px;
      }



/*--- gallery begin ---*/
ul.pagination { width:100%; overflow:hidden;}
ul.pagination li { float:left; margin:0 13px 13px 0;}
ul.pagination li a {}
ul.pagination li.current a { }
#faded { width:280px; padding-left:17px;}

#faded .rap { height:176px; overflow:hidden;}
#faded .rap img { padding:3px; background:#fff; border:1px solid #ded5c5;}
/*--- gallery end ---*/
      

/*===== footer =====*/
#footer {
   color:#5c5c5c;
}
   #footer a {
      color:#5c5c5c;
      text-decoration:none;
   }
   #footer a:hover {
      text-decoration:underline;
   }

/*==========================================*/




Вернуться к началу
 Профиль  
Ответить с цитатой  
СообщениеДобавлено: 29 янв 2011, 14:17 
Не в сети

Зарегистрирован: 29 янв 2011, 14:12
Сообщения: 1
husain_if писал(а):
Еще один тоже нубовский вопрос(. Никак не пойму как этот шаблон поставить по центру. неужели в css ? он не на таблицах а на <div>

шаблон:
Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
   <link href="ie_style.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="js/ie_png.js"></script>
   <script type="text/javascript">
       ie_png.fix('.png');
   </script>
<![endif]-->
</head>

<body id="page1">
  <div id="main">
    <!-- header -->
    <div id="header">
      <!-- .logo -->
      <div class="logo">
         <a href="index.html"><img src="images/logo.jpg" alt=""></a>
      </div>
      <!-- /.logo -->
    </div>
    <!-- content -->
    <div id="content">
       <!-- .nav -->
       <ul class="nav">
         <li class="about-item"><a href="index-1.html"><img src="images/about.jpg" alt="" /></a></li>
        <li class="gallery-item"><a href="index-2.html"><img src="images/gallery.jpg" alt="" /></a></li>
        <li class="contacts-item"><a href="index-3.html"><img src="images/contacts.jpg" alt="" /></a></li>
      </ul>
       <!-- /.nav -->
    </div>
    <!-- footer -->
    <div id="footer">
       Copyright &copy; 2010 demolink.org | <a href="index-4.html">Privacy Policy</a>  | <a href="#">Terms of Use</a>
    </div>
  </div>

</body>
</html>



на всяк случай css еще кидаю. может там нужно менять..

Код:

* {
   margin:0;
   padding:0;
}
html, body {
   height:100%;
}
html {
   min-width:766px;
}
body {
   background:url(images/main-bg.jpg) no-repeat 0 29px;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:100%;
   line-height:.75em;
   color:#363e4f;
}

img {
   border:0;
   vertical-align:top;
   text-align:left;
}
object {
   vertical-align:top;
   outline:none;
}
ul, ol {
   list-style:none;
}
table, table td {
   padding:0;
   border:none;
   border-collapse:collapse;
}

.fleft {
   float:left;
}
.fright {
   float:right;
}
.clear {
   clear:both;
}

.col-1, .col-2, .col-3 {
   float:left;
}

.alignright {
   text-align:right;
}
.aligncenter {
   text-align:center;
}

.wrapper {
   width:100%;
   overflow:hidden;
}
.container {
   width:100%;
}




/*==== GLOBAL =====*/
#main {
   width:766px;
   font-size:.625em;
   position:relative;
   min-height:700px;
   height:auto !important;
   height:700px;
}
#footer {
   position:absolute;
   bottom:5px;
   left:5px;
   text-transform:uppercase;
   font-size:9px;
}


/*----- forms parameters -----*/

input, select, textarea {
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   vertical-align:middle;
   font-weight:normal;
}


/*----- other -----*/
.img-indent {
   margin:0 10px 0 0;
   float:left;
}
.img-box {
   width:100%;
   overflow:hidden;
   padding-bottom:17px;
}
   .img-box img {
      float:left;
      margin:0 10px 0 0;
   }

.extra-wrap {
   overflow:hidden;
}


p {
   margin-bottom:12px;
}
.p1 {
   margin-bottom:6px;
}
.p2 {
   margin-bottom:12px;
}
.p3 {
   margin-bottom:18px;
}

/*----- txt, links, lines, titles -----*/
a {
   color:#a72727;
   outline:none;
}
a:hover{
   text-decoration:none;
}

h2 {
   background:url(images/title-bg.png) no-repeat 0 0;
   font-family:Verdana, Geneva, sans-serif;
   text-transform:uppercase;
   color:#000;
   font-size:10px;
   height:34px;
   line-height:25px;
   text-align:center;
   width:122px;
   text-indent:-4px;
   margin-bottom:20px;
   margin-left:-7px;
}

.link1 {
   text-transform:uppercase;
   font-weight:bold;
   text-decoration:none;
}
.link1:hover {
   text-decoration:underline;
}




/*==================boxes====================*/
.box {
   background:url(images/box-bg.png) no-repeat 0 0;
   width:374px;
   height:480px;
   position:absolute;
   left:0;
   top:157px;
}
   .box .inner {
      padding:10px 39px 0 7px;
   }
      .box .inner .inner {
         padding:0 0 0 18px;
      }
      .box .inner1 {
         padding:10px 10px 12px 12px;
      }
   
      .box .close {
         position:absolute;
         right:47px;
         top:23px;
      }

.block {
   border:1px solid #ddd9ca;
   background:#fdfbf7;
}

.address {
   padding:4px 0 10px 0;
}
   .address dt {
      font-weight:bold;
   }
   .address dd {
      clear:both;
   }
      .address dd span {
         float:left;
         width:72px;
      }


/*===== header =====*/
#header .logo {
   position:absolute;
   left:0;
   top:0;
}

/*===== content =====*/
#content .section {
   padding-bottom:20px;
}
   #content .nav li {
      position:absolute;
      left:0;
      top:0;
   }
   #content .nav li.about-item {
      left:143px;
      top:360px;
   }
   #content .nav li.gallery-item {
      left:393px;
      top:404px;
   }
   #content .nav li.contacts-item {
      left:419px;
      top:189px;
   }
   
   
   .advanced-menu {
      position:absolute;
      left:18px;
      top:626px;
   }
      .advanced-menu li {
         display:inline;
         font-weight:bold;
         color:#5c5c5c;
      }
         .advanced-menu li a {
            text-transform:uppercase;
            color:#5c5c5c;
            padding:0 8px 0 5px;
         }
         .advanced-menu li a:hover, .advanced-menu li a.current {
            color:#a72727;
            text-decoration:none;
         }
   
   
   .list1 li {
      background:url(images/marker.gif) no-repeat 0 6px;
      padding:2px 0 5px 12px;
   }
   .list1.alt {
      color:#3f0202;
      margin-left:4px;
   }
      .list1.alt li {
         padding:6px 10px 7px 12px;
         background-position:0 10px;
      }



/*--- gallery begin ---*/
ul.pagination { width:100%; overflow:hidden;}
ul.pagination li { float:left; margin:0 13px 13px 0;}
ul.pagination li a {}
ul.pagination li.current a { }
#faded { width:280px; padding-left:17px;}

#faded .rap { height:176px; overflow:hidden;}
#faded .rap img { padding:3px; background:#fff; border:1px solid #ded5c5;}
/*--- gallery end ---*/
      

/*===== footer =====*/
#footer {
   color:#5c5c5c;
}
   #footer a {
      color:#5c5c5c;
      text-decoration:none;
   }
   #footer a:hover {
      text-decoration:underline;
   }

/*==========================================*/




body {width:shirinapx;
margin:auto;
}

;)


Вернуться к началу
 Профиль  
Ответить с цитатой  
СообщениеДобавлено: 15 май 2011, 16:23 
Не в сети

Зарегистрирован: 15 май 2011, 15:40
Сообщения: 23
Откуда: Самара
Код:
<table width="755" cellspacing="0" cellpadding="0" border="0" height="100%" align="center">


Вернуться к началу
 Профиль  
Ответить с цитатой  
СообщениеДобавлено: 08 окт 2011, 17:01 
Не в сети

Зарегистрирован: 08 окт 2011, 14:15
Сообщения: 7
husain_if писал(а):
Еще один тоже нубовский вопрос(. Никак не пойму как этот шаблон поставить по центру. неужели в css ? он не на таблицах а на <div>

шаблон:
Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
   <link href="ie_style.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="js/ie_png.js"></script>
   <script type="text/javascript">
       ie_png.fix('.png');
   </script>
<![endif]-->
</head>

<body id="page1">
  <div id="main">
    <!-- header -->
    <div id="header">
      <!-- .logo -->
      <div class="logo">
         <a href="index.html"><img src="images/logo.jpg" alt=""></a>
      </div>
      <!-- /.logo -->
    </div>
    <!-- content -->
    <div id="content">
       <!-- .nav -->
       <ul class="nav">
         <li class="about-item"><a href="index-1.html"><img src="images/about.jpg" alt="" /></a></li>
        <li class="gallery-item"><a href="index-2.html"><img src="images/gallery.jpg" alt="" /></a></li>
        <li class="contacts-item"><a href="index-3.html"><img src="images/contacts.jpg" alt="" /></a></li>
      </ul>
       <!-- /.nav -->
    </div>
    <!-- footer -->
    <div id="footer">
       Copyright &copy; 2010 demolink.org | <a href="index-4.html">Privacy Policy</a>  | <a href="#">Terms of Use</a>
    </div>
  </div>

</body>
</html>



на всяк случай css еще кидаю. может там нужно менять..

Код:

* {
   margin:0;
   padding:0;
}
html, body {
   height:100%;
}
html {
   min-width:766px;
}
body {
   background:url(images/main-bg.jpg) no-repeat 0 29px;
   font-family:Tahoma, Geneva, sans-serif;
   font-size:100%;
   line-height:.75em;
   color:#363e4f;
}

img {
   border:0;
   vertical-align:top;
   text-align:left;
}
object {
   vertical-align:top;
   outline:none;
}
ul, ol {
   list-style:none;
}
table, table td {
   padding:0;
   border:none;
   border-collapse:collapse;
}

.fleft {
   float:left;
}
.fright {
   float:right;
}
.clear {
   clear:both;
}

.col-1, .col-2, .col-3 {
   float:left;
}

.alignright {
   text-align:right;
}
.aligncenter {
   text-align:center;
}

.wrapper {
   width:100%;
   overflow:hidden;
}
.container {
   width:100%;
}




/*==== GLOBAL =====*/
#main {
   width:766px;
   font-size:.625em;
   position:relative;
   min-height:700px;
   height:auto !important;
   height:700px;
}
#footer {
   position:absolute;
   bottom:5px;
   left:5px;
   text-transform:uppercase;
   font-size:9px;
}


/*----- forms parameters -----*/

input, select, textarea {
   font-family:Arial, Helvetica, sans-serif;
   font-size:1em;
   vertical-align:middle;
   font-weight:normal;
}


/*----- other -----*/
.img-indent {
   margin:0 10px 0 0;
   float:left;
}
.img-box {
   width:100%;
   overflow:hidden;
   padding-bottom:17px;
}
   .img-box img {
      float:left;
      margin:0 10px 0 0;
   }

.extra-wrap {
   overflow:hidden;
}


p {
   margin-bottom:12px;
}
.p1 {
   margin-bottom:6px;
}
.p2 {
   margin-bottom:12px;
}
.p3 {
   margin-bottom:18px;
}

/*----- txt, links, lines, titles -----*/
a {
   color:#a72727;
   outline:none;
}
a:hover{
   text-decoration:none;
}

h2 {
   background:url(images/title-bg.png) no-repeat 0 0;
   font-family:Verdana, Geneva, sans-serif;
   text-transform:uppercase;
   color:#000;
   font-size:10px;
   height:34px;
   line-height:25px;
   text-align:center;
   width:122px;
   text-indent:-4px;
   margin-bottom:20px;
   margin-left:-7px;
}

.link1 {
   text-transform:uppercase;
   font-weight:bold;
   text-decoration:none;
}
.link1:hover {
   text-decoration:underline;
}




/*==================boxes====================*/
.box {
   background:url(images/box-bg.png) no-repeat 0 0;
   width:374px;
   height:480px;
   position:absolute;
   left:0;
   top:157px;
}
   .box .inner {
      padding:10px 39px 0 7px;
   }
      .box .inner .inner {
         padding:0 0 0 18px;
      }
      .box .inner1 {
         padding:10px 10px 12px 12px;
      }
   
      .box .close {
         position:absolute;
         right:47px;
         top:23px;
      }

.block {
   border:1px solid #ddd9ca;
   background:#fdfbf7;
}

.address {
   padding:4px 0 10px 0;
}
   .address dt {
      font-weight:bold;
   }
   .address dd {
      clear:both;
   }
      .address dd span {
         float:left;
         width:72px;
      }


/*===== header =====*/
#header .logo {
   position:absolute;
   left:0;
   top:0;
}

/*===== content =====*/
#content .section {
   padding-bottom:20px;
}
   #content .nav li {
      position:absolute;
      left:0;
      top:0;
   }
   #content .nav li.about-item {
      left:143px;
      top:360px;
   }
   #content .nav li.gallery-item {
      left:393px;
      top:404px;
   }
   #content .nav li.contacts-item {
      left:419px;
      top:189px;
   }
   
   
   .advanced-menu {
      position:absolute;
      left:18px;
      top:626px;
   }
      .advanced-menu li {
         display:inline;
         font-weight:bold;
         color:#5c5c5c;
      }
         .advanced-menu li a {
            text-transform:uppercase;
            color:#5c5c5c;
            padding:0 8px 0 5px;
         }
         .advanced-menu li a:hover, .advanced-menu li a.current {
            color:#a72727;
            text-decoration:none;
         }
   
   
   .list1 li {
      background:url(images/marker.gif) no-repeat 0 6px;
      padding:2px 0 5px 12px;
   }
   .list1.alt {
      color:#3f0202;
      margin-left:4px;
   }
      .list1.alt li {
         padding:6px 10px 7px 12px;
         background-position:0 10px;
      }



/*--- gallery begin ---*/
ul.pagination { width:100%; overflow:hidden;}
ul.pagination li { float:left; margin:0 13px 13px 0;}
ul.pagination li a {}
ul.pagination li.current a { }
#faded { width:280px; padding-left:17px;}

#faded .rap { height:176px; overflow:hidden;}
#faded .rap img { padding:3px; background:#fff; border:1px solid #ded5c5;}
/*--- gallery end ---*/
      

/*===== footer =====*/
#footer {
   color:#5c5c5c;
}
   #footer a {
      color:#5c5c5c;
      text-decoration:none;
   }
   #footer a:hover {
      text-decoration:underline;
   }

/*==========================================*/



от меня сэнкс!


Вернуться к началу
 Профиль  
Ответить с цитатой  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 7 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


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

Найти:
Перейти:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB
    liveinternet.ru: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня   Rambler's Top100   Рейтинг@Mail.ru