ose

Дизайн, оценка

ose replied to ose's topic in Discussion of works

Я неделю искал подходящую картинку, в 80% фотографы отрезают пол головы и ног! У этой хоть все на месте, ну просто поджала ноги

Дизайн, оценка

ose replied to ose's topic in Discussion of works

Ноги у нее в коленках согнуты Да, голубой мое упущение... Кнопочки тоже думаю перерисовать...

Дизайн, оценка

ose posted a topic in Discussion of works

Переделал дизайн модуля Jooml`ы (это мой первый опыт) Сайт следует открывать ТОЛЬКО в FireFox`e. Для IE CSS еще не готов. Прошу оценить дизайн, что доработать, поправить, размер шрифтов и т.д. http://sweetwoman.ru/index.php?option=com_...t&Itemid=34

проблема со слоями в IE6+

ose replied to ose's question in HTML Coding

Все справился, все оказалось ОЧЕНЬ просто: <head> <?php if ( $my->id ) { initEditor(); } ?> <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" /> <?php mosShowHead(); ?> <?php echo "<link rel=\"stylesheet\" href=\"" .$thisTemplatePath ."/css/template_css.css\" type=\"text/css\"/>" ; ?>

проблема со слоями в IE6+

ose replied to ose's question in HTML Coding

3 день мучаюсь, можно для "танкистов" подробно, что тут поправить... Как я понял нужно сделать так: это пишем в файле с CSS: #layer1 { background: #fc0; padding: 5px; } #layer2 { background: #fff; width: 60%; padding: 10px; } А потом назначаем ID в PHP файле, формирующем список квадратов с товаром? <div align="right" id="layer1"> <div align="left" id="layer2"> Вот CSS шаблон и PHP div#product_list { /*Блок списка товаров*/ margin-bottom:1em; } #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-right:0 !important; position:relative; left:-10px; padding-bottom:2em; min-height:170px; /* width:46% !important; float:left !important; clear:left !important; */ } #product_list div>div{ /*div, содержащий тело "квадрата" */ border:none; margin:0; left:0; background:none; } #product_list div>div>div{ /*div, содержащий заголовок "квадрата"*/ /* width:auto !important; */ margin-top:45px; /* margin-left:20px;*/ } #product_list div>div>div>h3{ /*Оформление заголовка "квадрата"*/ /**/ border-right:1px #FFB64F solid; background-color:#FFB64F; background-image:url("../images/t1_header.gif"); background-repeat:no-repeat; color:white; font-size:9pt; display:block; width:100%; /* width:297px; */ /**/ padding:0; padding-top:4px; padding-bottom:4px; margin:0; margin-left:-3px; margin-top:-45px; margin-bottom:15px; text-align:left; /**/ } #product_list div>div>div>h3>a{ /*Оформление текста заголовка "квадрата"*/ color:white; font-size:12pt !important; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none !important; position:relative; left:-40px; } #product_list div>div>div>div { /*div-ы : описание, цена, количество, рейтинг товара */ padding-left:1.5em !important; padding-right:0.5em; width:auto !important; margin-top:-0.4em; margin-left:105px; margin-bottom:1em; } #product_list div div div div a { /*Ссылка "Подробнее"*/ display:block; margin-top:0.5em; } #product_list a img { /*Картинка товара*/ margin-top:15px; margin-left:1.5em; position:absolute; } #product_list div div div div span { /* Цена товара*/ color:#F7971D; font-size:12pt; font-weight:bold; text-align:right !important; display:block; margin-right:0.2em; margin-top:0.2em; margin-bottom:0.4em; } #product_list label { /*Метка поля ввода ("Количество")*/ color:#F7971D; } #product_list div>div>div>div input[type="submit"] { /*Кнопка "Купить", т.к. нет конкретного идентификатора параметры задаются для всех элементов типа input*/ position:absolute; bottom:-25px; left:25px; width:101px !important; height:49px !important; background-image:url("../images/add-to-cart_nic.gif") !important; background-color:#FAFAFA; color:#44A0D2; font-size:11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px; } #product_list div>div>div>div input.inputbox { /*Поле количества товара, переопределение параметров заданных для кнопки*/ width:auto !important; height:auto !important; background:none !important; color:#555555; font:inherit; text-align:right; position:inherit; bottom:inherit; } а вот, как я понимаю, шаблон формирования квадратов с товаром, он должен брать CSS стили из верхнего файла, верно? <div style="width:100%;padding: 0px 3px 3px 3px;"> <div style="float:left;width:20%;"> <script type="text/javascript">//<![CDATA[ document.write('<a href="java script:void window.open(\'{image_url}product/{product_full_image}\', \'win2\', \'status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,wid th={full_image_width},height={full_image_height},directories=no,location=no\');">'); document.write('<img src="{product_thumb_image}" {image_height} {image_width} border="0" title="{product_name}" alt="{product_name}" /></a>' ); //]]></script> <noscript> <a href="{image_url}product/{product_full_image}" target="_blank" title="{product_name}"> <img src="{product_thumb_image}" {image_height} {image_width} border="0" title="{product_name}" alt="{product_name}" /> </a> </noscript> </div> <div> <h3><a style="font-size: 16px; font-weight: bold;" title="{product_name}" href="{product_flypage}"> {product_name}</a> </h3> <div style="float:left;width:80%;"> {product_s_desc} <a href="{product_flypage}" title="{product_details...}">{product_details...}...</a> </div> <br style="clear:both" /> <div style="float:left;width:30%;"> {product_price} </div> <div style="float:left;width:30%;text-align:center"> {form_addtocart} </div> <div style="float:left;width:30%;"> {product_rating} </div> </div> </div>

