Перейти к содержимому


Фотография
* - - - - 1 - количество голосов

традиционно туплю

Автор темы: muslimgauze, Sep 17 2008 08:51

  • Пожалуйста, авторизуйтесь, чтобы ответить
14 ответов в этой теме

#1 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 17 September 2008 - 08:51

забыл, как поместить таблицу в центр экрана :)
  • 0
Размещенное изображение

#2 Evgen

Evgen

    Super True Member

  • True Members
  • PipPipPipPipPip
  • 3430 сообщений
502
Очень хороший
  • Пол:Мужчина
  • Город:Пр. М. Жукова 33

Опубликовано 17 September 2008 - 08:56

Вариант 1(попроще)
<HTML>
<BODY>
  <CENTER>
  <TABLE BORDER>
	<TR>
	  <TD COLSPAN=3>Table</TD>
	</TR>
  </TABLE>
  </CENTER>
</BODY>
</HTML>

Вариант 2
<table width="100%" height="100%">
<tr>
  <td align="center" valign="middle">
	Table
  </td>
</tr>
</table>

Все делается в простейшем хтмл редакторе =)
  • 0
Размещенное изображение
Размещенное изображение

#3 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 17 September 2008 - 09:26

Вариант 1(попроще)

<HTML>
<BODY>
  <CENTER>
  <TABLE BORDER>
	<TR>
	  <TD COLSPAN=3>Table</TD>
	</TR>
  </TABLE>
  </CENTER>
</BODY>
</HTML>

Вариант 2
<table width="100%" height="100%">
<tr>
  <td align="center" valign="middle">
	Table
  </td>
</tr>
</table>

Все делается в простейшем хтмл редакторе =)


не в середину, а в центр :)

тоесть середину по x и y
и всю таблицу, а не ячейку или содержимое ячейки/таблицы
  • 0
Размещенное изображение

#4 GeX

GeX

    Super True Member

  • Moderators
  • PipPipPipPipPip
  • 11350 сообщений
111
Очень хороший
  • Пол:Мужчина
  • Город:Ленинский 110/2

Опубликовано 17 September 2008 - 11:14

не в середину, а в центр :)

тоесть середину по x и y
и всю таблицу, а не ячейку или содержимое ячейки/таблицы


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Выравнивание</title>
<style type="text/css">
#centerLayer {
 position: absolute; /* Абсолютное позиционирование */
 width: 400px; /* Ширина слоя в пикселах */
 height: 300px; /* Высота слоя в пикселах */
 left: 50%; /* Положение слоя от левого края */
 top: 50%; /* Положение слоя от верхнего края */
 margin-left: -200px; /* Отступ слева */
 margin-top: -150px; /* Отступ сверху */
 background: #fc0; /* Цвет фона */
 border: solid 1px black; /* Параметры рамки вокруг */
 padding: 10px; /* Поля вокруг текста */
 overflow: auto; /* Добавление полосы прокрутки */
}
</style>
</head>
<body>

<div id="centerLayer">
<table width="10%" height="10%">
<tr>
  <td>
	Table
  </td>
</tr>
</table>
</div>

</body>
</html>

отсюда : http://www.htmlbook.ru/content/?id=95
Проверял в IE и Firefox 3
  • 0
Я в контакте Ты должен быть сильным, иначе, зачем тебе быть
Размещенное изображениеРазмещенное изображение
Размещенное изображениеРазмещенное изображение

#5 лайт

лайт

    iddqd

  • True Members
  • PipPipPipPipPip
  • 3843 сообщений
9
Обычный
  • Пол:Мужчина

Опубликовано 17 September 2008 - 12:06

:lol: Жжоте, господа.
<table align="center" style="margin-top: нужное_кол-во.px_или%">
или
<table align="center" style="top: нужное_кол-во.px_или%">, если от какого-то элемента.
  • 0

#6 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 18 September 2008 - 08:28 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Выравнивание</title>
<style type="text/css">
#centerLayer {
 position: absolute; /* Абсолютное позиционирование */
 width: 400px; /* Ширина слоя в пикселах */
 height: 300px; /* Высота слоя в пикселах */
 left: 50%; /* Положение слоя от левого края */
 top: 50%; /* Положение слоя от верхнего края */
 margin-left: -200px; /* Отступ слева */
 margin-top: -150px; /* Отступ сверху */
 background: #fc0; /* Цвет фона */
 border: solid 1px black; /* Параметры рамки вокруг */
 padding: 10px; /* Поля вокруг текста */
 overflow: auto; /* Добавление полосы прокрутки */
}
</style>
</head>
<body>

<div id="centerLayer">
<table width="10%" height="10%">
<tr>
  <td>
	Table
  </td>
</tr>
</table>
</div>

</body>
</html>

отсюда : http://www.htmlbook.ru/content/?id=95
Проверял в IE и Firefox 3


у меня при таком раскладе таблица в правом нижнем углу экрана :)
...в опере

:lol: Жжоте, господа.
<table align="center" style="margin-top: нужное_кол-во.px_или%">
или
<table align="center" style="top: нужное_кол-во.px_или%">, если от какого-то элемента.


<table align="center" style="margin-top: 10%"> - таблица по центру, но слева
<table align="center" style="margin-top: 50%"> - таблица внизу за границей экрана

