традиционно туплю
#2
Опубликовано 17 September 2008 - 08:56
<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>
Все делается в простейшем хтмл редакторе =)
#3
Опубликовано 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
и всю таблицу, а не ячейку или содержимое ячейки/таблицы
#4
Опубликовано 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
#5
Опубликовано 17 September 2008 - 12:06
<table align="center" style="margin-top: нужное_кол-во.px_или%">
или
<table align="center" style="top: нужное_кол-во.px_или%">, если от какого-то элемента.
#6
Опубликовано 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
у меня при таком раскладе таблица в правом нижнем углу экрана
...в опере
Жжоте, господа.
<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%"> - таблица слева вверху
#8
Опубликовано 24 September 2008 - 18:30
width="100%" height="100%"и ещё туплю:
мне надо чтобы рисунок менял размер в зависимости от ширины экрана
тоесть, в оригинале он с шириной в 2000 точек, надо чтобы сжимался до ширины окна браузера
#10
Опубликовано 24 September 2008 - 19:35
для пропорциональностипервое - да, второе-то зачем так жестоко?
#12
Опубликовано 24 September 2008 - 21:02
всмысле на весь экран?для этого нужно развернуть на весь экран?
<a href="" onmouseover="document.cat1.src='../1.jpg';" onmouseout="document.cat1.src='../2.jpg';"><img src="../2.jpg" name="cat1"></a>PS: другая проблема: надо скрипт для "всплывания" картинки поверх другой, при наведении курсора на неё
....грубо говоря, нужно графическое мини-описание поверх основной картинки
#13
Опубликовано 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>
я тут уже пробую извращаться с большой картинкой в фоне, поверх неё "карта" с прозрачными сегментами и уже по карте открываются маленькие картинки
#14
Опубликовано 24 September 2008 - 21:27
..onmouseover.this.src='blah2.jpg'..
Идея ясна?
1. Любой элемент, кот. поддерживает стиль bg-image
2. При наведении на этот элемент, показывается, например truecolor tranceparent png или gif.
Сам не тестировал.
#15
Опубликовано 25 September 2008 - 22:45
height="100%"
оно ЗАМЕНЯЕТ картинку
я тут уже пробую извращаться с большой картинкой в фоне, поверх неё "карта" с прозрачными сегментами и уже по карте открываются маленькие картинки
ява скрипт<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
0 пользователей, 0 гостей, 0 анонимных пользователей