Перейти к публикации

Сдвиг влево

intellika

Автор: intellika,
в Вебдизайн

 Рассказать Подписчики 0

Рекомендованные сообщения

intellika

intellika 0

Опубликовано:
Опубликовано:

Здравствуйте. У меня центрирована таблица, при подгонке ее под 1024 не могу ее сдвинуть немножко влево. Маргины и паддинги прописанные в таблице не помагают(

Что делать?

Сейчас там написано 

<table align="center" width="650px" >

063c22141292580af27b85ecdd5e.png

38f51f9d69361791d8bd42a9c9e3.png

Ссылка на сообщение
Поделиться на других сайтах
WWW.ZEOS.IN

WWW.ZEOS.IN 1 161

Опубликовано:
Опубликовано:

Выложите сюда весь код этой страницы :)

  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
intellika

intellika 0

Опубликовано:
Опубликовано: Автор 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

{headers}

<style type="text/css" media="all">@import url({THEME}/css/style.css);</style>

<style type="text/css" media="all">@import url({THEME}/css/engine.css);</style>

<script type="text/javascript" src="{THEME}/css/jquery.js"></script>

<style type="text/css">

body {

margin: 10px auto;

font:11px Verdana,Arial, Helvetica, sans-serif;

}

.menu_list { 

width: 180px;

}

.menu_head {

display:block;

border-top: 1px solid #141212;

border-left: 1px solid #141212;

border-right: 1px solid #141212;

border-bottom: 1px solid #141212;

font-size:12px;

padding: 5px 10px;

cursor: pointer;

position: relative;

margin:0px;

font-weight:bold;

background: #1B1818 url(http://en-studio.ru/do/ba/down.png) center right no-repeat;

color:#96967C;

}

.menu_head2{

display:block;

border: 2px solid #2B2222; 



font-size:12px;

padding: 5px 10px;

cursor: pointer;

position: relative;

margin:1px;

font-weight:bold;

background: #2B2222 url(http://en-studio.ru/do/ba/down.png) center right no-repeat;

color:#96967C;

}

.menu_body {

display:none;


}

.menu_body a{

display:block;

border: 1px solid #141212; 

border-bottom-width: 0;

border-top: 1px solid #141212;

border-bottom: 1px solid #141212;

color:#96967C;

font-size:12px;

background-color:#1E1E1E;

padding: 2px; 

padding-left:10px;

font-weight:bold;

text-decoration:none;

}

.menu_body a:hover{

color: #89693C;

font-size:12px;


}

.стиль2 {font-size: 11px}

</style>








<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />

<style type="text/css">


<!--


#banners a img {


opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);


}


#banners a:hover img {


opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);


}


-->


</style>

<script type="text/javascript" src="{THEME}/swfobject.js"></script>

<style type="text/css">

#flashcontent {

	position: absolute; top: 0; left: 0;

	font: 12px 'Trebuchet MS', arial, sans-serif;

	font-weight: bold;

	color: #999;

	text-align:center;

	line-height: 200px;

	width: 100%;


}

body {

	margin: 0;

	padding: 0;

	width: 100%;


	background-color: #000000;


}

#flash{

display: block;

}

html{

	width: 100%;


	margin:0;

	padding:0;


}

</style>


</head>

<body >

{AJAX}

<div id="flashcontent"> You need to upgrade your Flash Player</div>

<script type="text/javascript">

		// <![CDATA[


		var so = new SWFObject("{THEME}/preview.swf", "flash", "100%", "150",  "8" );

		so.addVariable("xml", "{THEME}/data.xml?time="+new Date().getTime())

		so.write("flashcontent");


		// ]]>

	</script>









<script type="text/javascript">

