dinaron
Newbie-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by dinaron
-
Добрый день, ниже представлен код <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> </div> </div> <div class="heder_left_logo"> </div> </div> <div class="header_right"> <div class="header_right_bottom"> </div> </div> </div> <div id="left" > <div class="left_line"> fdfdf <div class="left_menu"> rinter took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting </div> <div id="content"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </div> </div> </div> <div id="footer"> <div class="footer_left"> <div class="footer_left_line"> </div> </div> <div class="footer_right"> </div> </div> </div> </body> </html> @charset "utf-8"; html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clear {clear:both;} #container { width: 998px; margin: 0 auto; background: #e2e2e2; clear:both; } #header { padding-top:1px; height:175px; } .header_left {width:306px; float:left; background:#fff; height:175px } .header_left_line {width:45px; float:left; height:175px; background:#e2e2e2;} .header_left_line_bottom {margin-top:102px; height:73px; width:45px; background:#c9c8c8; } .heder_left_logo {margin-left:45px; height:175px; } .header_right { padding-top:1px; margin-left: 306px; height:175px } .header_right_bottom {margin-top:102px; height:73px; width:100%; background:#c9c8c8;} #left { clear:both; background:#fff; width: 306px; float: left; } .left_line {width:45px; float:left; background:#e2e2e2; } .left_menu {margin-left:45px; float:left; width:261px; background:#FFF; } #content { padding:13px 80px 24px 70px; margin-left: 306px; width:544px; } #footer { clear:both; height:150px; } .footer_left {width:306px; float:left; background:#fff; height:150px; margin: 0 auto; } .footer_left_line {width:45px; float:left; height:150px; background:#e2e2e2; border-top:#979695 3px solid;} .footer_right { margin-left: 306px; height:150px; border-top:#979695 3px solid; background:e2e2e2; } Проблема в том, что в браузере ie, содержимое в блоке content съезжает вниз. хотелось бы решить данную проблему, в ff, chrome, opera все нормально.
-
Проблема с div блоком, не расширяется на 100% по высоте
dinaron replied to dinaron's question in HTML Coding
спасибо -
Имеется следующий код html и css <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> </div> </div> <div class="heder_left_logo"> </div> </div> <div class="header_right"> <div class="header_right_bottom"> </div> </div> </div> <div id="left" > <div class="left_line"> <div class="left_menu"> </div> <div id="content"> <h1>не получается сделать данный блок 100% по высоте</h1> <h1>не получается сделать данный блок 100% по высоте</h1> <h1>не получается сделать данный блок 100% по высоте</h1> <h1>не получается сделать данный блок 100% по высоте</h1> <h1>не получается сделать данный блок 100% по высоте</h1> <h1>не получается сделать данный блок 100% по высоте</h1> </div> </div> </div> <div id="footer"> <div class="footer_left"> <div class="footer_left_line"> </div> </div> <div class="footer_right"> </div> </div> </div> </body> </html> @charset "utf-8"; html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clear {clear:both;} #container { width: 998px; margin: 0 auto; background: #e2e2e2; clear:both; } #header { padding-top:1px; height:175px; } .header_left {width:306px; float:left; background:#fff; height:175px } .header_left_line {width:45px; float:left; height:175px; background:#e2e2e2;} .header_left_line_bottom {margin-top:102px; height:73px; width:45px; background:#c9c8c8; } .heder_left_logo {margin-left:45px; height:175px; } .header_right { padding-top:1px; margin-left: 306px; height:175px } .header_right_bottom {margin-top:102px; height:73px; width:100%; background:#c9c8c8;} #left { clear:both; background:#fff; width: 306px; float: left; } .left_line {width:45px; float:left; background:#e2e2e2; } .left_menu {margin-left:45px; float:left; width:261px; background:#FFF; } #content { padding-top:1px; padding:13px 80px 24px 70px; margin-left: 306px; width:544px; } #footer { clear:both; height:175px; } .footer_left {width:306px; float:left; background:#fff; height:150px; margin: 0 auto; } .footer_left_line {width:45px; float:left; height:150px; background:#e2e2e2; border-top:#979695 3px solid;} .footer_right { margin-left: 306px; height:175px; border-top:#979695 3px solid; background:e2e2e2; } Хотелось бы решить следующую проблему: блоку задать высоту 100%<div id="content">, что футер призжался к нижу. Плиз, помогите решить проблему
-
Добрый день. скажите пожалуйста как сделать так что бы при нажатии на ссылку (<a target="_blank" href="http://name_site.ru/123.jpg">скачать фото</a>) выходило сообщение об сохранении файла, а не открывалось фото в новом окне браузера.
-
Пробовал, не получается. если вывести просто данные с бд, то нормально, почему то через xml не получается.
-
Добрый вечер. у меня следующий вопрос, в инете нашел один скрипт который осуществляет выбор страны, региона и города соответственно. Данный скрипт я хочу переделать и вставить в свой сайт. Проблема в следующем, у меня не получается запустить работу скрипта в кодировке utf-8. Преобразовывал бд, все страницы в utf-8, результата никакого. Метод тыка удалось найти конкретную проблему изменений. Поменяв все на utf-8, кроме строки в cities.php "header('Content-type: text/xml; charset=windows-1251'); " скрипт работает, но только как я поменяю windows-1251 на utf-8, выборка из бд не осуществляется. index.php <?php header('Content-type: text/html; charset=utf-8')?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Выберите город</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script language="javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $.post("cities.php", {}, function (xml) { $(xml).find('country').each(function() { id = $(this).find('id_country').text(); $("#country").append("<option value='" + id + "'>" + $(this).find('country_name_ru').text() + "</option>"); }); }); $("#country").change(function() { id_country = $("#country option:selected").val(); if (id_country == "") { $(".region, .city, #submit").hide(); }else { $("#region").html(''); $("#region").html('<option value="">Выберите регион</option>'); $.post("cities.php", {id_country: id_country}, function (xml) { $(xml).find('region').each(function() { id = $(this).find('id_region').text(); $("#region").append("<option value='" + id + "'>" + $(this).find('region_name_ru').text() + "</option>"); }); }); $(".region").show(); } }); $("#region").change(function() { id_region = $("#region option:selected").val(); if (id_region == "") { $(".city").hide(); }else { $("#city").html(''); $("#city").html('<option value="">Выберите город</option>'); $.post("cities.php", {id_region: id_region}, function (xml) { $(xml).find('city').each(function() { id = $(this).find('id_city').text(); $("#city").append("<option value='" + id + "'>" + $(this).find('city_name_ru').text() + "</option>"); }); }); } $(".city").show(); }); $("#city").change(function() { if ($("#city option:selected").val() == "") { $("#submit").hide(); }else { $("#submit").show(); } }); }); </script> <style> .region, .city, #submit {display:none} strong {display:block;width:50px} div {margin-bottom:3px} select {width:200px} </style> </head> <body> <form action="" method="POST"> <div> <strong>Страна:</strong> <select name="country" id="country"> <option value="" selected>Выберите страну</option> </select> </div> <div class="region"> <strong>Регион:</strong> <select name="region" id="region"> <option value="">Выберите регион</option> </select> </div> <div class="city"> <strong>Город:</strong> <select name="city" id="city"> <option value="">Выберите город</option> </select> </div> <div> <input type="submit" id="submit" value="Сохранить"> </div> </form> </body> </html> cities.php <?php header('Content-type: text/xml; charset=windows-1251'); $db_host = 'localhost'; $db_user = 'root'; $db_pass = ''; $db_name = 'cities'; $cities = new cities($db_host, $db_user, $db_pass, $db_name); if (isset($_POST['id_country'])) { $cities->get_regions($_POST['id_country']); }elseif (isset($_POST['id_region'])) { $cities->get_cities($_POST['id_region']); } else { $cities->get_countries(); } class cities { private $db; public $xml = '<?xml version="1.0" encoding="utf-8"?><root>'; function __construct($db_host, $db_user, $db_pass, $db_name) { $this->db = mysql_connect($db_host, $db_user, $db_pass); mysql_select_db($db_name, $this->db); } function get_countries() { $mysql_result = mysql_query("SELECT * FROM countries ORDER BY country_order", $this->db); while($country = mysql_fetch_assoc($mysql_result)) { $this->xml .= '<country>'; $this->xml .= '<id_country>'.$country['id_country'].'</id_country>'; $this->xml .= '<country_name_ru><![CDATA['.$country['country_name_ru'].']]></country_name_ru>'; $this->xml .= '<country_name_en><![CDATA['.$country['country_name_en'].']]></country_name_en>'; $this->xml .= '<iso>'.$country['country_iso'].'</iso>'; $this->xml .= '</country>'; } $this->print_xml(); } function get_regions($id_country) { $mysql_result = mysql_query("SELECT * FROM regions WHERE id_country = ".intval($id_country)." ORDER BY region_order", $this->db); while($region = mysql_fetch_assoc($mysql_result)) { $this->xml .= '<region>'; $this->xml .= '<id_region>'.$region['id_region'].'</id_region>'; $this->xml .= '<region_name_ru><![CDATA['.$region['region_name_ru'].']]></region_name_ru>'; $this->xml .= '<region_name_en><![CDATA['.$region['region_name_en'].']]></region_name_en>'; $this->xml .= '</region>'; } $this->print_xml(); } function get_cities($id_region) { $mysql_result = mysql_query("SELECT * FROM cities WHERE id_region = ".intval($id_region)." ORDER BY city_order", $this->db); while($city = mysql_fetch_assoc($mysql_result)) { $this->xml .= '<city>'; $this->xml .= '<id_city>'.$city['id_city'].'</id_city>'; $this->xml .= '<city_name_ru><![CDATA['.$city['city_name_ru'].']]></city_name_ru>'; $this->xml .= '<city_name_en><![CDATA['.$city['city_name_en'].']]></city_name_en>'; $this->xml .= '</city>'; } $this->print_xml(); } function print_xml() { $this->xml .= '</root>'; echo $this->xml; } } ссылка на бд
-
анимация закрывает выпадающее меню, помогите решить.
dinaron replied to dinaron's question in HTML Coding
спасибо)))) -
я использовал анимированное слайдшоу и сверху поставил выпадающее меню, проблема в том что анимация закрывает выпадающее меню,если убрать позирование relactive в id=window и в class=slideshow,то выпадающий список становиться поверх фото,но анимация перестает функционировать. скажите плиз, как решить проблему. вот ссылка http://vibor-kzn.ru/menu/ исходные данные http://vibor-kzn.ru/menu.zip