Абзаци в html

vcj · 19.05.2009, 19:11

Всем привет!
Возникла проблема при загрузке html страниц: при выкладывании загруженой страници тег <p> не делает отступ от края а просто переносит на новую строчку. Как это можно побороть?

Megamerk · 20.05.2009, 12:32

В стилях text-indent для тега <p> определен?

vcj · 20.05.2009, 16:15

определён.
Пример:

MXML:

Код AS3:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="1072" height="520">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.rpc.events.FaultEvent;
			import mx.rpc.events.ResultEvent;
			import flash.text.StyleSheet;
			[Bindable]
			private var style:StyleSheet = new StyleSheet();
 
			private function HTMLload():void
			{
 
				PageLoader.send();
			}
 
			private function CSSload():void
			{
					StyleLoader.send();			
			}
 
			private function OnPageLoadHasResult(e:ResultEvent):void
			{
				txtAr.htmlText = String(e.result);
			}
 
			private function OnPageLoadHasFault(e:FaultEvent):void
			{
				Alert.show("Задана сторінка відсутня.","Помилка")
			}
 
			private function OnStyleLoadHasResult(e:ResultEvent):void
			{
				style.parseCSS(String(e.result));
			}
			private function OnStyleLoadHasFault(e:FaultEvent):void
			{
				Alert.show("Відсутній файл динамічних стилів","Помилка");
			}
 
		]]>
 
	</mx:Script>
	<mx:HTTPService id="StyleLoader" result="OnStyleLoadHasResult(event)" fault="OnStyleLoadHasFault(event)" url="assets/content.css" resultFormat="text" />
	<mx:HTTPService id="PageLoader" result="OnPageLoadHasResult(event)" fault="OnPageLoadHasFault(event)" resultFormat="text" url="assets/introduction.html" showBusyCursor="true" />
 
	<mx:Panel width="1000" height="496" layout="absolute" x="10" y="10">
		<mx:TextArea x="10" y="10" width="706" height="436" id="txtAr" wordWrap="true" editable="false" enabled="true" styleSheet="{style}"/>
		<mx:Button x="834" y="51" label="css" width="136" click="{CSSload()}"/>
		<mx:Button x="834" y="10" label="html" width="136" click="{HTMLload()}"/>
	</mx:Panel>
</mx:Canvas>

СSS:

Код:

h1 {
    font-family: Times New Roman, Times, _serif;
    font-size: 20;
}
p {
	font-family: Times New Roman, Times, _serif;
	font-size: 14;
	text-indent : 20;
}

HTML:

Код:


<html>
<body>
<h1>Вступ<h1>
<br>
<br>
<p align='justify'>Найважливіше задача комп'ютерних систем - зберігання й обробка даних. Для її вирішення були покладені зусилля, які привели до появи наприкінці 60-х - початку 70-х років спеціалізованого програмного забезпечення - систем управління базами даних (DataGBase Management Systems - DBMS). СУБД дозволяють структурувати, систематизувати й організувати дані для їхнього комп'ютерного зберігання й обробки. Сьогодні неможливо уявити собі діяльність будь-якого сучасного підприємства або організації без використання професійних СУБД. Безсумнівно, вони становлять фундамент інформаційної діяльності у всіх сферах - починаючи з виробництва й закінчуючи фінансами й телекомунікаціями.</p><p align='justify'>Приступаючи до обговорення проблем СУБД, необхідно, насамперед, домовитися про термінологію. І із цього ми почнемо. Дуже коротко розглядаються основні поняття й визначення, серед яких - база даних, сутності, атрибути, зв'язки. Основна увага приділена реляційній моделі даних і головних її понять - таблиця, стовпчик, рядок, первинний ключ, зовнішній ключ, відношення, індекс. Дуже стисло обговорюється мова SQL (Structured Query Language).</p><p align='justify'>Серцевиною, центральним компонентом будь-який СУБД є сервер бази даних. Його технічна якість у вирішальному ступені визначає головні характеристики системи, такі як продуктивність, надійність, безпека й т.д. У той же час багатство й різноманітність можливостей, закладених у механізм його функціонування, сильно позначаються на ефективності розробки прикладних програм. Модель взаємодії «клієнт-сервер», еволюція сервера БД, основні його можливості й тенденції будуть обговорюватися далі.</p>
</body>
</html>

Проблема решина, все очень банально...в СSS файле была допущена ошибка, стоял пробел между text-indent и двоеточием:

Код:

p {
	font-family: Times New Roman, Times, _serif;
	font-size: 14;
	text-indent : 20;
}