Наши проекты Mozilla Россия MozUtil Bugzilla Планета

Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

Страницы: 1

Разработка » Помогите расположить элементы на странице. » 17-05-2006 09:43:51

princeandrew
Replies: 5

Перейти к сообщению

Я веб-программрованием занимаюсь чисто для себя как любитель, то есть практически никак :)
Все эти нужды для своих собственных целей, а также именно для Firefox, ибо другими браузерами я совсем не пользуюсь. :)

Разработка » Помогите расположить элементы на странице. » 16-05-2006 15:27:40

princeandrew
Replies: 5

Перейти к сообщению

Al_H
Спасибо. Действительно помогло. Только с таблицей ещё не разобрался, но так уже в основном всё нормально.
Вставил блок с этими свойствами сразу после  того, который включает в себя (объединяет) картинку и таблицу и всё стало нормально.

Я плохо разбираюсь в свойствах типа clear, outline, float и т.п. Не умею их правильно комбинировать и располагать с их помощью блоки :(

Вот и пришлось сюда обращаться :)

Разработка » Помогите расположить элементы на странице. » 16-05-2006 08:21:23

princeandrew
Replies: 5

Перейти к сообщению

Привет.
Помогите пожалуйста реализовать следующее расположение элементов на страничке.
Div_layout.gif

Собственно проблема с расположением image и той таблички справа.
Они могут быть разной высоты. И блок ниже должен соответственно располагаться ниже наиболее высокого (у меня он всегда идёт ниже правой таблице залезая иногда под картинку). Это первое.

И второе хотелось бы, чтобы правая таблица автоматически выравнивалась по правому края начиная от картинки (т. к. у картинки может быть разная ширина). Сейчас ширина таблицы зависит от содержимого.

Разработка » JavaScript. Вывести строку в формате... » 06-12-2005 13:28:44

princeandrew
Replies: 16

Перейти к сообщению

Давно сюда не заглядывал :)
Нифига себе :)
Ещё суперее сделали :)

Разработка » JavaScript. Вывести строку в формате... » 29-11-2005 15:32:37

princeandrew
Replies: 16

Перейти к сообщению

Супер.
Ещё раз большое спасибо.

Разработка » JavaScript. Вывести строку в формате... » 29-11-2005 12:51:14

princeandrew
Replies: 16

Перейти к сообщению

Только вот нюанс :)
Если число например такое 643.2 , то выводится как '643.2
Можно поправить?

Разработка » JavaScript. Вывести строку в формате... » 29-11-2005 12:42:53

princeandrew
Replies: 16

Перейти к сообщению

Спасибо большое за помощь.

Разработка » JavaScript. Вывести строку в формате... » 29-11-2005 07:26:53

princeandrew
Replies: 16

Перейти к сообщению

Здравствуйте.
Помогите с проблемкой, если у таковой есть решение.
JavaScript практически не знаю.

Суть: есть число (количество байт файла), например, 9036443008.
Необходимо вывести его в формате 8'617.8. То есть 9036443008/1024/1024.
Сейчас делаю так:
<td class="size"><script type="text/javascript">b = 9036443008/1048576.0; a += b; b = b.toFixed(1); document.write(eval(b));</script></td>

Проблема (точнее две) в том, как выводить разделитель (апостроф) между тройками чисел и как выводить всегда одно значение после запятой, даже если там 0 (сейчас он не выводится).

Разработка » Помогите реализовать fixed Табличку с помощью <div>-ов » 16-11-2005 07:23:27

princeandrew
Replies: 6

Перейти к сообщению

Вообще-то, к данном случае мне нужна таблица.
Но я не могу просто разобраться как реализовывать правильно такие вложения DIV-ов.
Такая схема мне может просто пригодиться в будущем.

Суть такова: есть fixed меню, которое распологается слева страницы (width=120px). Остальную часть страницы (100% - 120px) необходимо заполнить DIV (в данном случаем таблицой, но может понадобиться и просто расположение блоков.). И вот я не могу разобраться как правильно располагать их так. Хотел разобраться просто на примере таблички.