проблема со слоями в IE6+

ose replied to ose's question in HTML Coding

мне будет проще дать ссылку, вот http://sweetwoman.ru/index.php?option=com_...t&Itemid=34 прошу подсказать как сделать так, чтоб описание не перекрывало картинку на редактирование CSS шаблона реагирует только Firefox, а где нужно править для IE? для лисицы все получается сделать как надо, а вот что с эксплоререм...

проблема со слоями в IE6+

ose posted a question in HTML Coding

Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-right:0 !important; position:relative; left:-10px; padding-bottom:2em; [color="red"][b]min-height:250px;[/b][/color] /* width:46% !important; float:left !important; clear:left !important; */ } #product_list div>div{ /*div, содержащий тело "квадрата" */ border:none; margin:0; left:0; background:none; } #product_list div>div>div{ /*div, содержащий заголовок "квадрата"*/ /* width:auto !important; */ margin-top:45px; /* margin-left:20px;*/ } #product_list div>div>div>h3{ /*Оформление заголовка "квадрата"*/ /**/ border-right:1px #FFB64F solid; background-color:#FFB64F; background-image:url("../images/t1_header.gif"); background-repeat:no-repeat; color:white; font-size:9pt; display:block; width:100%; /* width:297px; */ /**/ padding:0; padding-top:4px; padding-bottom:4px; margin:0; margin-left:-3px; margin-top:-45px; margin-bottom:15px; text-align:left; /**/ } #product_list div div div div a { /*Ссылка "Подробнее"*/ display:block; margin-top:0.5em; } #product_list a img { /*Картинка товара*/ margin-top:15px; margin-left:1.5em; position:absolute; } #product_list div div div div span { /* Цена товара*/ color:#F7971D; font-size:12pt; font-weight:bold; text-align:right !important; display:block; margin-right:0.2em; margin-top:0.2em; margin-bottom:0.4em; } #product_list div>div>div>h3>a{ /*Оформление текста заголовка "квадрата"*/ color:white; font-size:12pt !important; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none !important; position:relative; left:-40px; } #product_list div>div>div>div { /*div-ы : описание, цена, количество, рейтинг товара */ padding-left:1.5em !important; padding-right:0.5em; width:auto !important; margin-top:-0.4em; [color="red"][b]margin-left:170px;[/b][/color] margin-bottom:1em; } #product_list div div div div a { /*Ссылка "Подробнее"*/ display:block; margin-top:0.5em; } #product_list a img { /*Картинка товара*/ [color="#FF0000"]float: left;[/color] margin-top:15px; margin-left:1.5em; position:absolute; } #product_list div div div div span { /* Цена товара*/ color:#F7971D; font-size:12pt; font-weight:bold; text-align:right !important; display:block; margin-right:0.2em; margin-top:0.2em; margin-bottom:0.4em; } Вот html <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." ); $iso = split( '=', _ISO ); // xml prolog echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; //Define the absolute path to this template $thisTemplatePath = $GLOBALS[mosConfig_live_site] ."/templates/" .$GLOBALS[cur_template]; ?> <!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> <?php if ( $my->id ) { initEditor(); } ?> <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" /> <?php mosShowHead(); ?> <?php echo "<link rel=\"stylesheet\" href=\"" .$thisTemplatePath ."/css/template_css.css\" type=\"text/css\"/>" ; ?>   <link rel="shortcut icon" href="<? echo $thisTemplatePath; ?>/images/favicon.ico" /> <link rel="icon" href="<? echo $thisTemplatePath; ?>/images/favicon.gif" type="image/gif" /> </head> <body> <span class="main"> <table border="0" cellpadding="0" cellspacing="0" width="100%" > <tbody> <tr> <td class='main_left' > </td> <td valign="top" width="80%" align='center'> <table class="main_block" border="0" cellpadding="0" cellspacing="0" width="100%" > <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class='page_header'> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td valign="top" width="700" > <table border="0" cellpadding="0" cellspacing="0" height="87" width="100%"> <tbody> <tr> <td align="center" width="240"><a href="http://sweetwoman.ru/"><img src="<? echo $thisTemplatePath; ?>/images/logo.gif" border="0" height="62" width="210"></a> </td> <td> <h1 class="top_header"> SweetWoman.ru </h1> <h2 class="top_header"> элегантное нижнее белье </h2> </td> </tr> </tbody> </table> <?php if (mosCountModules( 'vm_top' ) ) { ?> <div class="vm_topmenu"> <?php mosLoadModules ( 'vm_top' ); ?> </div> <?php } ?> </td> <td align="center" valign="top" class='vm_basket_block'> <?php if (mosCountModules( 'vm_basket' ) ) { ?> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="91" valign="top" colspan="2" align='left'> <img src="<? echo $thisTemplatePath; ?>/images/bask1.gif" height="17" width="91"> </td> </tr> <tr> <td valign="top" class="basket_icon" > <img src="<? echo $thisTemplatePath; ?>/images/bask.gif" height="42" width="91"> </td> <td align="left" valign="top" class="basket_text"> <?php mosLoadModules ( 'vm_basket' ); ?> </td> </tr> </tbody> </table> <?php } ?> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td valign="top" width="5%" align="left" class="col_left"> <div id="dopmenublock"> <?php if (mosCountModules( 'user1' ) ) { ?> <div style="margin-bottom:30px;" class="blueblock"> <table border="0" cellpadding="0" cellspacing="0" class="blueblock_table"> <tbody> <tr> <td class="blb_right_top" height='17'> </td> </tr> <tr> <td class="blb_content"> <?php mosLoadModules ( 'user1' ); ?> </td> </tr> <tr> <td class="blb_right_bottom" height='17'> </td> </tr> </tbody> </table> </div> <?php } ?> </div>   <?php if (mosCountModules( 'vm_cat' ) ) { ?> <div id='vm_cat'> <table border="0" cellpadding="0" cellspacing="0" class="blueblock_table"> <tbody> <tr> <td class="blb_right_top" height='17'> </td> </tr> <tr> <td class="blb_content"> <?php mosLoadModules ( 'vm_cat' ); ?> </td> </tr> <tr> <td class="blb_right_bottom" height='17'> </td> </tr> </tbody> </table> </div> <?php } ?> <?php if (mosCountModules( 'vm_topten' ) + mosCountModules( 'vm_ftrprod' ) ) { ?> <div align="center" style="width:252px"> <?php if (mosCountModules( 'vm_ftrprod' ) ) { ?> <table border="0" cellpadding="0" cellspacing="0" width="90%" class="gray_bbl"> <tbody> <tr> <th width="17" height="30" class='gblb_top_left'> </td> <th class='gblb_top_center' >Спецпредложение</td> <th width="17" class='gblb_top_right'> </td> </tr> <tr> <td class="gblb_left"> </td> <td class="gblb_main" style="padding-top:2.3em;"> <center><?php mosLoadModules ( 'vm_ftrprod' ); ?><center> </td> <td class="gblb_right"> </td> </tr> <tr> <td height="21" class="gblb_bottom_left"> </td> <td class="gblb_bottom_center"> </td><td class="gblb_bottom_right"> </td> </tr> </tbody> </table> <?php } ?> <?php if (mosCountModules( 'vm_topten' ) ) { ?> <span class='vm_topten'> <table border="0" cellpadding="0" cellspacing="0" width="230" class="gray_bbl"> <tbody> <tr> <th width="17" height="30" class='gblb_top_left'> </td> <th class='gblb_top_center' >Хиты продаж</td> <th width="17" class='gblb_top_right'> </td> </tr> <tr> <td class="gblb_left"> </td> <td class="gblb_main" > <center><?php mosLoadModules ( 'vm_topten' ); ?></center> </td> <td class="gblb_right"> </td> </tr> <tr> <td height="21" class="gblb_bottom_left"> </td> <td class="gblb_bottom_center"> </td><td class="gblb_bottom_right"> </td> </tr> </tbody> </table> </span> <?php } ?> </div> <?php } ?> <br /><br /> <div id="dopmenublock"> <?php if (mosCountModules( 'vm_auth' ) ) { ?> <div class='vm_auth'> <div style="margin-left: 20px;"> <?php mosLoadModules ( 'vm_auth' ); ?> </div> </div> <?php } ?> </div> </td> <td valign="top" width="70%"> <?php if (mosCountModules( 'vm_search' ) ) { ?> <div style="maRgin-right: 120px; margin-top: 10px;" align="right" class="vm_search"> <?php mosLoadModules ( 'vm_search' ); ?> </div> <?php } ?> <table border="0" cellpadding="0" cellspacing="0" width="90%"> <tbody> <tr> <td>  <span class="main_body"> <?php mosMainBody(); ?> </span> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr><td>  <table style="border-top:1px #f0f0f0 solid;background-image: url(<? echo $thisTemplatePath; ?>/images/bot_back.gif); background-repeat: repeat-x; background-position: center bottom;" border="0" cellpadding="0" cellspacing="0" height="96" width="100%"> <tbody> <tr> <td align="left" height="95" valign="bottom" width="17"> <img src="<? echo $thisTemplatePath; ?>/images/bot_corn1.gif" height="16" width="17"> </td> <td height="95" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="40%" style="padding-top: 10px; padding-left: 10px;"> <a href="http://nic.ru/"><img src="<? echo $thisTemplatePath; ?>/images/logo2.gif" border="0" height="38" width="88"></a> <div class="smalltext" style="margin-left: 35px;">Региональный Сетевой<br>Информационный Центр</div> </td> <td width="60%"> <div class="smalltext"><nobr>Copyright © 2007 RU-CENTER. Демонстрационный сайт интернет-магазина. <a style="color:inherit;text-decoration:none" target="_blank" href='http://hosting.nic.ru'>http://hosting.nic.ru</a>.<nobr> <br> <a style="color:inherit;text-decoration:none" target="_blank" href="http://joom.ru">Joomla</a>, <a style="color:inherit;text-decoration:none" href="http://virtuemart.ru" target="_blank">VirtueMart</a> — свободное программное обеспечение, распространяемое по лицензии GPL. </div> </td> </tr> </tbody> </table> </td> <td align="left" height="95" valign="bottom" width="17"><img src="<? echo $thisTemplatePath; ?>/images/bot_corn2.gif" height="16" width="17"></td> </tr> </tbody> </table>  </td> </tr> </table> </td> <td class="main_right"> </td> </tr> </tbody></table> </p> </span> </body></html>