$(document).ready(function()

{

$("#firstpane p.menu_head").click(function()

{

$(this).css({backgroundImage:"url(THEME}/images/down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

$(this).siblings().css({backgroundImage:"url(THEME}/images/down.png)"});

});

});

</script>









<script type="text/javascript">$(document).ready(function(){$('ul#banners').innerfade({animationtype: 'fade',speed: 1000,timeout: 10000,type: 'sequence',containerheight: '64px'});});</script>


<br>

<br>

<br>

<table align="center" width="650px" >

<tr>

 <td>

    <table width="100%">

        <tr>

            <td><img src="{THEME}/images/img_01.png" alt=""/></td>

            <td><img src="{THEME}/images/img_02.png" alt=""/></td>

            <td style="background:url({THEME}/images/img_03.png);width:100%;"></td>

            <td><img src="{THEME}/images/img_04.png" alt=""/></td>

            <td ><img src="{THEME}/images/img_05.png"  alt=""/><div style="float:right; position: absolute; margin-left: 52px;"> 

<div id="firstpane" class="menu_list">

<p class="menu_head2">Все для DLE</p>

<p class="menu_head">Что такое DLE</p>

<div class="menu_body"> 

<a href="#">» DataLife Engine</a> 

</div>

<p class="menu_head">Скачать DLE</p>

<div class="menu_body"> 

<a href="#">» Все релизы DLE</a> 

</div>

<p class="menu_head">Модули для DLE</p> 

<div class="menu_body"> 

<a href="#">» Бесплатные модули dle</a> 

<a href="#">» Платные модули dle</a> 

</div> 

<p class="menu_head">Хаки для DLE</p>

<div class="menu_body"> 

<a href="#">» Хаки для DLE</a>

</div>

<p class="menu_head">Шаблоны для DLE</p> 

<div class="menu_body"> 

<a href="#">» Бесплатные шаблоны</a>

<a href="#">» Платные шаблоны</a> 

</div> 



</div>

</div></td>

        </tr>	

    </table>

  </td>      

</tr> 


<tr>

<td>


<table width="100%">

<tr>

  <td style="background:url({THEME}/images/img_11.png)" valign="top"><img src="{THEME}/images/img_06.png" alt=""/></td>

  <td style="background:url({THEME}/images/img_12.png); width:100%;" valign="top">


   <table width="100%">

     <tr>       

       <td width="80%" valign="top">

 	  	 <table width="100%">

             <tr>

                <td width="50%" valign="top">


               </td>


<td width="50%" align="right" valign="top">         <table>

              <tr>

                <td valign="top">


                </td>

              </tr>

        </table>   </td>

</tr>


</table> 

			                        <!--Ротатор банеров--> 

									{include file="rotator.tpl"}

									<!--Конец ротатора-->


       <br>

{info}

{content}


</td>


</td>

<!-- Left block -->


















</tr>

</table>


</td>

     <td style="background:url({THEME}/images/img_14.png)" valign="top"><img src="{THEME}/images/img_10.png" alt=""/></td>

</tr>	

</table>

</td>      

</tr> 


<tr>

 <td>

    <table  width="100%">

        <tr>

            <td><div class="l_r_corner"><img src="{THEME}/images/img_19.png" alt=""/></div><img src="{THEME}/images/img_22.png" alt=""/></td>

            <td><img src="{THEME}/images/img_23.png" alt=""/></td>

            <td style="background:url({THEME}/images/img_24.png);width:100%;"></td>

          <td><img src="{THEME}/images/img_25.png" alt="" /></td>

            <td><div class="l_r_corner"><img src="{THEME}/images/img_21.png" alt=""/></div><img src="{THEME}/images/img_26.png" alt=""/></td>

        </tr>	

    </table>

  </td>      

</tr> 


</table><center>

<div id="banners"><!--LiveInternet counter--><script type="text/javascript"><!--

document.write("<a href='http://www.liveinternet.ru/click' "+

"target=_blank><img src='http://counter.yadro.ru/hit?t12.5;r"+

escape(document.referrer)+((typeof(screen)=="undefined")?"":

";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?

screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+

";"+Math.random()+

"' alt='' title='LiveInternet: показане число переглядів за 24"+

" години, відвідувачів за 24 години й за сьогодні' "+

"border='0' width='88' height='31'></a>")

//--></script><!--/LiveInternet-->

<!--Rating@Mail.ru counter-->

<script language="javascript" type="text/javascript"><!--

d=document;var a='';a+=';r='+escape(d.referrer);js=10;//--></script>

<script language="javascript1.1" type="text/javascript"><!--

a+=';j='+navigator.javaEnabled();js=11;//--></script>

<script language="javascript1.2" type="text/javascript"><!--

s=screen;a+=';s='+s.width+'*'+s.height;

a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth);js=12;//--></script>

<script language="javascript1.3" type="text/javascript"><!--

js=13;//--></script><script language="javascript" type="text/javascript"><!--

d.write('<a href="http://top.mail.ru/jump?from=1737304" target="_top">'+

'<img src="http://d2.c8.ba.a1.top.mail.ru/counter?id=1737304;t=50;js='+js+

a+';rand='+Math.random()+'" alt="Рейтинг@Mail.ru" border="0" '+

'height="31" width="88"></a>');if(11<js)d.write('<'+'!-- ');//--></script>

<noscript><a target="_top" href="http://top.mail.ru/jump?from=1737304">

<img src="http://d2.c8.ba.a1.top.mail.ru/counter?js=na;id=1737304;t=50" 

height="31" width="88" border="0" alt="Рейтинг@Mail.ru"></a></noscript>

<script language="javascript" type="text/javascript"><!--

if(11<js)d.write('--'+'>');//--></script>

<!--// Rating@Mail.ru counter--></div></center>



<map name="Map" id="Map"><area shape="rect" coords="269,318,302,352" href="javascript:window.external.AddFavorite('http://allydark.com', 'allydark.com - это мы.')" alt="Добавить в избранное" />

</map>



</body>

</html>

Ссылка на сообщение
Поделиться на других сайтах
baxus

baxus 49

Опубликовано:
Опубликовано:

Жесть я уже смотрю в таблы вижу фигу))))

что это там за .стиль2

Всю главную таблицу закройте в <div style="margin-left:-xxpx">Здесь таблица</div>

xxpx - размер на который нужно влево сместить

  • Поддерживаю 2
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...