У кого задавать float, у кого нет, у кого - clear, у кого ещё чего.
Задаю 9 div-ов с float: left. Вкладываю в другой, у которого не задаю ни float, ни position. Так он оказывается просто над этими 9-ю DIV-ами, а не окутывает их.
Задаю position: absolute, тогда он их окутывает, но как тогда делать следующую строку? :( Вот и не могу понять. (при этом это всё ещё должно иметь отступ слева 120px.)
Если есть где-нибудь простой пример, как такое можно сделать, был бы признателен за

…

Разработка » Помогите реализовать fixed Табличку с помощью <div>-ов » 15-11-2005 07:33:08

princeandrew
Replies: 6

Перейти к сообщению

Спасибо. Сделал.

Только вот сейчас хотел сделать справа от этой менюшки табличку из 9 колонок (через дивы). Не могу понять как их надо спозиционировать правильно, чтобы девять ячеек были в одной строке, следующие - в следующей. :/

Разработка » Помогите реализовать fixed Табличку с помощью <div>-ов » 14-11-2005 11:18:42

princeandrew
Replies: 6

Перейти к сообщению

Здравствуйте.
Есть желание сделать на страничке статическую менюшку слева.
Пока делаю так:
[code]<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
  <title>Коллекция</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251;" />
  <style>
        a
        {
            display: block;
            color: #0066FF;
            background-color: white;
            text-decoration:  none;
        }
        a:hover
        {
            display: block;
            color: #990000;
            background-color: #99CC00;
            text-decoration: none;
        }
        #leftMenu
        {
            position: fixed;
            top:  0px;
            left: 0px;
            margin: 5px 0px 0px 0px;
            width: 120px;
            background-color: white;
            color: black;
        }

        #indexList
        {
            position: relative;
            top: 15px;
            width: 120px;
            background-color: white;
            color: black;
        }

        #indexItem
        {
            position: relative;
            top: 0px;

…

Разработка » <div> VS <table> » 02-11-2005 06:40:36

princeandrew
Replies: 7

Перейти к сообщению

Необходимо, чтобы и центровалось по вертикали тоже.
Я не спорю, что в стандарте CSS такого прямо нет.
Но я же решил задачу с помощью <table>.
Просто думал, что может быть можно её подобно решить и с помощью <div>.
Ну раз нет, остаемся с <table>

Разработка » <div> VS <table> » 01-11-2005 06:49:40

princeandrew
Replies: 7

Перейти к сообщению

А можно немго уточнить?
Я попробовал сделать так:

Выделить код

Код:

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" >
<head>
	<title>Главная</title>
	<link rel="Stylesheet" href="styles/main.css" type="text/css" />
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<script type="text/javascript">
	function onMove(el, n)
	{
		eval("document.getElementById('"+el+"').src = \"images/"+el+n+".jpg\"");
	}
	</script>
</head>
<body>
<div style="margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto; text-align:center; vertical-align:middle;">
	<img id="xmen" src="images/xmen1.jpg" alt="X-Men" onmouseover="onMove('xmen', 2);" onmouseout ="onMove('xmen', 1)" />
</div>
</body></html>

Выравнивается только горизонтально. Firefox 1.0.7

…

Разработка » <div> VS <table> » 01-11-2005 06:34:32

princeandrew
Replies: 7

Перейти к сообщению

Ок. Держи.
Файл стиля main.css:

Выделить код

Код:

html, body
{
	height:           100%;
	margin:           0px;
	padding:          0px;
	background-color: white;
    color:            black;
    font:			  normal normal normal 13px/normal Verdana, sans-serif;
}

table
{
	width:          100%;
	height:         100%;
	border-width:   0px;
	padding:        0px;
	border-spacing: 0px;
	text-align:     center;
}

.td_img
{
	border-left:   0px;
	border-right:  0px;
	border-top:    0px;
	border-bottom: 0px;
	text-align:    center;
	height:        360px;
}

a
{
	color:            Black;
	background-color: transparent;
	text-decoration:  none;
	font-weight:      bold;
	border:           0px;
}

a:hover
{
	color:            Red;
	background-color: transparent;
	text-decoration:  none;
	font-weight:      bold;
}

img
{
	border: 0px;
}

Файл содержимого main.htm:
[code]<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xh

…

Разработка » <div> VS <table> » 31-10-2005 15:22:44

princeandrew
Replies: 7

Перейти к сообщению

Привет.
Пару раз натыкался на статьи, в которых написано, что использование TABLE уже устарело давно, что необходимо использовать DIV.
Потом наткнулся на сайт

http://www.csszengarden.com/
http://www.webmascon.com/topics/books/07a.asp

Тоже стало интересно реализовывать свои странички через DIV.
Но сразу же наткнулся на проблему:
Есть у меня таблица. В ней одна строка и пять ячеек. С помощью стилей сделал так, что три средние ячейки выравниваются по центру браузера.
(суть: необходимо расположить три картинки рядом (в строчку) в центре браузера)
Как такое реализовать через DIV?

ПС. Если надо, могу текст своего примера с таблицей написать.

Разработка » Помогите реализовать правильно frameset » 28-10-2005 11:30:41

princeandrew
Replies: 2

Перейти к сообщению

Всем привет.

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
	<title>Каталог</title>
	<link rel="Stylesheet" href="docs/styles/main.css" type="text/css">
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<frameset rows="18px,*" border="1px">
	<frame src="docs/menu.htm"          scrolling="no"   frameborder="1px" noresize name="topmenu">
	<frame src="docs/comics/comics.htm" scrolling="auto" frameborder="0px" noresize name="mainpage">
</frameset>
</html>

Вот такое хочу реализовать. Валидатор выдает 3 ошибки на  border="1px" и на frameborder=. Пишет, мол нет таких свойств.

Как это можно реализовать правильно?

А также ещё пара вопросов:
1. Как я понял Firefox (1.0.7) не поддерживает такую вещь как:

Выделить код

Код:

content: 
	counter-increment:

Хотя Опера реализует авнтонумерацию и это вроде как стандарт CSS 2.0.
Действительно ли это так? Когда реализуют?

2. В приведенном выше

…

Страницы: 1

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]