<table align="center" style="top: 50%"> - таблица слева вверху
  • 0
Размещенное изображение

#7 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 23 September 2008 - 23:07

и ещё туплю:

мне надо чтобы рисунок менял размер в зависимости от ширины экрана :)
тоесть, в оригинале он с шириной в 2000 точек, надо чтобы сжимался до ширины окна браузера
  • 0
Размещенное изображение

#8 гигер

гигер

    Super True Member

  • True Members
  • PipPipPipPipPip
  • 394 сообщений
-3
Обычный
  • Пол:Мужчина

Опубликовано 24 September 2008 - 18:30

и ещё туплю:

мне надо чтобы рисунок менял размер в зависимости от ширины экрана :)
тоесть, в оригинале он с шириной в 2000 точек, надо чтобы сжимался до ширины окна браузера

width="100%" height="100%"
  • 0

#9 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 24 September 2008 - 19:24

width="100%" height="100%"

первое - да, второе-то зачем так жестоко? :)

PS: я ещё тогда вспомнил
  • 0
Размещенное изображение

#10 гигер

гигер

    Super True Member

  • True Members
  • PipPipPipPipPip
  • 394 сообщений
-3
Обычный
  • Пол:Мужчина

Опубликовано 24 September 2008 - 19:35

первое - да, второе-то зачем так жестоко? :)

для пропорциональности
  • 0

#11 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 24 September 2008 - 20:05

для пропорциональности


для этого нужно развернуть на весь экран? :o

PS: другая проблема: надо скрипт для "всплывания" картинки поверх другой, при наведении курсора на неё
....грубо говоря, нужно графическое мини-описание поверх основной картинки
  • 0
Размещенное изображение

#12 гигер

гигер

    Super True Member

  • True Members
  • PipPipPipPipPip
  • 394 сообщений
-3
Обычный
  • Пол:Мужчина

Опубликовано 24 September 2008 - 21:02

для этого нужно развернуть на весь экран? :o

всмысле на весь экран?

PS: другая проблема: надо скрипт для "всплывания" картинки поверх другой, при наведении курсора на неё
....грубо говоря, нужно графическое мини-описание поверх основной картинки

<a href="" onmouseover="document.cat1.src='../1.jpg';" onmouseout="document.cat1.src='../2.jpg';"><img src="../2.jpg" name="cat1"></a>
  • 0

#13 muslimgauze

muslimgauze

    сраный пиписькомер (тм)

  • True Members
  • PipPipPipPipPip
  • 6531 сообщений
-4
Обычный
  • Пол:Мужчина
  • Город:Металлострой

Опубликовано 24 September 2008 - 21:05

всмысле на весь экран?

height="100%"

<a href="" onmouseover="document.cat1.src='../1.jpg';" onmouseout="document.cat1.src='../2.jpg';"><img src="../2.jpg" name="cat1"></a>

оно ЗАМЕНЯЕТ картинку

я тут уже пробую извращаться с большой картинкой в фоне, поверх неё "карта" с прозрачными сегментами и уже по карте открываются маленькие картинки :)
  • 0
Размещенное изображение

#14 лайт

лайт

    iddqd

  • True Members
  • PipPipPipPipPip
  • 3843 сообщений
9
Обычный
  • Пол:Мужчина

Опубликовано 24 September 2008 - 21:27

..style="backgound-image:blah.jpg"..
..onmouseover.this.src='blah2.jpg'..
Идея ясна?
1. Любой элемент, кот. поддерживает стиль bg-image
2. При наведении на этот элемент, показывается, например truecolor tranceparent png или gif.
Сам не тестировал.
  • 0

#15 Malder

Malder

    Super True Member

  • True Members
  • PipPipPipPipPip
  • 1330 сообщений
0
Обычный
  • Пол:Мужчина

Опубликовано 25 September 2008 - 22:45

height="100%"

оно ЗАМЕНЯЕТ картинку

я тут уже пробую извращаться с большой картинкой в фоне, поверх неё "карта" с прозрачными сегментами и уже по карте открываются маленькие картинки :)

ява скрипт&lt;script language="javascript"><!--function start(){if (document.getElementById("kartinka").style.display=="none") document.getElementById("kartinka").style.display="block";else document.getElementById("kartinka").style.display="none";}--></script>//тут картинка в фоне//Блок с картинкой.примини к нему css с указанием абсолютной позиции и необходимым положением на экране.//для примера я указал картинку на 100 px слева и на 20 сверху<div id="kartinka" style="display:none; position:absolute; left:100; top:20;">//тут нужная картинка</div>//тут указываем как мы вызываем скрипт. например при нажатии на ссылку (можно вызывать скрипт по любому событию)<a href="#" onclick="java script:start()">текст ссылки</a>

..style="backgound-image:blah.jpg"..
..onmouseover.this.src='blah2.jpg'..
Идея ясна?
1. Любой элемент, кот. поддерживает стиль bg-image
2. При наведении на этот элемент, показывается, например truecolor tranceparent png или gif.
Сам не тестировал.

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

Посетителей, читающих эту тему: 2

0 пользователей, 2 гостей, 0 анонимных пользователей

  1. SWNET
  2. → Разное
  3. → Программирование
  4. Privacy Policy