Jump to content

Воитель

Newbie
  • Posts

    29
  • Joined

  • Last visited

Everything posted by Воитель

  1. И в фаербаке всё чисто, и средстве разработчика в IE всё чисто. Решение проблемы нашлось. Дело в том что у шаблонов почему-то на кодировке стояла галочка на BOM.
  2. Добавлю некоторые свои наблюдения, что есть текст выводить не через шаблон, т.е. не через чтение файла, то всё отображается нормально. Поэтому наверно всё же дело не в вёрстке а в php. Хотя в шаблоне просатривал все скрытые символы - ни чего нет, кроме перехода на новую строку. И ещё один момент, если в шаблоне не блочный элемент, то тоже всё хорошо выводиться.
  3. К сожалению не могу предоставить ссылку, всё делается на локали. Сброс стилей уже стоял. а line-height: 1; не помогло. Растояние конечно приуменьшилось, но не дало желаемого результата.
  4. Потратил больше часа, на поиск ошибки, но так и не смог найти. Суть в том, что между дивами образуются отпступы по вертикали как будто margin-top: указан. Но на самом деле его нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="Детские игровые комплексы"> <META name="keywords" content="Детские игровые комплексы"> <title>Детские игровые комплексы</title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="stylesheet" type="text/css" href="sostav/style_admin.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /> <link rel="stylesheet" href="./sostav/lightbox_2_04/css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="./sostav/js_rabota_s_cookies.js"></script> <script type="text/javascript" src="./sostav/lightbox_2_04/js/prototype.js"></script> <script type="text/javascript" src="./sostav/lightbox_2_04/js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="./sostav/lightbox_2_04/js/lightbox.js"></script> </head> <body> <div style="width:80%; padding-top:30px; padding-left:10%; padding-right:10%; padding-bottom:40px"> <div style="float:right; width:200px;"> <a href="./adminochka_glavnaya.php"><h4 style="color:#FFFF00">Главная</h4></a><br /> <a href="./adminochka_orders.php"><h4 style="color:#FFFF00">Заказы</h4></a><br /> <a href="./korzina.php"><h4 style="color:#FFFF00">Корзина</h4></a><br /> <a href="./papka.php?nomer_papki=2"><h4 style="color:#FFFF00">Продукция</h4></a><br /> ?<div><a class="a_bokovaya_navigaciya_produkcii_razdel" href="./papka.php?nomer_papki=104">Детские игровые комплексы</a></div> ?<div style="margin-left:10px; margin-top:5px"><a class="a_bokovaya_navigaciya_produkcii_podrazdel" href="./papka.php?nomer_papki=105">Детские игровые комплексы</a></div> ?<div style="margin-left:20px; margin-top:5px"><a class="a_bokovaya_navigaciya_produkcii_podrazdel" href="./papka.php?nomer_papki=106">Детские игровые комплексы</a></div> </div> Вывожу этот html я через php: //file создаёт массив в каждом элементе которого строка файла а implode объеденяет все элементы массива в 1 строку. Это правильный вариант получения содержимого файла. $soderjimoe_fayla_verh[] = implode('', file ('./production/templates/production_01/navigaciya_po_produkcii_g.html')); $soderjimoe_fayla_verh[] = implode('', file ('./production/templates/production_01/navigaciya_po_produkcii_gg.html')); $massiv_poiska = array("[IMYA]","[NOMER_PAPKI]","[UROVEN_VLOJENNOSTI]"); vivod_dochernih_papok("2", 0, $soderjimoe_fayla_verh, $massiv_poiska); function vivod_dochernih_papok($nomer_papki, $level, $soderjimoe_fayla_verh, $massiv_poiska) { //Две переменные венесены за функцию для оптимизации $sql='SELECT nomer_papki, imya FROM `papki` WHERE nomer_roditelskoy_papki='.$nomer_papki; $result=mysql_query($sql) or die(mysql_error()); while($row=mysql_fetch_array($result, MYSQL_BOTH)) { //echo $row['imya']; if ($level >= count($soderjimoe_fayla_verh)) { $uroven_vlojennosti = count($soderjimoe_fayla_verh)-1; } else { $uroven_vlojennosti = $level; } $massiv_zameni = array($row['imya'],$row['nomer_papki'],$level); $obekt_v_shablone = str_replace($massiv_poiska, $massiv_zameni, $soderjimoe_fayla_verh[$uroven_vlojennosti]); echo $obekt_v_shablone; vivod_dochernih_papok($row['nomer_papki'], $level+1, $soderjimoe_fayla_verh, $massiv_poiska); } } //Закрытие function vivod_dochernih_papok( Содержимое шаблонов: <div><a class="a_bokovaya_navigaciya_produkcii_razdel" href="./papka.php?nomer_papki=[NOMER_PAPKI]">[IMYA]</a></div> и <div style="margin-left:[UROVEN_VLOJENNOSTI]0px; margin-top:5px"><a class="a_bokovaya_navigaciya_produkcii_podrazdel" href="./papka.php?nomer_papki=[NOMER_PAPKI]">[IMYA]</a></div> Соотвествующий css всему этому делу выглядит так: .a_bokovaya_navigaciya_produkcii_razdel { text-decoration: none; font-size:16px; font-weight:600; } .a_bokovaya_navigaciya_produkcii_razdel:visited { color:#FFFFFF; } .a_bokovaya_navigaciya_produkcii_razdel:hover { color:#FFCC00; } .a_bokovaya_navigaciya_produkcii_podrazdel { text-decoration: none; } .a_bokovaya_navigaciya_produkcii_podrazdel:visited { color:#FFFFFF; } .a_bokovaya_navigaciya_produkcii_podrazdel:hover { color:#55D0FF; } А на экране всё почему-то не так как в коде. Причёт в FF и в Chome с отступами а в IE всё как надо. Удалось установить что вся соль в дивах. Т.е. если убрать тег див и оставить всё просто ссылками то отступы пропадут. Вроде они пропадают и при выводе не через шаблон.
  5. Здравствуйте. Видел на некоторых сайтах кнопку "Печать". Которая позволяет распечатать содержимое страницы. В инете ни чего не смог найти, возможно ищу не правильно. Подскажите с чего начать или какую-нибудь статейку по этому делу.
  6. Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="<? echo $p_n_s[description][1]; ?>"> <META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>"> <title><? echo $p_n_s[title][1]; ?></title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /> <link rel="stylesheet" href="./sostav/lightbox_2_04/css/lightbox.css" type="text/css" media="screen" /> </head> <body> <div align="center" style="width:100%"> <div style="height:481px; width:100%; background-image:url(glavdising/shapka.jpg); background-position:center; background-repeat:no-repeat;"></div> <div style="position:absolute; top:150px; left:10%; width:200px; background-color:#FFFFFF; padding:1px; filter:alpha(opacity=80); opacity:0.8;"> <div class="d_kn_glavnogo_menu" align="left" style="width:100%; background-color:#000000; filter:alpha(opacity=80); opacity:0.8;"> <br /> <a href="index.php" class="kn_glavnogo_menu">Главная</a><br /><br /> <a href="index.php" class="kn_glavnogo_menu">Продукция</a><br /><br /> <a href="index.php" class="kn_glavnogo_menu">Корзина</a><br /><br /> <a href="index.php" class="kn_glavnogo_menu">Статьи</a><br /><br /> </div> </div> <div style="max-width:1960px; width:100%; margin-bottom:30px"> <div style="width:100%;"> <div align="left" style="padding: 0 10%;"> <div style="width:100px; float:right;"> <a href="index.php" class="kn_glavnogo_menu">Главная</a><br /><br /> <a href="index.php" class="kn_glavnogo_menu">Продукция</a><br /><br /> <a href="index.php" class="kn_glavnogo_menu">Корзина</a><br /><br /> <a href="index.php" class="kn_glavnogo_menu">Статьи</a><br /><br /> </div> <div style="margin-right:100px"> <div style="text-align:justify; margin-right:50px">Компания ООО «Атрикс» является производителем игрового оборудования для детских площадок, турников и лазелок для спортивных площадок, а также занимается изготовлением малых архитектурных форм: заборов, лавочек, урн и т.п. Если вам нужно что-то из этих товаров, смело обращайтесь к нам. Мы предоставим все, что необходимо для обустройства площадки для детей: качалки на пружине, качалки-балансиры, горки, карусели, песочницы, паровозики и кораблики, а также игровые комплексы, включающие в себя несколько элементов и приспособленные для игр группы ребятишек одновременно. </div> </div> <!-- <div style="text-align:justify; width:100%"></div> --> </div> </div> </div> <div style="width:100%; height:0px; padding-bottom:712px"></div> <div style="height:712px; width:100%; position:absolute; bottom:0px; background-image:url(glavdising/podval.jpg); background-position:center; background-repeat:no-repeat;"> <div id="tovari_v_nizu_stranici"> <table border="0" width="100%"> <tr id="tr_randomnie_tovari"> <td align="center"><div class="d_ramka_randomnih_kartinok"><img class="img_kartinka_randomnih_kartinok" src="glavdising/240q.jpeg" alt="рамка для товара" /></div></td> <td align="center"><div class="d_ramka_randomnih_kartinok"><img class="img_kartinka_randomnih_kartinok" src="glavdising/242w.jpeg" alt="рамка для товара" /></div></td> <td align="center"><img src="glavdising/ramka_tovara.jpg" alt="рамка для товара" /></td> </tr> </table> </div> </div> <div align="left" style="height:42px; position:absolute; bottom:0px; left:15px"> Copyright © 2009-2012, «Три Колеса»<br /> Все права защищены<br /> Полное или частичное копирование материалов запрещено,<br /> при согласованном использовании материалов сайта необходима ссылка на ресурс. </div> </div> <script> var kolvo_randomnih_kartinok = getCookie("kolvo_randomnih_kartinok"); if (kolvo_randomnih_kartinok === null) { var mas_randomnih_kartinok = new Array ("./glavdising/240q.jpeg","./glavdising/233q.jpeg","./glavdising/240q.jpeg"); var shirina_ikrana = screen.width; //shirina_ikrana = 2400; kolvo_randomnih_kartinok = Math.floor(shirina_ikrana / 360); dobavit_randomnih_kartinok = kolvo_randomnih_kartinok - 3; //Три картинки уже выведены на экран alert(dobavit_randomnih_kartinok); for (i=0; i<dobavit_randomnih_kartinok; i++) { document.getElementById("tr_randomnie_tovari").innerHTML += '<td align="center"><div class="d_ramka_randomnih_kartinok"><img class="img_kartinka_randomnih_kartinok" src="' + mas_randomnih_kartinok[i] + '" alt="рамка для товара" /></div></td>'; } setcookie("kolvo_randomnih_kartinok", kolvo_randomnih_kartinok); //Создание куки } //—————Получение куки———————————————————-- function getCookie(name) { // name - имя считываемого cookie var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf (";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring (cookieStartIndex + prefix.length, cookieEndIndex)) } //—————Конец Получение куки—————————————————-- //————————-Создание куки——————————————————- function setcookie(name, value, expires, path, domain, secure) { expires instanceof Date ? expires = expires.toGMTString() : typeof(expires) == 'number' && (expires = (new Date(+(new Date) + expires * 1e3)).toGMTString()); var r = [name + "=" + escape(value)], s, i; for(i in s = {expires: expires, path: path, domain: domain}){ s[i] && r.push(i + "=" + s[i]); } return secure && r.push("secure"), document.cookie = r.join(";"), true; } //————————-Конец Создание куки————————————————- </script> </body> </html> Вот не большой CSS @charset "utf-8"; /* CSS Document */ * { margin:0px; padding:0px; } html { height:100%; } body { min-height:100%; position:relative; min-width:1000px; font-family: Helvetica, sans-serif; font-size:14px; background-color:#0e0e10; color:#f0f0f0; } * html body { height:100%; } A { text-decoration: none; color:#FFFFFF;; } A:visited { color:#FFFFFF; } /* visited должно быть после hover */ A:hover { color:#fff000; } img {border:hidden; } .kn_glavnogo_menu { font-size:14px; font-weight:700; padding-left:15px; } .d_kn_glavnogo_menu A { text-decoration: none; color:#FFFFFF; } .d_kn_glavnogo_menu A:visited { color:#FFFFFF; } /* visited должно быть после hover */ .d_kn_glavnogo_menu A:hover { color:#fff000; } .d_ramka_randomnih_kartinok { background-image:url(../glavdising/ramka_tovara.jpg); background-repeat:no-repeat; height:241px; width:308px; } .img_kartinka_randomnih_kartinok { padding-top:24px; width:258px; height:194px; } У меня уже нервы на приделе. Почему при увеличении правого столбика, подвал не опускается, так как при увеличении контента.
  7. Да что-то не особо у меня получилось через float т.к. надо чтобы видео примерно было в одной колонке с левыми рисунками и рисунок галактики наползал свержу на заголовок. А какой-нибудь вариант кроме глобального масштабного перевёрстывания есть?
  8. Вот ссылочка: http://velo-tuning.ru/ Нижняя таблица содержащая картинку нижнюю правую, опускается согласно слою с основным текстом. А надо что бы опускался согласно наиболее длинному слою(слой с текстом или слой с левыми картинками). Тут конечно абсолюты применять не надо было. Но уж кое они есть, можно ли как-то сейчас выкрутиться?
  9. Здравствуйте, вот у этого сайта http://velo-tuning.ru/ Не отображается иконка, в чём дело? Сама иконка загружена по адресу http://velo-tuning.ru/glavdising/favicon.ico
  10. Просто в свободное время когда нет возможности читать CSS, голову то надо чем-то занимать? А в CSS я уже на 11 разделе из 18. Ну можно сказать, как вставить флэшку. Ведь флэшка имеет определённые размеры по умолчанию или размеры ей указаны в html. Через флэш я могу определить разрешение экрана пользователя, но потом это через JS менять в html как-то не рационально. Проще через сам JS определить размер. В общем если это реализовывать через js загруска будет не хорошо смотреться. Через PHP этого не реализовать. В общем-то поэтому и спрашиваю - как это реализуют люди?
  11. Блин, вотпрос не в том как сделать влэш сайт а как его заверстать. Знаю я хорошо этот AS. Просто сайты ни когда не делал, но делал игры.
  12. Здравствуйте, Подскажите как верстаются флэш сайты. А точнее как им предаётся резиновость?
  13. Я и сам понимаю что делаю не так как это делают все, ну и соответственно не верно. Ладно, начну читать CSS.
  14. Пожайлуста тыкните меня в конкретные ошибки. Просто я не понимаю что я делаю не так. По-моему всё работает и работает правильно. Я хочу доучиться до правильной вёрстки Только пните меня в пральном направлении
  15. Запросы "убрать нижний скрол", "Слишком широкий сайт", и т.д. и т.п. не дали ни какого результата. Просто чудом нашёл то что надо, как-то вспомнилось из одной прочитанной статьи. Этот нижний скрол убрал, с помощью overflow:hidden; Это правильно или есть что-то другое? Зачем создавать файл CSS, ведь мне кажется когда всё написано не посредственно в самом диве более удобно(не надо ни куда листать, всё видно сразу-кто есть кто) Из преимуществ вижу только кэш браузера, но при современных скоростях инета, экономить несколько килобайт, как-то глупо. Мне бы лучше совет бы дал. И уточни пожайлуста про извращение, я где-то не так делаю? Просто хочу сразу учиться правильному.
  16. Можно поподробнее про каркас. Вот только по прежнему не пойму как ПРОГРАМИТЬ с этими дивами. Мне кажется как-то не правильно всё сделано, будто эти дивы не предназначены для резиновой вёрски, и такое ощущение что делают её все какими-то изощирениями, как бы обманывая всю дивную систему. Вот моя последняя версия: http://melmak.ru/velo-tuning/Page-1.html С подвалом вроде разобрался. а вот нижний скрол мешается.
  17. Я можно сказать по той же технологии делаю. Раньше и мой подвал был как полагается внизу, но в процессе верстания верхний дивов я что-то испортил. И теперь мой подвал на взлёте. Я вообще заметил, что надо было бы по больше табличной вёрстки применять, что-то я увлёксы дивами, хотелось отработать владение ими.
  18. Здравствуйте, вот ссылка на моё творение: http://melmak.ru/velo-tuning/Page-1.html Ещё осталось подвал заваять, но почему-то он взлетел. И скрол горизонтальный по моему не оправдано ставиться браузерами. Проверяю пока на IE и опере. Принимаю всю критику, даже по дизайну
  19. Сам догадался С этими дивами я что-то уж совсем забыл про остальные теги.
  20. Теперь сам слой я выставил именно туда куда надо, Но внутри слоя текст не выстраивается списком(мне надо чтобы каждая строчка была прижата к левому краю) <div style="width:100%; float:left; margin-right:-660px;"> <div style="margin-right:660px;"> <div style="width:80%; text-align:center;"> <div style="margin-left: auto; margin-right: auto; width:348px;"> <div style="float:left; background:#8F9EB1;"> <div style="float:left; color: #8111B1;"> 1<br> 2<br> 3<br> 4<br> </div> </div> </div> </div> </div> </div>
  21. Вот кусочек кода: <div style="width:80%; text-align:center;"> <div style="margin-left: auto; margin-right: auto;"> <div style="width:148px; background:#8111B1;"> <!--<div style="float:left; background:#8F9EB1; color: #8111B1;">--> Это будет самый лучший сайт в мире!!! И этот мир станет лучше!!! <!--</div>--> </div> </div> </div> Почему этот слой уходит налево. Ведь его родители заставляют его встать по центру. Суть всех этих изощирений: разместить по середине сайта некую информацию столбиком, вроде списка только без всяких цыфр и точек.
  22. Просто по этому вопросу я ждал ответа да или нет. Поисковиком пользоваться я хорошо умею просто надо хотябы приблизельно знать что искать. Суть в том, что в дизайне сайт присудствует прозрачная картинка и маленкая картинка заполняющая фон. Прозрачная картинка располагается в правом углу. И приходиться для сохранения качества её отображать в png-но это тяжело. А если её вывести как jpeg например, станет значительно легче- без потери качетсва, но изчесзнет прозрачность(которую я заменил бы фоном) но так как картинка прижата к правой стороне сайт, фон на как бы прозрачной картинке jpeg и реальный фон сайт при большинстве расширений экрана может не сойтись. А вот если бы фоновая картинка наполняла сайт с правой стороны, т.е. с права на лево, то такой бы проблемы не было.
  23. Не совсем в тему, но не охота форум забивать кучей тем. Вот если я в фон body ставлю маленькую картинку то она заполняет весь сайт строками с лева на право. А можно сделать так что бы она заполняла всё строками с права на лево?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy