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

Тема в разделе "PHP", создана пользователем letrletrdina, 13 янв 2009.

Статус темы:
Закрыта.
Модераторы: latteo
  1. letrletrdina

    letrletrdina Постоялец

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

    сам код шаблона следующий (в белые поля попадают картинки тка между тегами </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. vredin

    vredin Читатель

    Заблокирован
    Регистр.:
    17 дек 2007
    Сообщения:
    141
    Симпатии:
    35
    я не большой спец, но это проблема верстки и никак не связано с php, я бы копал в следующих направлениях:
    1. попробуйте сделать таблицей
    2. попробуйте использовать возможность div
     
  3. letrletrdina

    letrletrdina Постоялец

    Регистр.:
    25 сен 2008
    Сообщения:
    146
    Симпатии:
    6
    ну вот пробовал сделать так пример кода -
    <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>

    тогда картинки ложаться одна под другой но тогда расположение получаеться выше поля основного сайта - ну ведь можно же как по другому решить проблему может что на яве скрипт или ифреймом ?
    [​IMG]
     
  4. letrletrdina

    letrletrdina Постоялец

    Регистр.:
    25 сен 2008
    Сообщения:
    146
    Симпатии:
    6
    ВСЕ РЕШИЛ ПРОБЛЕМУ С ПОМОЩЬЮ ДЖАВАСКРИПТ
    [​IMG]

    ВОТ КОД МОЖЕТ КОМУ ПРИГОДИТЬСЯ
    <HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Original: Randy Bennett (rbennett@thezone.net) -->
    <!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm -->

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- 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>
     
Статус темы:
Закрыта.