Математическую формулу в хтмл+css

12
[Удален]
1544

Задание:

Создать HTML страницу, отображающую математическую формулу идентично созданной в Microsoft Word из предложенных вариантов. При выполнении задания необходимо использовать таблицы, специальные символы, а также каскадные таблицы стилей (CSS) (запрещается использование рисунка формулы, созданной с помощью экранной копии). Формула должна одинаково отображаться в браузерах Internet Explorer 6 и Opera.

Это как бы задание в универе кому-то. Я взялся сделать, но мне некогда. Кто возьмётся?

Amicus93
На сайте с 30.07.2008
Offline
36
#1

icq 472557186 могу попробовать

юни
На сайте с 01.11.2005
Offline
933
#2

Да... сразу видно, что не на уроке информатики в седьмом классе дали задание... узнать бы только - пример абстрактный, или всё же проверялся на выполнимость? ;)

Год назад столкнулся с похожей проблемой, обсуждение в теме "вёрстка формул".

https://searchengines.guru/ru/forum/944108 - прокси-сервис на базе операторов домашнего интернета, сотни тысяч IP-адресов, канал от 20 Мбит
dlyanachalas
На сайте с 15.09.2006
Offline
693
#3

Думаю, универсальное решение на css невозможно. Иначе давно бы сделали.

Но профессор, видимо, просто до главы "css" в книге "html для чайников" дошёл. Вот и дал такое задание :D

Jeck
На сайте с 20.07.2006
Offline
82
#4

Это возможно но только там где есть шрифт Symbols кажется. В нем есть набор символов формул, а дальше position:relative и колдовство с отступами.

Мой блог (http://jeck.ru)
[Удален]
#5

http://www.cs.tut.fi/~jkorpela/math/

помотрел, какжется здесь наиболее полно описано это дело.

K
На сайте с 06.08.2007
Offline
55
#6

Вот тут обсуждали и решили роблему с формулами http://forum.phpc.ru/topic/122.0

Может пригодится кому-то

FladeX
На сайте с 07.11.2008
Offline
163
#7

Объясните, как без sgml и картинок реализовать значок корня? Остальное вроде прредставляю как сделать.

Услуги посредника на бирже контента: информационные статьи 40₽/1000, «продающие» тексты 50₽/1000. Пишите в личку. Помогаю правильно переехать на https (/ru/forum/973447). Подписывайтесь на мой канал в телеграм: https://t.me/fladex (https://t.me/fladex).
•1
На сайте с 17.11.2007
Offline
17
#8
FladeX:
Объясните, как без sgml и картинок реализовать значок корня? Остальное вроде прредставляю как сделать.

есть, вроде бы, символ корня и + border-top

а если нету(так как это изврат=)) сделать "\" и "/" разной высоты(или в нижнем индексе)ну и про "-" не забыть.. а там дальше и бордер-топ

ну вообщем, как-то так ;)

Спокойствие, только спокойствие ... посмотрим, что можно сделать © xHTML вёрстка (/ru/forum/272377)
[Удален]
#9

Amicus93, вы куда-то пропали?

Welcome2 добавил 10.11.2008 в 11:07

Ребята, к сожалению, Amicus93 куда-то испарился.

Может кто-нибудь более ответственный возьмётся?

[Удален]
#10

Вчера сам покрутил, вот что получилось..

Исходник:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
.bigsym { font-family: "Courier New"; }
.above, .below { font-size: 60%;
font-family: Verdana, Arial, sans-serif; }
.above { vertical-align: 0.7ex; }
.below { vertical-align: -0.1ex; }

</style>
</head>
<body>
<p>
<table><tr valign="middle">
<td><i>V</i> (&#8711;<font class="below">2<i>h</i></font>,...,&#8711;<font class="below">2<i>h</i>+2<i>p</i>+2</font>)=</td>
<td><font style="font-size:3.1em" size="6" class="bigsym">{</font></td><td>

<table><tr><td><nobr><span class="nom"><span class="lin">(</span>&#8730;<span style="text-decoration:overline"><i>p</i> + 1</span>
<span class="lin">)</span></span><span class="lin">/</span>
<span class="den">2</span></nobr></td></tr><table><td><tr><font class="below">&infin;</font></tr><tr>&prod;</tr><tr><font class="above"><i>k</i>=0</font></tr></td><td>
<nobr><span class="nom"><span class="lin">(</span><i>p<font class="below">k</font></i> + 1 - <i>&epsilon;</i><span class="lin">)</span></span>
<span class="lin">/</span>
<span class="den">2</span></nobr></td>

</table></table>
</p>

<br>

</body>
</html>

CSS:

.lin { display: none; }
.den, .nom { display: block; width:100%; text-align:center }
.nom { text-decoration: underline; }

Запутался в таблицах и никак не могу правильно расставить формулы.. Может кто-нибудь подскажет?

Заранее спасибо.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий