Подскажите как разместить картинки справа и слева то боди

Статус
В этой теме нельзя размещать новые ответы.
letrletrdina

letrletrdina

Постоялец
Регистрация
25 Сен 2008
Сообщения
146
Реакции
6
Подскажите как разместить картинки справа и слева от основного поля сайта вот как на скриншете- в шаблоне удалось впихнуть тег с удаленной загрузкой изображения с align="right" и align="left" и даже разместить картинки справа и слева в белых полях - что мне и надо - но при добавлении двух картинок с
с align="right" или лефт - картинки не ложаться одна под другой а выстраиваються в горизонтальном положении а мне надо что бы они ложились в вертикальном те одна под другой а не рядом друг сдругом!!!Способами нтмл данную проблему решить не удаеться т к в нтмл нет функции позиционирования картинок!ПХПэшники молчат - думаю что ява скрипт форева поможет - специ подскажите пожалуйста как реализовать данную задачу?Все что размещаю выше или соотв в конце скрипта ниже [/sitelock] картинку перемещает соотв ниже или выше основного поля сайта
Для просмотра ссылки Войди или Зарегистрируйся

сам код шаблона следующий (в белые поля попадают картинки тка между тегами </table>здесь [/sitelock] в данном примере вотэто вставлял --
<a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img

src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg"vspace=0 hspace=0 middle="100" border="0"align="left"></a>





<!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" xml:lang="{l_langcode}" lang="{l_langcode}" dir="ltr">
<head>
<meta http-equiv="Content-type" content="text/html; charset={l_encoding}" />
<meta http-equiv="Content-language" content="{l_langcode}" />
<meta name="Generator" content="{what} {version}" />
<meta name="Document-State" content="dynamic" />
{metatags}
<link href="{tpl_url}/style.css" rel="stylesheet" type="text/css" media="screen" />
{extracss}
<link href="{home}/rss.xml" rel="alternate" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="{zz_url}/includes/js/functions.js"></script>
<script type="text/javascript" src="{zz_url}/includes/js/ajax.js"></script>
<title>{titles}</title>
</head>







<body>





<a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img

src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg"vspace=0 hspace=0 middle="100" border="0"align="left"></a>


<style='margin-top:10px;margin-left:5px;'>
<a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img

src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg"vspace= hspace=0 border="0"align="left"></a>



[sitelock]









<div id="loading-layer"><img src="{tpl_url}/images/loading.gif" alt="" /></div>
<table align="center" border="0" width="1000" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img border="0" src="{tpl_url}/images/2z_01.gif" width="225" height="142" /></td>
<td style="background-image:url('{tpl_url}/images/2z_02.gif');" width="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td width="257">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
<tr>
<td><a

onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://site.ru/');" href="#">Сделать стартовой</a> | <a

href="javascript:window.external.AddFavorite('http://site.ru/', 'Site.Ru!')">Добавить в избранное</a></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td>{search_form}</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img border="0" src="{tpl_url}/images/2z_19.gif"

width="6" height="72" /></td>
<td

style="background-image:url('{tpl_url}/images/2z_20.gif');" width="100%">{personal_menu}</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td>
<img border="0" src="{tpl_url}/images/2z_04.gif" width="10" height="142" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url('{tpl_url}/images/2z_78.gif');" width="12">&nbsp;</td>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="201">
<table border="0" width="200" cellspacing="0" cellpadding="0">
<tr>
<td><table border="0" width="100%" cellspacing="0"

cellpadding="0">
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img border="0" src="{tpl_url}/images/2z_35.gif" width="7" height="36" /></td>
<td style="background-image:url('{tpl_url}/images/2z_36.gif');" width="100%">&nbsp;<font

color="#FFFFFF"><b>Категории</b></font></td>
<td>
<img border="0" src="{tpl_url}/images/2z_38.gif" width="7" height="36" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url('{tpl_url}/images/2z_56.gif');" width="7">&nbsp;</td>
<td bgcolor="#FFFFFF"><ul><a href="/">Главная</a></ul><ul>{categories}</ul></td>
<td style="background-image:url('{tpl_url}/images/2z_58.gif');" width="7">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<img border="0" src="{tpl_url}/images/2z_60.gif" width="7" height="11" /></td>
<td style="background-image:url('{tpl_url}/images/2z_61.gif');" width="100%"></td>
<td>
<img border="0" src="{tpl_url}/images/2z_62.gif" width="7" height="11" /></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>

<tr><td>&nbsp;</td></tr>

<!-- FAVORITES start -->
<tr><td>
{plugin_favorites}
</td></tr>
<!-- FAVORITES end -->

<tr><td>&nbsp;</td></tr>

<!-- POPULAR start -->
<tr><td>
{plugin_popular}
</td></tr>
<!-- POPULAR end -->

<tr><td>&nbsp;</td></tr>

<tr><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>

</table>
</td>
<td valign="top" width="8">&nbsp;</td>
<td valign="top">{mainblock}</td>
<td valign="top" width="10">&nbsp;</td>
<td valign="top" width="173">
<table border="0" width="200" cellspacing="0" cellpadding="0">

<!-- CALENDAR start -->
<tr><td>
{plugin_calendar}
</td></tr>
<!-- CALENDAR end -->

<tr><td>&nbsp;</td></tr>

<!-- Archive -->
<tr><td>
{plugin_archive}
</td></tr>

<!-- inc begin -->
[isplugin voting]
<tr><td>&nbsp;</td></tr>
<tr><td>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="{tpl_url}/images/2z_35.gif" width="7" height="36" /></td>
<td style="background-image:url('{tpl_url}/images/2z_36.gif');" width="100%">&nbsp;<b><font color="#FFFFFF">Наш

опрос</font></b></td>
<td><img border="0" src="{tpl_url}/images/2z_38.gif" width="7" height="36" /></td>
</tr>
</table>
</td>
</tr>
<tr><td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image:url('{tpl_url}/images/2z_56.gif');" width="7">&nbsp;</td>
<td bgcolor="#FFFFFF">{voting}</td>
<td style="background-image:url('{tpl_url}/images/2z_58.gif');" width="7">&nbsp;</td>
</tr>
</table>


</td>
</tr>
<tr><td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="{tpl_url}/images/2z_60.gif" width="7" height="11" /></td>
<td style="background-image:url('{tpl_url}/images/2z_61.gif');" width="100%"></td>
<td><img border="0" src="{tpl_url}/images/2z_62.gif" width="7" height="11" /></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>

<tr><td>&nbsp;</td></tr>
[/isplugin]
<!-- inc end -->

<tr><td>&nbsp;</td></tr>








</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="background-image:url('{tpl_url}/images/2z_80.gif');" width="16">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td>
<img border="0" src="{tpl_url}/images/2z_81.gif" width="12" height="65" /></td>
<td style="background-image:url('{tpl_url}/images/2z_83.gif');" width="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td class="mw_copy">
Copyright &copy; 2007-2008 <a title="{home_title}" href="{home}">{home_title}</a><br

/>Powered by <a title="CMS - 2z project" target="_blank" href="http://2z-project.ru">2z project</a>
</td><td class="mw_copy" align=right>SQL запросов: <b>{queries}</b> | Генерация страницы:

<b>{exectime}</b> сек&nbsp;</td>
</tr>

</table></td>
<td><img border="0" src="{tpl_url}/images/2z_85.gif" width="16" height="65" /></td>
</tr>
</table>
</td>
</tr>
<table width="90%" border="0" cellspacing="4" cellpadding="4">
<tr>
<td>
</table>

[/sitelock]
</body>
</html>
 
  • Заблокирован
  • #2
я не большой спец, но это проблема верстки и никак не связано с php, я бы копал в следующих направлениях:
1. попробуйте сделать таблицей
2. попробуйте использовать возможность div
 
vredin написал(а):
я не большой спец, но это проблема верстки и никак не связано с php, я бы копал в следующих направлениях:
1. попробуйте сделать таблицей
2. попробуйте использовать возможность div
Нажмите для раскрытия...

ну вот пробовал сделать так пример кода -
<table width="90%" border="0" cellspacing="4" cellpadding="4">
<tr>
<td><a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img

src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg"vspace=0 hspace=0 middle="100" border="0"align="left"></a></td>

<td class="text">Обезжиривание поверхности.</td>
</tr>
<tr>
<td><a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img

src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg"vspace= hspace=0 border="0"align="left"></a></td>

</tr>

тогда картинки ложаться одна под другой но тогда расположение получаеться выше поля основного сайта - ну ведь можно же как по другому решить проблему может что на яве скрипт или ифреймом ?
Для просмотра ссылки Войди или Зарегистрируйся
 
vredin написал(а):
я не большой спец, но это проблема верстки и никак не связано с php, я бы копал в следующих направлениях:
1. попробуйте сделать таблицей
2. попробуйте использовать возможность div
Нажмите для раскрытия...

ВСЕ РЕШИЛ ПРОБЛЕМУ С ПОМОЩЬЮ ДЖАВАСКРИПТ
Для просмотра ссылки Войди или Зарегистрируйся

ВОТ КОД МОЖЕТ КОМУ ПРИГОДИТЬСЯ
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: Для просмотра ссылки Войди или Зарегистрируйся -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! Для просмотра ссылки Войди или Зарегистрируйся -->

<!-- Begin
function checkVersion4() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function setVariables() {
if (navigator.appName == "Netscape") {
h=".left=";v=".top=";dS="document.";sD="";
}
else{
h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
}
objectX="object11"
XX=-70;
YY=-70;
OB=11;
}

function setObject(a) {
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}

function getObject() {
if (isNav) document.captureEvents(Event.MOUSEMOVE);
}

function releaseObject() {
if (isNav) document.releaseEvents(Event.MOUSEMOVE);
check="no";
objectX="object11";
document.close();
}

function moveOB() {
eval(dS + objectX + sD + h + Xpos);
eval(dS + objectX + sD + v + Ypos);
}

var isNav = (navigator.appName.indexOf("Netscape") !=-1);
var isIE = (navigator.appName.indexOf("Microsoft") !=-1);
nsValue=(document.layers);
check="no";
function MoveHandler(e) {
Xpos = (isIE) ? event.clientX : e.pageX;
Ypos = (nsValue) ? e.pageY : event.clientY;
if (check=="no") {
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes";
if (objectX=="object11") check="no";
}
Xpos+=diffX;
Ypos+=diffY;
if (OB=="1") xpos1=Xpos,ypos1=Ypos;
moveOB();
}
if (isNav) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50; // make this the left pixel value for object1 below
ypos1=50; // make this the top pixel value for object1 below
xpos11 = -50;
ypos11 = -50;
Xpos=5;
Ypos=5;
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
// End -->
</script>
</HEAD>
<BODY>
<body OnLoad="checkVersion4()">







<div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
<table border=1 cellpadding=5>
<tr>
<td bgcolor=eeeeee style="cursor:hand" onmousedown="setObject(1)"> Ïåðåòàñêèâàåìîå<br>Ìåíþ</td>
</tr>
<tr>
<td>
<br>
<a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg">Ýëåìåíò # 1</A><br>
<a href="http://ipicture.ru/Gallery/Viewfull/7592622.html" target="_blank"><img src="http://pic.ipicture.ru/uploads/081005/thumbs/DxNZA6HYul.jpg">Ýëåìåíò # 2</a><br>
<A HREF="javascript:void(0)">Ýëåìåíò # 3</a>

</tr>
</table>
</div>

</BODY>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху