Воитель
Newbie-
Posts
29 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Воитель
-
И в фаербаке всё чисто, и средстве разработчика в IE всё чисто. Решение проблемы нашлось. Дело в том что у шаблонов почему-то на кодировке стояла галочка на BOM.
-
Добавлю некоторые свои наблюдения, что есть текст выводить не через шаблон, т.е. не через чтение файла, то всё отображается нормально. Поэтому наверно всё же дело не в вёрстке а в php. Хотя в шаблоне просатривал все скрытые символы - ни чего нет, кроме перехода на новую строку. И ещё один момент, если в шаблоне не блочный элемент, то тоже всё хорошо выводиться.
-
К сожалению не могу предоставить ссылку, всё делается на локали. Сброс стилей уже стоял. а line-height: 1; не помогло. Растояние конечно приуменьшилось, но не дало желаемого результата.
-
Потратил больше часа, на поиск ошибки, но так и не смог найти. Суть в том, что между дивами образуются отпступы по вертикали как будто 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 всё как надо. Удалось установить что вся соль в дивах. Т.е. если убрать тег див и оставить всё просто ссылками то отступы пропадут. Вроде они пропадают и при выводе не через шаблон.
-
Здравствуйте. Видел на некоторых сайтах кнопку "Печать". Которая позволяет распечатать содержимое страницы. В инете ни чего не смог найти, возможно ищу не правильно. Подскажите с чего начать или какую-нибудь статейку по этому делу.
-
При увеличении правого столбца, подвал не падает
Воитель replied to Воитель's question in HTML Coding
Огромное спасибо. -
Вот код страницы: <!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; } У меня уже нервы на приделе. Почему при увеличении правого столбика, подвал не опускается, так как при увеличении контента.
-
Да что-то не особо у меня получилось через float т.к. надо чтобы видео примерно было в одной колонке с левыми рисунками и рисунок галактики наползал свержу на заголовок. А какой-нибудь вариант кроме глобального масштабного перевёрстывания есть?
-
Вот ссылочка: http://velo-tuning.ru/ Нижняя таблица содержащая картинку нижнюю правую, опускается согласно слою с основным текстом. А надо что бы опускался согласно наиболее длинному слою(слой с текстом или слой с левыми картинками). Тут конечно абсолюты применять не надо было. Но уж кое они есть, можно ли как-то сейчас выкрутиться?
-
Всем спасибо.
-
Здравствуйте, вот у этого сайта http://velo-tuning.ru/ Не отображается иконка, в чём дело? Сама иконка загружена по адресу http://velo-tuning.ru/glavdising/favicon.ico
-
Просто в свободное время когда нет возможности читать CSS, голову то надо чем-то занимать? А в CSS я уже на 11 разделе из 18. Ну можно сказать, как вставить флэшку. Ведь флэшка имеет определённые размеры по умолчанию или размеры ей указаны в html. Через флэш я могу определить разрешение экрана пользователя, но потом это через JS менять в html как-то не рационально. Проще через сам JS определить размер. В общем если это реализовывать через js загруска будет не хорошо смотреться. Через PHP этого не реализовать. В общем-то поэтому и спрашиваю - как это реализуют люди?
-
Блин, вотпрос не в том как сделать влэш сайт а как его заверстать. Знаю я хорошо этот AS. Просто сайты ни когда не делал, но делал игры.
-
Здравствуйте, Подскажите как верстаются флэш сайты. А точнее как им предаётся резиновость?
-
Я и сам понимаю что делаю не так как это делают все, ну и соответственно не верно. Ладно, начну читать CSS.
-
Пожайлуста тыкните меня в конкретные ошибки. Просто я не понимаю что я делаю не так. По-моему всё работает и работает правильно. Я хочу доучиться до правильной вёрстки Только пните меня в пральном направлении
-
Запросы "убрать нижний скрол", "Слишком широкий сайт", и т.д. и т.п. не дали ни какого результата. Просто чудом нашёл то что надо, как-то вспомнилось из одной прочитанной статьи. Этот нижний скрол убрал, с помощью overflow:hidden; Это правильно или есть что-то другое? Зачем создавать файл CSS, ведь мне кажется когда всё написано не посредственно в самом диве более удобно(не надо ни куда листать, всё видно сразу-кто есть кто) Из преимуществ вижу только кэш браузера, но при современных скоростях инета, экономить несколько килобайт, как-то глупо. Мне бы лучше совет бы дал. И уточни пожайлуста про извращение, я где-то не так делаю? Просто хочу сразу учиться правильному.
-
Можно поподробнее про каркас. Вот только по прежнему не пойму как ПРОГРАМИТЬ с этими дивами. Мне кажется как-то не правильно всё сделано, будто эти дивы не предназначены для резиновой вёрски, и такое ощущение что делают её все какими-то изощирениями, как бы обманывая всю дивную систему. Вот моя последняя версия: http://melmak.ru/velo-tuning/Page-1.html С подвалом вроде разобрался. а вот нижний скрол мешается.
-
Я можно сказать по той же технологии делаю. Раньше и мой подвал был как полагается внизу, но в процессе верстания верхний дивов я что-то испортил. И теперь мой подвал на взлёте. Я вообще заметил, что надо было бы по больше табличной вёрстки применять, что-то я увлёксы дивами, хотелось отработать владение ими.
-
Здравствуйте, вот ссылка на моё творение: http://melmak.ru/velo-tuning/Page-1.html Ещё осталось подвал заваять, но почему-то он взлетел. И скрол горизонтальный по моему не оправдано ставиться браузерами. Проверяю пока на IE и опере. Принимаю всю критику, даже по дизайну
-
Родители центруют но он всё равно уходит на лево
Воитель replied to Воитель's question in HTML Coding
Сам догадался С этими дивами я что-то уж совсем забыл про остальные теги. -
Родители центруют но он всё равно уходит на лево
Воитель replied to Воитель's question in HTML Coding
Теперь сам слой я выставил именно туда куда надо, Но внутри слоя текст не выстраивается списком(мне надо чтобы каждая строчка была прижата к левому краю) <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> -
Вот кусочек кода: <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> Почему этот слой уходит налево. Ведь его родители заставляют его встать по центру. Суть всех этих изощирений: разместить по середине сайта некую информацию столбиком, вроде списка только без всяких цыфр и точек.
-
Просто по этому вопросу я ждал ответа да или нет. Поисковиком пользоваться я хорошо умею просто надо хотябы приблизельно знать что искать. Суть в том, что в дизайне сайт присудствует прозрачная картинка и маленкая картинка заполняющая фон. Прозрачная картинка располагается в правом углу. И приходиться для сохранения качества её отображать в png-но это тяжело. А если её вывести как jpeg например, станет значительно легче- без потери качетсва, но изчесзнет прозрачность(которую я заменил бы фоном) но так как картинка прижата к правой стороне сайт, фон на как бы прозрачной картинке jpeg и реальный фон сайт при большинстве расширений экрана может не сойтись. А вот если бы фоновая картинка наполняла сайт с правой стороны, т.е. с права на лево, то такой бы проблемы не было.
-
Не совсем в тему, но не охота форум забивать кучей тем. Вот если я в фон body ставлю маленькую картинку то она заполняет весь сайт строками с лева на право. А можно сделать так что бы она заполняла всё строками с права на лево?