[HTML, Css] - Задай вопрос, получи ответ [Архив]

PDA

Просмотр полной версии : [HTML, Css] - Задай вопрос, получи ответ

Страницы : [1] 2 3 4 5 6

Isis

28.06.2007, 01:10

В этой теме задаём вопросы по HTML (разметка гипертекста) и CSS (каскадные таблицы стилей)

Isis

28.06.2007, 01:14

Можно ли сделать <textarea> невидимым?
Пробовал type="hidden" - не хочет :)

_Great_

28.06.2007, 01:15

не type=hidden, а попробуй style="visibility:hidden" или как там

GreenBear

28.06.2007, 01:18

style='display:none'

Great: Во, я это имел в виду.. забыл этот стиль

blaga

28.06.2007, 03:47

Таблицы входят в стандарт XHTML'a?? Или только Div'ы?

hhover

28.06.2007, 04:31

Нигде не слышал, чтобы стандарты запрещали использование таблиц. Дивы и таблицы соперничают между собой только как способы верстки документов, и для Xhtml естественно логичнее использовать блочную верстку, но тем не менее таблицы никто не запрещал, просто с дивами все стандарты соблюсти проще. А таблицы использовать по их прямому назначению, или там, где дивы никак не справляются со своей задачей.

PEPSICOLA

02.07.2007, 06:58

Help! :) Задаца - что бы фон таблицы (которая в дальнейшем в зависимости от наполнения будет менять свою высоту) должна иметь background - gradient. Как это сделать с использованием css? Помогите пожалуйста! :)

Полоска с картинкой не выход, т.к. фиг знает до какой длины она будет открываться вниз.

n1†R0x

02.07.2007, 11:07

Я Геме задавал подобный вопрос, когда клепал сайт для одной фирмы
Вот как он ответил:

31.05.2007 15:26:03, Гема
знаю это появилось недавно .. в ие только пашет

...

31.05.2007 15:29:32, Гема
<TD VALIGN=TOP BGCOLOR=#F4F3EE STYLE="FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0 ,startColorStr=#FCFBFE,endColorStr=#F4F3EE); padding: 8px 8px;">

Helios

04.07.2007, 19:53

2PEPSICOLA

как вариант сделать следующее:

.my_gradient
{
background: #fff url(images/gradientbg.gif) repeat-x;
}

Где #fff - конечный цвет градиента (который снизу),
gradientbg.gif - вертикальная полоска с градиентом.

При этом вверху твоей колонки будет желаемый градиент.
При растяжении в ширину ничего не изменится, т.к. благодаря repeat-x картинка будет повторяться в горизонтальной плоскости.
А при растяжении в высоту градиент останется вверху, а ниже будет его продолжение одним цветом.

При этом, делая полоску с фоном шириной пикселей в 5, ты можешь сделать ее достаточно высокой, чтобы растяжения, польше чем высота фона не происходило, при этом картинка будет весить порядка 2кБ.

Выходить из положения, задавая фиксированную высоту (height: 300px) не правильно, т.к. в той же Опере при переполнении колонка останется того размера, который ты задал, а текст с нее вылезет.

XHTTP

09.07.2007, 08:23

Немогу заставить div фиксироваться в IE. жареный лис, мазила и опера нормально отображают, а IE поритит вид :mad:

Helios

09.07.2007, 12:21

Добавь вверху страницы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

и

position: fixed;
top: ..px;
left: ..px;

.. - замени нужными значениями

rm24

09.07.2007, 19:14

При использовании абсолютного позиционирования в играх одно изображение наслаивается на другое. Т.е. персонаж игры может пройти сквозь стену(другую картинку). Без абсолютного позиционирования как я понял, не обайтись. Как же решать данную проблему?

Ni0x

09.07.2007, 22:01

rm24, ну так сделай "абсолютное позиционирование", проблема в том что не знаешь как? или сделай отдельные картинки, которые бы устраивали.

Helios

10.07.2007, 01:12

2rm24

Просчитывай это тем, чем двигаешь персонажа (JavaScript, php, etc.).

А если ты надеешься, что браузер будет тебе кричать "Стоять! Стенка!", то это не сюда)

XHTTP

10.07.2007, 02:12

IE 7 нормально отображает div? Фиксация не получилась...

rm24

10.07.2007, 17:57

◄Berkut

http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning

Helios

Я подумал что может быть есть свойство не позволяющее наслаеватся слоям на картинки.

GreenBear

19.07.2007, 20:52

вот фигня тут выходит.
в ИЕ выглядит так как надо:
http://ra.foto.radikal.ru/0707/bf/9c854fd4bd82.jpg

но в ФФ и опере выглядит не так как надо,
http://ra.foto.radikal.ru/0707/16/fd3691d214bc.jpg

код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>...</title>
<style type='text/css'>
.logo{
background-color: black;
widht: 100%;
height: 100px;
}
.menuline{
background-color: #235529;
color: white;
width: 100%;
height: 20px;
margin: -2px 0px 0px 0px;
}
img{
border:0;
}

</style>
</head>

<body>

<div class="logo">
<a href="index.php"><img src="img/logo_start.gif" width="350" height="100" alt="Logo: Start" /></a>
</div>
<div class="menuline">

</div>

</body>

</html>

как сделать чтобы было в ФФ нормально?

GreenBear

19.07.2007, 21:07

мне и надо, чтобы нижний наехал на верхний.

Helios

19.07.2007, 23:31

во-первых: не widht, а width.

Во вторых: имхо легче сделать так:

<style>

a img { border: none 0px; }

.menuline {
height: 100px;
vertical-align: bottom;
background-color: #235529;
margin: 0px 0px 0px 0px;
color: #fff;
position: absolute;
bottom: 0px;
white-space: nowrap;
}

.logo
{
float: left;
}
</style>

<div style="height: 300px;">
<div class="logo">
<a href="#"><img src="logo_start.gif" ... /></a>
</div>
<div class="menuline">
..::menu::..
</div>
</div>

Параметром width в CSS играться не стоит, т.к. в Standarts mode (а xhtml 1.0 strict к относится к нему) он носит не рекомендательный, а строгий характер(как написано, так и будет при любых обстоятельствах), и задает значение в процентах от высоты(!) экрана.

div по умолчанию заполняет всю доступную ему ширину, поэтому параметр width в данном случае ему не нужен и подавно.

white-space: nowrap не даст твоему меню расползаться на две и больше строк.

З.Ы. Ногами, если не правильно понял, что ты хотел, не пинать.

Helios

19.07.2007, 23:39

посмотри на код - один див в другом. "Наезд" имхо очевиден

ЗЫ: а нолевой margin для кроссбраузерости: див занимает столько места, сколько может занять

GreenBear

20.07.2007, 00:27

во-первых: не widht, а width.
я их убрал по совету ксс валидатора. да и опечатка только из-за того, что редактор не подсвечивает ксс.
div по умолчанию заполняет всю доступную ему ширину, поэтому параметр width в данном случае ему не нужен и подавно.
ок.

а на счет того, что мне и надо чтобы заезжало чуть чуть вверх. в ИЕ заезжает. в опере и ФФ нет.. почему не знаю.

Helios

20.07.2007, 00:37

Так сделай просто с фоновым рисунком, как invlose предлагал - будет везде одинаково

21.07.2007, 21:11

А чем вы правите селекторы стилей ? И как добавить селектор к странице :) ? Я правил FrontPag'ером сниффер Каника вот что вышло -
http://www.b333.fu2reteam.org/personal/log.php , но сам добавить не могу стили к существующей странице, кто подскажет плюсадин:)

Helios

21.07.2007, 22:28

Руцями мы их правим в блокноте.

D Mak

22.07.2007, 09:58

селекторы стилей
это ксс шоли?
если да, то прилинковать можна
<link href="name.css" rel="stylesheet" type="text/css" />

Я правил FrontPag'ером
ыгыгы, ты им еще пользуешься??

Helios

22.07.2007, 16:27

Классика - это HTML Kit, но никак не FrontPage.

PS. И где ты видел селекторы в двести строк?

cb93ka

22.07.2007, 17:34

dreamweaver юзай =\\
TopStyle для css, вроде интергрируется со многими прогами

invlose

23.07.2007, 16:55

...
Харе оффтопить
Создайте тему в болталке=\и заодно выясните что такое все-таки селекторы
....
--->Delete This<---

liosha

29.07.2007, 20:23

Вот, допустим у меня на сайте(wap) есть поле ввода, неважно какое и есть кнопка под ним, типа "Готово". Как сделать, чтоб при нажатии "Готово" введенные данные сохранялись где-нибудь, чтоб я их мог потом просмотреть.

blaga

30.07.2007, 03:36

liosha, это тебе в PHP надо глядеть.

-=lebed=-

31.07.2007, 09:19

сабж: редактор Macromedia Dreamwever версия 8.

Вообщем сделал страницу, проверяю отображение во всех трёх браузерах все одинаково и верно отображается, проверяю на ошибки документ встроенными средствами пишет вот что на код:

<td background="images/btn.png" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

td" не имеет атрибута: "background" в текущих активных версиях.[HTML 4.0]

DOCTYPE не указан...

Ещё ругается на это:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

Тэг: "table" не имеет атрибута: "height" в текущих активных версиях.[HTML 4.0]

В чём трабл?

Что фон в ячейках таблицы нельзя задавать и высоту таблиц тоже? в рамках HTML 4.0 какой мне DOCTYPE прописать? чтоб валидатор не ругался и правильно всё проверял?

-=lebed=-

31.07.2007, 09:37

сделай через <style></style> и не парься=\

#стер

w3c.org=\там есть спецификации)

Дык всё и так работает! может просто правильно надо указать DOCTYPE ?

-=lebed=-

31.07.2007, 10:35

да лан забил я на эти ошибки - браузеры-то всё верно отображают!

Helios

31.07.2007, 14:31

2-=lebed=-

В спецификациях HTML 4.0 и выше аттрибут background тегов table, tr и td не существуе только по одной причине - первоначально он был введен мелкософтом в IE, и остальными браузерами не поддерживался. Поэтому в тот момент в спецификации не вошел. А позже на него, откровенно говоря, забили.

Чесно говоря, не вижу смысла в его использовании, намного проще и удобнее воспользоваться CSS:

background: #fff url(/path/to/image.gif) repeat;

При этом можно указать не только рисунок, но и его расположение и тип размножения(если нужно).

На счет height скажу одно - аттрибут считается устаревшим начиная с HTML 4.01.

Попробуй doctype html 4.0 или не указывай его вообще.

Подробнее о doctype:
Тип документа: объявлять или не объявлять? (http://www.artlebedev.ru/tools/technogrette/html/doctype/)

Тип документа: режимы рендеринга (http://www.artlebedev.ru/tools/technogrette/html/doctype2/)

И сами Doctype:
http://www.opera.com/docs/specs/doctype/

Joker-jar

06.08.2007, 05:47

<SELECT NAME="имя">
<OPTION VALUE="option_1" selected>текст 1
<OPTION VALUE="option_2">текст 2
<OPTION VALUE="option_n">текст n
</SELECT>

Как сделать, чтоб в этот контролл можно было текст вписывать?

FeraS

06.08.2007, 06:27

Joker-jar
Обчным методом нельзя

Извращение:
<div style="left:10; top: 10; position: absolute;">
<table cellpadding="0" cellspacing ="0">
<tr>
<td style="vertical-align: top"><input name="veve" style="margin: 0; padding: 0"></td><td style="vertical-align: top"><img src="картинка" onclick="ve.style.display=(ve.style.display==''?'none':''); it=2;"> </td>
</tr>
</table>
</div>

<div style="left: 10; top: 31; position: absolute; display: none; width: 170; color: black; font-family: verdana; font-size: 10; border: 1 black solid; background-color: white" id="ve">
<table style="cursor: hand;" cellsapcing="0" cellpadding="0" width="100%">
<tr>
<td onmouseover="this.style.backgroundColor='black'; this.style.color='white'" onmouseout="this.style.backgroundColor='white'; this.style.color='black'" onclick="veve.value='Вариант 1';ve.style.display='none'">Вариант 1</td>
</tr>
<tr><td onmouseover="this.style.backgroundColor='black'; this.style.color='white'" onclick="veve.value='Вариант 2'; ve.style.display='none'" onmouseout="this.style.backgroundColor='white'; this.style.color='black'">Вариант 2</td>
</tr>
</table>

<script>
var it = 0;
document.onclick=zz;

function zz(){
it--;
if(it!=1){
ve.style.display='none';
}
}
</script>

Mescalin

05.09.2007, 17:05

Чем криптануть iframe? У меня есть пару html крипторов,но каспер ругается,может у кого нибудь есть норм криптор?

temp_late

11.09.2007, 13:14

Как зделать что бы одна таблица накладывалась на другу как слоями?

<table>
<tr><td> - </td><td> - </td></tr>
<tr><td> - </td><td> - </td></tr>
</table>

<table>
<tr><td> 0 </td><td> 0 </td></tr>
<tr><td> 0 </td><td> 0 </td></tr>
</table>

phol1eadeux

11.09.2007, 14:53

Как зделать что бы одна таблица накладывалась на другу как слоями?
Как два байта переслать. Используя блочную верстку и CSS.

<html>
<style type="text/css">
#table {
position: absolute;
left: 350px;
top: 50px;
width: 120px;
}
</style>

<body>
<div id="table"><table border=1><tr><td>1</tr></table></div>
<div id="table"><table border=1><tr><td>-</tr></table></div>
</body>
</html>

NOmeR1

14.09.2007, 22:19

sys64.110mb.com
как сделать, чтобы при нажатии на гиперссылку, страница открывалась в правом фрейме?
Тогда нужно сделать чтобы и гиперссылка была в ифрейме.

ant0ha

14.09.2007, 22:25

Насколько я понял тебе нужно чтото типа этого<a href="название страницы" target="название фрейма">

GlOFF

17.09.2007, 14:26

У меня простой вопрос для знающих!
Есть сслыка на файл в архиве, при её нажатии браузер открывает файл в окне
Rar! .... и дальше бред
Какие настройки на сервере изменить, чтобы в браузере выскакивало окно с опциями сохранения файла ???

groundhog

17.09.2007, 14:34

Попробуй в httpd.conf внутри директивы <IfModule mod_mime.c> добавить волшебные строчки:

AddType application/x-rar-compressed .rar
AddType application/rar .rar

А файло отдаётся веб-сервером или скриптом? Если скриптом, тогда нужно использовать правильные хидеры:

header("Content-Type: application/x-rar-compressed");
или

header("Content-Type: application/rar");

GlOFF

17.09.2007, 15:14

groundhog Спасибо справился! Настроил типы MIME на сервере добавив application/x-rar-compressed
groundhog +++!

n1†R0x

19.09.2007, 21:21

Добрый вечер всем, вопрос таков) из лабораторки. Почитал бы спецификации по XHTML, но времени нету совсем уже, пора отсылать результат работы.

В чем не соответствует стандарту xHTML фрагмент:

<body>
<p> 1 </p>
<br />
<p> 2 </p>
</body>

про мета-теги и пр. обязательные заголовки просьба не писать, ключевое слово - фрагмент

задание банальное, но для меня xhtml и прочие расширения - темный лес :)

Y.Dmitriy

19.09.2007, 21:24

<br /> - <br> а так я ниче не увидел...

Helios

19.09.2007, 21:33

Добрый вечер всем, вопрос таков) из лабораторки. Почитал бы спецификации по XHTML, но времени нету совсем уже, пора отсылать результат работы.

про мета-теги и пр. обязательные заголовки просьба не писать, ключевое слово - фрагмент

задание банальное, но для меня xhtml и прочие расширения - темный лес :)
В xhtml 1.0 Strict тег body не может содержать тег br напрямую - он должен быть вложен в другие теги

n1†R0x

19.09.2007, 21:38

В xhtml 1.0 Strict тег body не может содержать тег br напрямую - он должен быть вложен в другие теги
В точку, спасибо!

<br /> - <br> а так я ниче не увидел...
Нет, он должен закрываться :)

groundhog

20.09.2007, 10:17

n1†R0x, я бы даже более глобально сказал, в strict поправке тег <body> может содержать только блочные или встраиваемые типы элементов, а <br> вроде не относится ни к тем, ни к тем...

Moldman

25.09.2007, 19:15

Могу я через Html форму добавить информацию в файл а потом из него все вставить на сайт?
Если да то как?

phol1eadeux

25.09.2007, 19:40

Можно через куки

groundhog

26.09.2007, 09:53

Moldman, то что тебе нужно - HTML + PHP. Читай про тег <form> и HTTP-методы GET, POST, а так же как работать с этими переменными на языке PHP.

cb93ka

26.09.2007, 14:22

Moldman

показ из текстового файла
$file = nl2br(file_get_contents("file.txt"));
echo $file;

Moldman

28.09.2007, 07:43

Я создал форму которая всю информацию записывает в один файл .dat
Но мне нужно чтоб каждая строка из этого файла превратилось в отдельный Html файл а потом на сайте поевились сылки на них.
Это возможно?

GreenBear

29.09.2007, 15:46

дано: http://yo-host.com/ - тут справа в меню есть стрелки. они в низу. как сделать их по центру?

ant0ha

29.09.2007, 16:05

дано: http://yo-host.com/ - тут справа в меню есть стрелки. они в низу. как сделать их по центру?
так выравнивает по центру
<img align="abscenter">

и вот еще не большой мануал по этому поводу:
http://vvz.nw.ru/Lessons/HTML/img.htm

GreenBear

29.09.2007, 16:09

все так просто =[ спасибо

Olmer

02.10.2007, 12:37

Народ, у меня такой вопрос. Можно ли каким то образом скрыть поле referer при передаче данных из формы? скажем, когда переходим на мерчант e-gold?

Joker-jar

02.10.2007, 12:40

Самому формировать Http-запрос, к примеру. Но это уже из области, скажем, Php ;)

Olmer

02.10.2007, 13:21

а можно поподробнее?) Ведь мерчант будет отображаться в браузере пользователя, который осуществляет платеж, браузер и передает реферер. как тут с серверной стороны(пхп) решить это? Если показывать пользователю не оригинальный мерчант, с которого уже запросы на настоящий, то может заподозрить в фишинге. Как потом принять данные от мерчанта, что платеж произведен и проч?

Joker-jar

02.10.2007, 13:29

<?
if (isset($_POST['test']))
{
if (($io = fsockopen( "www.site.com", 80, $errno, $errstr, 5)) !== false)
{
$send = "POST / HTTP/1.0\r\n";
$send .= "Host: www.site.com\r\n";
$send .= "Referer: http://www.site2.com\r\n";
$p = 'test='.$_POST['test'];
$send .= "Content-Length: ".strlen($p)."\r\n";
$send .= "Content-Type: application/x-www-form-urlencoded\r\n\r\n";
$send .= $p;
fputs ($io, $send);
$resv = '';
while (!feof($io))
{
$resv .= fread($io, 8192);
}
}
}
?>

<form method="post">
<input name="test">
<input type="submit">
</form>

Может, где-то есть ошибки (нет возможности проверить), но идею уловить можно

Olmer

02.10.2007, 14:33

идею-то понял.. но дело в том, что сам пользователь на мерчант заходить не будет в этом случае: скрипт посылает запрос на сервер и записывает ответ в массив $resv, содержимое которого и будет вероятно выведено пользователю. Но тут много подводных камней: пользователь же должен произвести и кое-какие действия на сайте e-gold(произвести оплату), к тому же мало кто из пользователей согласиться вписывать свои платежные данные в формы на сайте, а не на оригинальном мерчанте e-gold, помимо этого возникает следующая проблема: доступ к кошелькам будет с одного ip(c ip сервера, на котором висит скрипт), а это может привести к очень нежелательным последствиям.- ну, тут можно еще что-то придумать(заставить скрипт работать через списки socks, например, и проч..)

Tw!m4

04.10.2007, 11:44

Привет всем!
Такая ситуация, есть страница на хтмл-е. В ней 2 фрейма: левый фрейм - меню, правый - где показываются страницы выбранные с левого фрейма. Левый Фрейм серого цвета, в правом фрейме каждая страница имеет свой цвет. Вопрос: можно ли поменять цвет левого фрейма под каждую страницу при нажатии на меню пункт? (e.g. если страница серая, левый фрейм меняется тоже в серый цвет, а если жёлтая, то в жёлтый)

PS: тока хтмл или яваскрипт! =)

inv

04.10.2007, 11:47

parent['имя фрейма'].document.body.style.backgroundColor = 'новый цвет';

Helios

04.10.2007, 11:49

В фрейме с меню:

<a href="blue.html" target="left" onclick="document.body.style.backgroundColor = '#0000ff';">Blue page</a>

Tw!m4

04.10.2007, 12:14

оо! супер! сенкс =)

Tw!m4

04.10.2007, 16:02

Привет!
У меня тут ещё одна проблема, кагда я актуализирую страницу то цвет левого фрейма востонавливается и красится в тот цвет который прописан у него в боди. Это можна подправить?

astrologer

04.10.2007, 22:11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>example</title>

<script type="text/javascript">

</script>

</head>
<frameset cols="180,*" border="2px" framespacing="0">
<frame src="menu.html" name="leftFrame" onload="AutoColor()" title="leftFrame" />
<frame src="pages.html" name="mainFrame" onload="AutoColor()" title="mainFrame" />
</frameset>
</html>

Tw!m4

05.10.2007, 13:20

astrologer
не катит почему-то оО

phol1eadeux

05.10.2007, 19:11

Измени строку в скрипте

window.frames.leftFrame.document.body.bgColor = window.frames.mainFrame.document.body.bgColor;

Tw!m4

05.10.2007, 19:26

отлично, сработало!! + =)

astrologer

05.10.2007, 22:05

Измени строку в скрипте

window.frames.leftFrame.document.body.bgColor = window.frames.mainFrame.document.body.bgColor;
Вообще-то было достаточно убрать неизвестно откуда взявшиеся пробелы
P.S. И в Опере (9.23, как минимум) и IE 6.0 твой вариант не работает.

freddi

08.10.2007, 18:47

phol1eadeux

08.10.2007, 19:24

Цвета стрелок для select не изменить. Они наследуют стиль ОС.

Underwit

08.10.2007, 19:36

помоему вот так scrollbar-arrow-color:

GreenBear

08.10.2007, 20:21

помоему вот так scrollbar-arrow-color:
это только для ие и конкуерора

freddi

08.10.2007, 21:43

Цвета стрелок для select не изменить. Они наследуют стиль ОС.

да, скорее всего это так.

astrologer

08.10.2007, 22:38

для SELECT нужно изменить цвета стрелки, как это сделать с помощью css? все остальные параметры поменял, а этот немогу. и еще может есть мультибраузерный способ чтобы у TEXTAREA цвета полосы прокрутки во всех браузерах отображались?
Нет ничего невозможного. Напрямую нельзя, зато можно обойти: http://www.quirksmode.org/dom/inputfile.html Там про "input type='file'", но принцип точно такой же.

freddi

09.10.2007, 10:22

спс за линк, посмотрю позже.
нашол способ при котором стрелка списка не отображается (ие, опера)

<select size=1 style="position:absolute;width:100px;clip:rect(1px 81px 20px 1px);background:#cccccc;" type=text name=id><option value=first selected>1</option><option value=second>2</option></select>

Krey

09.10.2007, 13:48

Привет всем.
Как раскодироваь зашифрованный Html, какой прогой?

astrologer

09.10.2007, 18:59

Привет всем.
Как раскодироваь зашифрованный Html, какой прогой?
Это зависит от того, чем и как он был зашифрован. Скорее всего, такой проги не найдётся. Но можно посмотреть, если код выложишь (или ссылку)

Дикс

15.10.2007, 15:12

Sn@k3

15.10.2007, 15:26

дикс, насколько я понил, если онлайн то показывает он и какой-то текст?, а если офф, то показывает офф, тебе надо добавить в офф просто пробел в закодированном виде, что-то вроде &*** че-то вроде такого, точно не помню.

если конечно я так понил. а так нужно сомтреть сорцы.

groundhog

15.10.2007, 15:50

Дикс, очень плохой код! Ооооочень! Оно разъезжаетя во многих браузерах! Если дашь мне дизайн сайта в картинке, я тебе по нормальному его нарежу, смотреться будет во всех браузерах одинаково.

.:EnoT:.

15.10.2007, 16:10

Да, код конечно кривоватый, но у меня и в ИЕ и в Лисе всё по левому краю.
Если ты хочешь чтоб у тебя всё содержимое было по центру, то просто отцентруй весь код, <center></center> тебе в помощь :)

Дикс

16.10.2007, 06:44

блин, да не отцентрировать мне надо. <center> вообще депрекейтед кстати.
у меня содержимое вылезает из таблицы вправо =\

2 groundhog
больше конструктивной критики!
это моя работа, так что сделать должен я сам.

mR_LiNK[deface_0nl

16.10.2007, 07:24

Здравствуйте!
Есть вот такая страница -
http://dev.centerft.com/meded/redesign/index.php?p=products
в ИЕ 6 выглядит нормально, но в ФФ уезжает вправо. Целый час ломал голову, но так и не получилось исправить - исправляя в ФФ, портилось отображение в ИЕ 6.
Помогите исправить, пожалуйста.

Не очень понимаю что вообще должно быть на странице?? На мой взгляд в ie норм, а вот в Опере плывет графика..в лисе также!

Кинь фотку того, чего хочешь добитcся, только так можно помочь..!

Дикс

16.10.2007, 11:55

ладно, уже справился ) переписал всё заново

Marlboro_X

16.10.2007, 15:43

Подскажите плз как с делать чтобы текст содержащий теги в textarea их обрабатывал а не выводил как текст

phol1eadeux

16.10.2007, 16:42

Никак. Оно на то и textarea

Helios

16.10.2007, 19:04

2Marlboro_X

<textarea id="myarea">....</textarea>

<script language="javascript">

var area = document.getElementById('myarea');

area.outerHTML = '<div id="myarea">' + area.value + '</div>';
</script>

По сути меняем textarea на div на лету. Отсюда последствия - при отправке формы ее содержимое не отправляется на сервер.

Marlboro_X

17.10.2007, 10:51

еу, спс

пашет, но как оставить скрольчик, если возможно ))) ?

Marlboro_X

17.10.2007, 13:32

<div style="overflow:auto; width:250px; height:400px; ">
<div style="height:200px; "> тра-ля-ля</div>
<div style="height:200px; "> тра-ля-ля</div>

</div>

сам допер, вот делюсь

textarea фтопку

Дикс

19.10.2007, 16:33

По сути меняем textarea на div на лету. Отсюда последствия - при отправке формы ее содержимое не отправляется на сервер.
а если на сабмит повесить редирект с динамически формируемой ссылкой, в которую будет включено содержимое Дива ака текстареи? Правда метод ПОСТ на яваскрипте придумать уже сложнее..

Helios

19.10.2007, 17:31

а если на сабмит повесить редирект с динамически формируемой ссылкой, в которую будет включено содержимое Дива ака текстареи? Правда метод ПОСТ на яваскрипте придумать уже сложнее..
А зачем так извращаться? Можно просто по onSubmit "превращаешь" div в textarea, а по onAfrerSubmit перегоняешь обратно. Хоть GET, хоть POST работет все

spamoney

20.10.2007, 18:23

В общем такая проблема, имеется:

<td width="110" align="center" background="/images/back.gif" class='rss' onclick="document.location.href='index.php?name=News'" onmouseover="window.status='RSS 2.0'; className='rek2'" onmouseout="className='rek'">Новости</td>

классы в style.css прописаны так:

.rss { color: #ffffff; font-family: tahoma; font-size: 11px; cursor: pointer;}
.rek { color: #ffffff; font-family: tahoma; font-size: 11px; cursor: pointer;}
.rek2 { color: #ffffff; font-family: tahoma; font-size: 11px; background: url(../images/n_mn2_rek.gif); cursor: pointer; }

Проблема в следующем, при наведении на "Новости" браузер подгружает с сайта картинку из класса .rek2, на это требуется время т.к картинка весьма большая и всё это время у пользователя который навел на "Новости" там где должна быть эта картинка появляется пустота.
Как сделать так что бы эта картинка подгружалась сразу же после захода на сайт, и потом уже бралась из кэша браузера???

Поискал в нете, не чет никак не смог понять как переделать, помогите плз....

inv

20.10.2007, 18:26

phol1eadeux

20.10.2007, 18:37

либо, загружая в iframe, если запрещены скрипты

spamoney

20.10.2007, 18:41

либо, загружая в iframe, если запрещены скрипты

Можно по подробней, что и как загружать??

phol1eadeux

20.10.2007, 18:47

Можно по подробней, что и как загружать??

<style type="text/css">
.Layer {
position: absolute;
top: -10%;
left: -10%;
}
</style>
<div class="Layer">
<iframe src="картинка/etc"></iframe>
</div>

Все, картинка в кэше

inv

20.10.2007, 18:56

как у него будет меняться картинка если не работает ява скрипт

phol1eadeux

20.10.2007, 18:59

Можно сделать, не используя Js

inv

20.10.2007, 19:01

onmouseover
у него точно javascript

кстати а как ты сделаешь без нее?

astrologer

23.10.2007, 19:42

onmouseover
у него точно javascript
кстати а как ты сделаешь без нее?
C помощью стилей, конечно ( :hover )

Termin@L

30.10.2007, 14:44

Создаю таблицу с параметрами width=100% height=100%, но она занимает не всю страницу, всё равно остаются зазоры, как это убрать?

И что сие есть?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

.:EnoT:.

30.10.2007, 14:57

Создаю таблицу с параметрами width=100% height=100%, но она занимает не всю страницу, всё равно остаются зазоры, как это убрать?
В тег <body> впиши marginheight=0 topmargin=0 marginwidth=0 leftmargin=0
и будет у тебя документ на всю ширину страницы без отступов

И что сие есть?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Аз есьм спецификация html документа. Помогает браузеру правильно интерпритировать документ. Вставляется на первую строчку страницы до тега <html>

FeraS

30.10.2007, 14:59

+ еще можно у таблицы сделать cellspacing и cellpadding в "0" ;)

И что сие есть?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://stepbystep.htmlbook.ru/?id=62

.:EnoT:.

30.10.2007, 15:08

http://stepbystep.htmlbook.ru/?id=62
http://stepbystep.htmlbook.ru/?id=62' ошибка мусикул:D
извините не сдержался

Дикс

30.10.2007, 17:21

В тег <body> впиши marginheight=0 topmargin=0 marginwidth=0 leftmargin=0
ага, тока никакой валидатор это не пропустит.
Правильнее в стиле обрамляющих тегов писать padding: 0px, а в стиле вставляемого обьекта margin: 0px;

Дикс

30.10.2007, 17:22

ну и ещё у ИЕ есть мерзкая особенность делать отступы если в документе, к примеру, после картинки идёт перевод строки.
Тогда лучше уплотнить код, типа такого <img ... /></div>, так чтобы после img не было места пустого.

.:EnoT:.

30.10.2007, 17:28

ага, тока никакой валидатор это не пропустит.
К сожалению это так, хотя не знаю, скока писал мне всегда было пофиг на валидатор и даже не всегда вставлял спецификацию в документ и всё было нормально.

Такому html-лю меня ещё в школе научили)))
Конечно в такой ситуации нужно использовать css, но не все пишут сайты на css, следовательно marginheight=0 topmargin=0 marginwidth=0 leftmargin=0 всё ещё актуально, хоть и устарело))

RedBull@12

31.10.2007, 20:42

ну если уж не устраивает вариант с атрибутами боди.
что мешает прописать CSS?Т.к. CSS валидатор пропускает.
BODY {
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
}
или я что-то пропустил?

FeraS

31.10.2007, 20:55

RedBull@12
Тогда уж одним махом:
marign: 0;

RedBull@12

31.10.2007, 20:59

RedBull@12
Тогда уж одним махом:
marign: 0;
точно, думал что могут быть проблемы с разными браузерами,посмотрел пофигу как использовать.

rubik-nerubik

02.11.2007, 17:00

как реализовать только числовой ввод в инпут типе текст
пробывал s-data-type=number или type=number не выходит

phol1eadeux

02.11.2007, 20:50

Почитай здесь:
http://www.softtime.ru/forum/read.php?id_theme=45147&id_forum=6

XIII

03.11.2007, 17:22

народ как сделать регистрацию в несколько ступеней, например заполнил одни данные нажимаешь далее и заполняешь ещё данные а птом всё это отправляет в скрипт

Kridan

03.11.2007, 22:37

XIII
Можно сделать несколько div'ов с visibility: hidden и по нажатию "Далее" скрывать предыдущий и делать следующий видимым (visibility: visible).

Но это не лучший вариант, ибо юзер может что-то не правильно заполнить и вместо нажатия кнопки на форме, отображающей предыдущий div, нажмёт в браузере "Назад". Тогда его перебросит сразу на предыдущий адрес.

XHTTP

06.11.2007, 03:58

ant0ha

06.11.2007, 19:53

Может и тупо звучит, но можно поставить рядом две кнопки под формой "назад"(или "Мля! ни то написал!" :D ) и "далие" а в при наведении на них курсора появлялась подсказка с пояснением чего ента кнопка сделает.
конечно можно, и имена им лучше разные задать, а подсказку можно по title задать
<form>
<input type="submit" name="back" value="назад" title="подсказка">
<input type="submit" name="next" value="далее" title="подсказка">
</form>

klmn

07.11.2007, 01:49

Добрый день. ПОдскажите.. как сделать чтоб обычная кнопка <input type=button class=input value='тата' style='WIDTH: 120px' > была активна для определённого пользователя после её нажатия через какое-то определённое время.. скажем.. - 10 минут... вот полный код - <input type=button class=input value='та' style='WIDTH: 120px' onclick=\"javascript:ShowForm('та','ta.php?ads=$now','','' ,'1','ads','1','0');\"><HR color=silver> помогите пожалста ?.

klmn

07.11.2007, 01:57

извиняйте если не там написал... ато не знаю даже куда это отнести... java.. html.. ну явно не php... так что скорее всего не ошибся...

astrologer

07.11.2007, 03:44

извиняйте если не там написал... ато не знаю даже куда это отнести... java.. html.. ну явно не php... так что скорее всего не ошибся...
Точнее сформулируй, что именно должно происходить. Если я правильно понял, то кнопка после нажатия должна деактивироваться и включаться заново только через некоторое время. В таком случае, можно сделать что-то вроде этого:<input id="unique-id" type=button class=input value='тата' onclick="this.disabled='true';setTimeout(function(){ document.getElementById('unique-id').disabled=''; }, 2000);" />
// Число "2000" - это время в миллисекундах. ..
// (Поставлено 2 секунды для демонстрационных целей)
// Чтобы было десять минут, надо поставить 600000
// Лучше, конечно, внести код, который сейчас в обработчике onclick в функцию "ShowForm", но ты её не привёл

klmn

07.11.2007, 17:27

Точнее сформулируй, что именно должно происходить. Если я правильно понял, то кнопка после нажатия должна деактивироваться и включаться заново только через некоторое время. В таком случае, можно сделать что-то вроде этого:

Так.. формулирую точнее... например мы играем в какойнить онлайн проект.. скажем БК... Вы .. $stat[user] заходите куда-то и там есть кнопка.. кнопка чтоб например идти дальше куда либо.. Вы нажали на неё.. выскакивает табличка где нужно вписать например название чего либо.. например города куда идти надо... пишем название города.. нажинаем на кнопку и срабатывает функция go.php?go например обновился экран.. Вы сразу увидели куда вы пришли... но кнопка ДЛЯ ВАС не активна.... и через определённое время она снова работает... но надо сделать... так чтоб так было ДЛЯ КАЖДОГО $STAT[USER] а не для всех кто хочет перейти... т.е. что не было так что один перешёл.. а остальным ждать 10 минут для того чтоб тоже нажать кнопку.. и то порядка очереди... а хотя... можно чтоб она диактивировалась и для всех... но лучше для одного... вот .. снова... код кнопки и таблички что выскакивает..
<input type=button class=input value='идти' style='WIDTH: 120px' onclick=\"javascript:ShowForm('Переход','go.php?go=$n ow','','','1','go','1','0');\"><HR color=silver>

Kridan

07.11.2007, 23:23

но кнопка ДЛЯ ВАС не активна.... и через определённое время она снова работает... но надо сделать... так чтоб так было ДЛЯ КАЖДОГО $STAT[USER] а не для всех кто хочет перейти...

Ява скрипты исполняются на стороне клиента, так что на других вышедаденный код не повлияет.

Это как.... ну как по телевизору: если соседи смотрят тот же канал, то прибавив контрастность, ты им не помешаешь.

Другой вопрос, если ты хочешь каждому задать свой интервал времени (10 мин или 8), тогда надо при генерации страницы средствами php (perl) каждому свои циферки вписывать.

dk-ne

07.11.2007, 23:37

Как можно создать ширину страницы такой, что не появлялась полоса прокрутки, а просто изменялся размер шрифта или переносились слова при сворачивании страницы или изменении ее размеров, например при просмотре на мобильнике?

klmn

07.11.2007, 23:46

Ява скрипты исполняются на стороне клиента, так что на других вышедаденный код не повлияет.

Это как.... ну как по телевизору: если соседи смотрят тот же канал, то прибавив контрастность, ты им не помешаешь.

Другой вопрос, если ты хочешь каждому задать свой интервал времени (10 мин или 8), тогда надо при генерации страницы средствами php (perl) каждому свои циферки вписывать.
это всё конечно хорошо... но ответа нету.. я же написал там всё... ну знаешь если... ну помоги пожалуйста...

astrologer

08.11.2007, 02:23

klmn, Понятно. Для того, чтобы это реализовать (т.е. время перехода между локациями), необходимо хранить эти данные в базе в отдельной колонке для каждого "$STAT[USER]", который, видимо, представляет собой уникальный ID пользователя. И перед выдачей страницы в браузер сначала проверять это значение, исходя из чего формировать код. Если значение равно 0, то осуществлять переход (и записывать новое значение, равное 10 минутам). Если больше, то показывать сообщение "Подождите N минут". Чтобы всё это работало, надо добавить вышеупомянутую проверку в серверный скрипт.

Kridan

10.11.2007, 00:53

klmn, немного выше astrologer дал вполне работоспособный скрипт по деактивации кнопки.

Если надо, чтобы кнопка была неактивна первые 10 мин, после загрузки страницы, то надо сразу выдавать её (кнопку) не активной и добавить
<body onLoad="setTimeout(function(){ document.getElementById('unique-id').disabled=''; }, 2000);">
Если же хочешь время сделать индивидуальным, можно например сделать так
print '<body onLoad="setTimeout(function(){ document.getElementById(\'unique-id\').disabled=\'\'; }, '.$USER['time'].');">';
Как ты будешь получать этот USER[time] - это вопрос другой темы, ибо это должно обрабатываться где-то на сервере.
В любом случае очереди пользователей не возникнет.

PEPSICOLA

24.11.2007, 07:25

У меня вопрос :)

Что значит Default Document Type?
В чем разница между например XHTML 1.1 и HTML 4.0

Scipio

24.11.2007, 07:54

XHTML скорее относится к XML, чем к HTML но имеет такиеже возможности как и html, т.е. XHTML более структурированный и синтаксис строже, поэтому он быстрее и лучше "парсится"

Хелпер

24.11.2007, 21:35

Нужна форма Логин/пароль кнопка отправить чтоб сохраняла данные в txt файле в виде логин;пасс

NOmeR1

24.11.2007, 21:36

Нужна форма Логин/пароль кнопка отправить чтоб сохраняла данные в txt файле в виде логин;пасс
Ты уже всё что можно зафлудил, что теперь?

Хелпер

24.11.2007, 21:36

извеняюсь

.:EnoT:.

05.12.2007, 15:19

Вопрос такой:
Нужно при помощи css сделать нулевыми расстояния между ячейками таблиц и между границами таблиц, короче говоря celspacing=0 и cellpadding=0
table{

width: 100%;
margin: 0;
padding: 0;
}
Это не помогает.
Можно конечно вписать прям в тег <table> параметры celspacing и celpadding, но хочется чтоб валидатор особо не ругался))

it's my

05.12.2007, 16:07

впиши в тег <table width="100%" border="0" cellpadding="0" cellspacing="0">, надежнее будет =/

GreenBear

05.12.2007, 16:08

border-collapse: collapse;
впиши в тег <table width="100%" border="0" cellpadding="0" cellspacing="0">, нудежнее будет =/
w3.org

.:EnoT:.

05.12.2007, 16:09

впиши в тег <table width="100%" border="0" cellpadding="0" cellspacing="0">, надежнее будет =/
Эт понятное дело, тока валидатор ругается =// хотелось бы тоже самое на css сделать.....если больше вариантов нету, то придётся сделать так))

astrologer

05.12.2007, 22:42

table {
border-collapse: collapse; /* cellspacing="0" */
border: 0px; /* border="0" */
}

table td {
padding: 0px; /* cellpadding="0" */
}

XopoIII

09.12.2007, 17:04

подскажите что нитак
делаю

A {text-decoration:none}
A:visited {#CC9900}
A:hover {#CCCCCC}
A:active {#0000FF}

а ссылкам похеру не меняются=(

phol1eadeux

09.12.2007, 17:05

жжешь! тебе читать и чаитать
A:hover { color: #CCCCCC }

XopoIII

09.12.2007, 17:09

=))))) учусь батенька) надо внимательнее быть)))

XopoIII

09.12.2007, 17:56

есть ли какой нибуть простой способ сделать границы рамок и фрэймов? или он только один, со вставкой рисунков в теги <td>?

TrypoED

09.12.2007, 18:16

есть ли какой нибуть простой способ сделать границы рамок и фрэймов? или он только один, со вставкой рисунков в теги <td>?
Вот книга по HTML (http://dump.ru/files/n/n7942502132/) там во вкладке Веб-Дизайн -> Таблицы - есть программка по которой можно это все выстроить в своих размерах....

XopoIII

09.12.2007, 18:21

название проги сказал бы и все)))

XopoIII

10.12.2007, 03:35

есть ли какой нибуть простой способ сделать границы рамок и фрэймов? или он только один, со вставкой рисунков в теги <td>?

да и в твоей проге бурда, тупо рисует таблицы

Joker-jar

10.12.2007, 03:55

попробуй style="border: 1px solid black"

phol1eadeux

10.12.2007, 15:30

Ну и вид другой соответсвенно:
; border-style: [dashed] [dotted] [double] [groove] [inset] [outset] [ridge] [solid] "

Tw!m4

13.12.2007, 14:15

народ!

у мну такой вопос: есть две тэйблдаты, в левой типа менюшки а в правой должен быть типа текст. Можно ли сделать так чтоб нажимая на менюшку с лева появлялся текст с права? Тока без фрэймов....

groundhog

13.12.2007, 14:19

Можно, с помощью DHTML. Заводи справа контейнер с каким-нибудь айдишником, а на события элементов меню назначай код, который будет получать доступ к контейнеру через метод getElementById и изменять его состояние (текст, стили и т.д.)

biophreak

13.12.2007, 14:19

Что то в духе document.getElementById('id').innerHtml="Контент )"

Tw!m4

13.12.2007, 15:19

оке, скажим так:

мне надо штоб в правой тд показывалась другая хтмл страница, такое тоже через дивы делать? и ещё, куда сувать то этот getElementById()?

// типа так? <a href="../path/to/company.html" onclick="document.getElementById('content').innerHtml=' а чё сюда прописывать...'">о компании</a>

astrologer

13.12.2007, 16:41

оке, скажим так:

мне надо штоб в правой тд показывалась другая хтмл страница, такое тоже через дивы делать?Чтобы была именно другая страница, можно только с помощью фреймов.
Или же загружать эту самую страницу через JS удобным тебе способом,
брать её код и вставлять через упомянутый innerHTML (регистрозависимо)
onclick="document.getElementById('content').innerHtml=' а чё сюда прописывать...'"Прописывай текст/html, который тебе нужен

nc.STRIEM

14.12.2007, 15:17

Есть картинку нужна на нее вывести текст.

<td><a href="#"><img src="img/b_top.jpg"></a></td>

Использовать картинку в качестве фона вариант не подходит

Знаю что можно сделать, но вот как не нашол

groundhog

14.12.2007, 15:37

Прозрачным слоем можно... Но это вариант не для всех браузеров...

Tw!m4

15.12.2007, 04:30

astrologer

пасиба всем.....разобрались )

astrologer

16.12.2007, 21:46

nc.STRIEM,

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">

#test {
color: #AEA;
font-weight: bold;
margin-top: -70px;
margin-left: 210px;
}

</style>
</head>
<body>
<img src="http://forum.antichat.ru/antichat/pic/logo.gif" />
<div id="test">
Текст
</div>
</body>
</html>

Helios

17.12.2007, 20:54

2nc.STREAM

<style type="text/css">

</style>

<div class="main">
<div class="copy">© HeliosArt, 2007</div>
<img src="images/under_construction.png" width="298" height="198" />
</div>

Результат: http://heliosart.info

Varik

17.12.2007, 21:20

Народ для изучения Html и CSS посоветовали книги
М.Хольцшлаг, "Языки HTML и CSS."
М.Хольцшлаг, "250 секретов HTML и web дизайна."
Если есть у кого залейте плз, с меня +.
На форуме искал.

Tw!m4

18.12.2007, 02:21

народ.....кароч сделал сайт для фирмы, прописал картинку, как хздер, в цсс-е и хочу сделать футер, тоже картинкой и ана показывает.....теперь проблема в том, что если писать длынный текс, то картинка не уходит вместе с текстом вниз, ана как бы засланяет текст собою! Как это мона исправить?

Varik

тебе сюда, качай чё хошь =)
_http://www.goldbook.ws/vse_dlja_web_mastera/page/1/

.:EnoT:.

18.12.2007, 05:11

мля, щас 4 утра, не хрена уже не соображаю...напишите пожалста что в css нужно прописать чтобы все обьекты в теге <body> находились по центру. С текстом всё понятно text-align: center; но вот все таблицы, списки и т.д. сползают влево по умолчанию...

Tw!m4
Ежели хочешь чтобы картинка заново переносилась на новую строку вместе с текстом, то делай так (у меня работет норм)
.name{
background-image: url(img.gif);
width: 100%;}
Если как-то по другому надо, то напиши подробнее или скрин выложи

groundhog

18.12.2007, 12:55

.:EnoT:., есть только один css-атибут влияющий на выравнивание - text-align. Попробуй, конечно, так:

* {
text-align: center;
}

Вообще заключай это в табу, и дай выравнивание по колонке: align="center".

.:EnoT:.

18.12.2007, 14:18

мда, а я то думал что у меня совсем мозги сьехали...
Мне легче по-моему сделать так:
<body>
<center>

весь контент

</center>
</body>

Joker-jar

18.12.2007, 14:41

document.body.style.cursor = "wait";

Курсор становится часами (как-будто все зависло нах). Что присвоить нужно, чтоб был курсор с часами?

GreenBear

18.12.2007, 14:45

progress

phol1eadeux

18.12.2007, 18:16

К стилям в раздел head

A:hover { cursor: wait }

XopoIII

28.12.2007, 09:44

groundhog

28.12.2007, 10:48

...пробовал по всякому пихать ее и в урл и за него неполучается...
Вот ты никогда нихрена меня не слушаешь... Я тебе миллион раз давал линк на htmlbook.ru, но походу он у тебя мимо ушей прошел...

body {
background: #ffffff url('some_image.jpg') repeat-xy;
}

XopoIII

28.12.2007, 11:02

нет не пропустил, оттуда и делал, а вот кк ты показал так вообще не нработает, если повтор убираю то просто много картинок заслаивают фон, а не одна растягивается

groundhog

28.12.2007, 11:43

Масштабирование фоновой картинки средствами Css невозможно...

Tw!m4

28.12.2007, 12:28

как указать чтобы фоновая картинка растякиваль на 100%?

BODY {
width=100%; height=100%;
background-image: url('images/2t1.gif');
background-color: #fc0;
}

пробовал по всякому пихать ее и в урл и за него неполучается=)

BODY {
width:100%;
height:100%;
background-image: url('images/2t1.gif');
background-color: #fc0;
}

так пойдет, но эт тока если у тя не картинка, там с трансформерами, а маленькая картинка на 2-3 пикселя, тагда ты сможешь её расклонировать по всему бэкграунду =)!

width=100%; height=100% - это опции тэга, они в цсс не катят ;)

XopoIII

28.12.2007, 12:34

нет он просто постит маленькими картинками все окно а не растягивает, проверь сам

Tw!m4

28.12.2007, 13:11

нет он просто постит маленькими картинками все окно а не растягивает, проверь сам

<body background="path/to/image.gif" width="100%" height="100%">

oO ?

XopoIII

28.12.2007, 16:46

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

astrologer

28.12.2007, 17:08

groundhog прав, нельзя растягивать фон с помощью css.

-=lebed=-

30.12.2007, 11:48

как ограничить текстовую область ввода, например только 20 строк по 20 символов в каждой на этапе ввода, на уровне HTML и/или javascript?

<form method="post" action="<?=$_SERVER['PHP_SELF']?>">
<textarea rows=20 name=passwords>
</textarea>
<input type=submit>
</form>

Т.е. чтоб в обработчик отправлялись не более 20 строк шириной 20, а остальное отбрасывалось?

FeraS

30.12.2007, 13:15

-=lebed=-
http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=30804&page=6
Может будет полезно

-=lebed=-

30.12.2007, 14:07

-=lebed=-
http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=30804&page=6
Может будет полезно
Интересует реализация именно на стороне клиента, т.е отправляться должно именно то что необходимо, а не на сервере обрезаться в Post-массиве.

NOmeR1

30.12.2007, 14:18

-=lebed=-

30.12.2007, 14:54

Мда)) Код конечно не супер, но..
<script>
function nl($value)
{
return $value.replace(/^(([^\n]*\n){21,}).*$/i,'$1');
}
</script>
<textarea rows="20" onkeyup="this.value = nl(this.value)"></textarea>

Чёт не работает, а нельзя запретить скроллинг в textarea?

NOmeR1

30.12.2007, 15:08

Чёт не работает, а нельзя запретить скроллинг в textarea?
На счёт скроллинга не знаю... Короче с форумом глюк какой-то, заменяет \n на n, попробуй
<script>
function nl($value)
{
return $value.replace(/^(([^\n]*\n){21,}).*$/i,'$1');
}
</script>
<textarea rows="20" onkeyup="this.value = nl(this.value)"></textarea>
Вон там где {21,} там пиши кол-во строк + 1.

-=lebed=-

30.12.2007, 16:00

На счёт скроллинга не знаю... Короче с форумом глюк какой-то, заменяет \n на n, попробуй
<script>
function nl($value)
{
return $value.replace(/^(([^\n]*\n){21,}).*$/i,'$1');
}
</script>
<textarea rows="20" onkeyup="this.value = nl(this.value)"></textarea>
Вон там где {21,} там пиши кол-во строк + 1.
- работает, но коряво, если быстро вбивать, то пропускает ограничение...

На событие вставка из буфера тоже такая фигня должна быть...

onpaste="this.value = nl(this.value)" ?

bul.666

30.12.2007, 16:05

На событие вставка из буфера тоже такая фигня должна быть...
Поидее да
Кстати, что косаемого этого скрипта... Он заменяет текущую строку, а если быстро быстро печатать текст и нажимать ентер, то скрипт не успевает за пользователем... И текст прокатывает больше 20 строк... Думаю еще надо обработать по времени...

NOmeR1

30.12.2007, 16:22

-=lebed=-, по моему легче на PHP сделать.
<?
$rows = 20;
if(substr_count($_POST['passwords'], "\n") > $rows)
{
echo('Максимальное кол-во паролей - '.$rows);
}
?>
<?
$rows = 20;
$password = array_slice(explode("\n", $_POST['passwords']), 0, $rows); // 20 паролей
?>

bul.666

30.12.2007, 16:24

Интересует реализация именно на стороне клиента
Смысл... Будь кто поопытнее он бы подделал скрипт и все

-=lebed=-

30.12.2007, 16:52

Смысл... Будь кто поопытнее он бы подделал скрипт и все

Ну тогда и там и там...

Зачем отправлять на сторону сервера больше данных чем может принять скрипт?

согласен, на стороне сервера тоже надо сделать ограничение...
На стороне сервера добавил срез массива.

$tmp=$_POST['ta'];
$r = array_slice(explode("\r\n", $tmp),0,20);

.:EnoT:.

30.12.2007, 23:18

Ребят, немного другой вопрос с <textarea>, намучился не могу больше.
Нужно сделать чтобы не было полосы прокрутки при пустом поле. В Мурзилке её нет, но в ИЕ и Опере есть:
Вот кусок html кода:

<textarea id="mess" name="mess" rows="5" cols="69"></textarea>
Вот кусок css:

#mess{
width: auto;
padding: 3px;
margin: 8px;
background-color: #CCCFD4;
}

Не хочу чтоб была эта дурацкая полоса:
http://img156.imageshack.us/img156/6982/polosavb1.th.jpg (http://img156.imageshack.us/my.php?image=polosavb1.jpg)

astrologer

30.12.2007, 23:33

#mess{
width: auto;
padding: 3px;
margin: 8px;
background-color: #CCCFD4;
overflow: hidden;
}Только, по-моему, ничего плохого в полосе прокрутки нет.
С ней интерфейс интуитивно более понятен.

.:EnoT:.

31.12.2007, 00:22

Только, по-моему, ничего плохого в полосе прокрутки нет.
не нравится она мне когда форма пуста.
overflow: auto; и усё помогло)
Спасибо!

Alpha][

04.01.2008, 11:22

Народ , посоветуйте плиз хорошую книгу для новичка по ХТМЛ :d

phol1eadeux

04.01.2008, 13:20

http://stepbystep.htmlbook.ru/

byblik

04.01.2008, 14:34

[']Народ , посоветуйте плиз хорошую книгу для новичка по ХТМЛ :d
Я сам до недавних пор как ты искал хорошую книгу по html но понил что почти все книги - гавно собачье :) лучше спецификации не найдешь нигде!!! www.w3.org (офф сайт) вот спецификация по html на русском, можно скачать! http://obp.ru/~pluton52/html.html
З.Ы. это мое мнение :)

Meanor

04.01.2008, 15:51

По-моему очень неплох сайт "первые шаги" (http://www.firststeps.ru/) раздел Html&Web (хотя первым моим учебником по хтмл был все-таки представленный выше stepbystep) там вверху еще про css, javascript, xml. А вот для php уже надо искать что-нибудь другое =/

cb93ka

12.01.2008, 00:34

имеется такой код

<html>
<head>
<title>ляляля</title>
<style type="text/css">

</style>



<script language="JavaScript1.2">

</script>



</head>
<body>


<table width="300" border="1" align="center" cellpadding="3" cellspacing="3">
<tr><td>
<h3 align="right" style="cursor:hand" onClick="expandit(this)">Нажмите сюда</h3>
<span style="display:none" style=&{head};>Тут может быть все, что вы захотите.</span>
<h3 align="right" style="cursor:hand" onClick="expandit(this)">А теперь сюда</h3>
<span style="display:none" style=&{head};>Тут, тоже, может быть все, что угодно :)</span>
</td></tr>
</table>



</body>
</html>

1. что в css прописать нада чтобы не было огромных промежутков между нажми сюда и нажми еще сюда, а так же не было здорового промежутка между кнопкой и появившимся текстом.

что то типа в закрытом варианте:
ссылка1
ссылка2
т.е. между ними был маленький промежуток

и в открытом виде:
ссылка1
текст текст текст текст текст

ссылка2
текст текст текст текст текст

а не так как щас

ссылка1

текст текст текст текст
ссылка2

текст текст текст текст

2. можно ли сделать конструкцию типа <td>ссылка</td><td>текст текст текст текст </td>
т.е. ссылка в одной ячейке, а текст появляется в другой

ZEXEL

12.01.2008, 19:43

Вопрос такой, как на страничку вкинуть флешку ?
<img src="index.swf"> я думал что так, но не получается так :(

inSa(Ne)rd

12.01.2008, 19:53

Лучше всего так (чтобы всем правилам соответствовало):

<object type="application/x-shockwave-flash" data="index.swf" width="300" height="250">
<param name="movie" value="index.swf" />
<p>Для просмотра видео<br /> требуется <a href="http://www.adobe.com/software/flashplayer/">Adobe Flash Player</a><br /><br /><a href="http://www.adobe.com/software/flashplayer/">Скачать Adobe Flash Player</a></p>
</object>

Размеры свои естественно. А вот тот кусок, который между <p></p> можно убрать вообще. Его видно, если флеш не работает у человека. Можно вместо него другое написать что-то.

LoneWolf666

12.01.2008, 20:02

ZEXEL,
если хочешь красиво, то так:
<object classid="clsid:d27cdb9e-ae6d-11cf-69b8-444553540000" width="ширина" height="высота" codebase="http://active.macromedia.com/flash6/cabs/swflash.cab#version=6,0,0,0">
<param name="movie" value="адрес к нужному флешу" /> //это область видео
<param name="play" value="true" /> // кнопка запуска
<param name="loop" value="true" /> // полоса прокрутки
<param name="quality" value="high" /> // значение качества отображения флэша
</object>

classid - параметр программы.

Можно проще - (не проверял)
<object data=" " type=" " />
в data адрес к объекту, в тип как я понимаю application/x-shockwave-flash.

Надеюсь помог

Блин.. Нерд быстрее написала и точнее =) *sorry*

ZEXEL

12.01.2008, 21:09

спасибо помог, теперь мне еще навалилось проблем с изучением Флеша ! буду юзать дальше

А какие учебники б посоветовали для изучения флеша ?

Tw!m4

14.01.2008, 04:12

.:EnoT:.

14.01.2008, 04:39

это тебе в джава-скрипт надо было запостить.....вот скрипт такого плана http://woweb.ru/js/12/084/

Tw!m4

14.01.2008, 05:44

ыы ))) +

спасибо, я уже нашёл попроще скриптик =о)

Metall

16.01.2008, 02:00

народ

есть менюшка такова типа

menu1
menu2
menu3

и надо, что б нажав на меню menu2 открылось суб меню такова типа

menu1
menu2
submenu1
submenu2
menu3

подскажите, как эта реализовать?

ЗЫ: менюшка прописанна во фрэйме
ЗЫЫ: идеи с подменой фрэйма отменяется....

Вот JavaScript:

<HTML>
<HEAD>

<style>

</style>
<script language="JavaScript">

var stayFolded=false

//This is the image that it changes to when it expands.
var exImg=new Image(); exImg.src='arrow1.gif'
//This is the image is changes to with it's "unfolded" or something :}
//Remeber to change the actual images in the page aswell, but remember to
//keep the name of the image.
var unImg=new Image(); unImg.src='arrow.gif'

/************************************************** **********************************
Browsercheck
************************************************** **********************************/
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

/************************************************** **********************************
Making cross-browser objects
************************************************** **********************************/
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+ob j+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('docum ent');
this.height=n?this.ref.height:eval(obj+'.offsetHei ght')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
/************************************************** **********************************
Initiating the page. Just add to the arrays here to get more menuitems
and add divs in the page
************************************************** **********************************/
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oTop[5]=new makeMenu('divTop6','divCont')
oTop[6]=new makeMenu('divTop7','divCont')
oTop[7]=new makeMenu('divTop8','divCont')

oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')
oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')
oSub[6]=new makeMenu('divSub7','divCont.document.divTop7')
oSub[7]=new makeMenu('divSub8','divCont.document.divTop8')

for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
/************************************************** **********************************
This is the function that changes the sub menus to folded or unfolded state.
************************************************** **********************************/
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub[i].hideIt()
oTop[i].ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
oTop[num].ref["imgA"+num].src=exImg.src
}else{
oSub[num].hideIt()
oTop[num].ref["imgA"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
//Initiating the menus onload, if it's a 4.x+ browser.
if(browser) onload=init;
</script>
</HEAD>
<body text="#202020" bgcolor="ivory" link="#0000FF" vlink="#FFA500" alink="#FF0000" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">



<div id="divCont">
<div id="divTop1" class="clTop">
<a href="#" onclick="menu(0); return false" class="clMain">
<img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0">
Главная</a><br>
<div id="divSub1" class="clSub">
<a href="main.html" target="main" class="clSubb">-Старт</a><br>
</div><br>
</div>

<div id="divTop2" class="clTop">
<a href="#" onclick="menu(1); return false" class="clMain">
<img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0">
HTML</a><br>
<div id="divSub2" class="clSub">
<a href="#" class="clSubb">-O HTML</a><br>
<a href="#" class="clSubb">-DHTML</a><br>
<a href="html/html_faq.html" target="main" class="clSubb">-FAQ</a><br>
</div><br>
</div>

<div id="divTop3" class="clTop">
<a href="#" onclick="menu(2); return false" class="clMain">
<img src="arrow.gif" name="imgA2" width=12 height=12 alt="" border="0">
Скрипты</a><br>
<div id="divSub3" class="clSub">
<a href="#" class="clSubb">-JavaScript</a><br>
<a href="#" class="clSubb">-VBScript</a><br>
<a href="#" class="clSubb">-FAQ</a><br>
</div><br>
</div>

<div id="divTop4" class="clTop">
<a href="" onclick="menu(3); return false" class="clMain">
<img src="arrow.gif" name="imgA3" width=12 height=12 alt="" border="0">
Требования</a><br>
<div id="divSub4" class="clSub">
<a href="treb/system.html" target="main" class="clSubb">-Система</a><br>
<a href="treb/browser.html" target="main" class="clSubb">-Браузер</a><br>
<a href="treb/graphics.html" target="main" class="clSubb">-Графика</a><br>
<a href="treb/editor.html" target="main" class="clSubb">-Редакторы</a><br>
<a href="treb/ftp.html" target="main" class="clSubb">-FTP</a><br>
<a href="treb/download.html" target="main" class="clSubb">-Скачивание</a><br>
<a href="treb/dial.html" target="main" class="clSubb">-Дозвон</a><br>
</div><br>
</div>

<div id="divTop5" class="clTop">
<a href="" onclick="menu(4); return false" class="clMain">
<img src="arrow.gif" name="imgA4" width=12 height=12 alt="" border="0">
Интернет</a><br>
<div id="divSub5" class="clSub">
<a href="internet/hostingrus.html" target="main" class="clSubb">-Хостинг(РФ)</a><br>
<a href="internet/hostingen.html" target="main" class="clSubb">-Хостинг(МИР)</a><br>
<a href="internet/redirect.html" target="main" class="clSubb">-Редирект</a><br>
<a href="internet/extra.html" target="main" class="clSubb">-Еще кое-что</a><br>
</div><br>
</div>

<div id="divTop6" class="clTop">
<a href="" onclick="menu(5); return false" class="clMain">
<img src="arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">
Реклама</a><br>
<div id="divSub6" class="clSub">
<a href="rating.html" target="main" class="clSubb">-Регистрация</a><br>
<a href="bannersystem.html" target="main" class="clSubb">-Баннеры</a><br>
<a href="#" target="main" class="clSubb">-Раскрутка 1</a><br>
<a href="#" target="main" class="clSubb">-Раскрутка 2</a><br>
</div><br>
</div>

<div id="divTop7" class="clTop">
<a href="" onclick="menu(6); return false" class="clMain">
<img src="arrow.gif" name="imgA6" width=12 height=12 alt="" border="0">
Деньги</a><br>
<div id="divSub7" class="clSub">
<a href="#" class="clSubb">-Спонсоры</a><br>
<a href="#" class="clSubb">-WebMoney</a><br>
<a href="#" class="clSubb">-Кредитки</a><br>
</div><br>
</div>

<div id="divTop8" class="clTop">
<a href="" onclick="menu(7); return false" class="clMain">
<img src="arrow.gif" name="imgA7" width=12 height=12 alt="" border="0">
Прочее</a><br>
<div id="divSub8" class="clSub">
<a href="#" class="clSubb">-Гостевая книга</a><br>
<a href="#" class="clSubb">-Голосование</a><br>
<a href="#" class="clSubb">-Ссылки</a><br>
<a href="#" class="clSubb">-Написать</a><br>
</div><br>
</div>

</div>

</HEAD>
</HTML>

Isis

16.01.2008, 02:02

Metall, мда....такой не читабельный и огромный скрипт стыдно...

Metall

16.01.2008, 02:16

Metall, мда....такой не читабельный и огромный скрипт стыдно...

Скрипт не огромный. Он вполне нормален. Меню на Java Script’е все такие.

De-visible

16.01.2008, 20:41

Меню на Java Script’е все такие.
Не соглашусь...это не так.
Ты не обижайся, но Isis прав!
Metall, мда....такой не читабельный и огромный скрипт стыдно...
Где - то пример был найду выложу!

NOmeR1

16.01.2008, 21:02

народ

есть менюшка такова типа

menu1
menu2
menu3

и надо, что б нажав на меню menu2 открылось суб меню такова типа

menu1
menu2
submenu1
submenu2
menu3

подскажите, как эта реализовать?

ЗЫ: менюшка прописанна во фрэйме
ЗЫЫ: идеи с подменой фрэйма отменяется....
Сам недавно думал над этим)) Это вообще по идее можно несколькими способами реализовать. Вот мой.
<script>
function submenu(id, html) {
document.getElementById(id).innerHTML = html;
}
</script>
<a href="#" onclick="submenu('id1', '       submenu(1)<br>       submenu(2)')">menu(1)</a>
<div id="id1"></div>
<a href="#" onclick="submenu('id2', '       submenu(3)<br>       submenu(4)')">menu(2)</a>
<div id="id2"></div>
P.S. Как быть с фреймом не знаю.

FeraS

16.01.2008, 21:32

NOmeR1
А мошт проще в Sothink DHTML Menu сделать?)

Helios

16.01.2008, 21:43

Тогда уж на http://dhtml-menu.com понравившееся взять, только придется немного подумать, чтоб надпись trial version убрать.

Tw!m4

17.01.2008, 01:53

а вот как я сделал:

.....

<script type="text/javascript" charset="utf-8">
function submenudisplay(submenuid)
{ submenu = document.getElementById(submenuid);
if (submenu.style.display == "block") { submenu.style.display = "none"; }
else { submenu.style.display = "block"; }
}
</script>
</head>
<body>

<table width="210" height="50" border="0" align="left" class="navi">
<tr>
<td><br><a href="../main.html" target="mainFrame">о компании</a></td>
</tr>
<tr>
<td>
<div class="link">
<a href="../exkurs.html" target="mainFrame" onClick="submenudisplay('exkurs'); return(false);">экскурсии</a>

<div class="submenu" id="exkurs">
<div class="link">
<a href="../submenus/austria.html" target="mainFrame">- Австрия</a>
</div>
<div class="link">
<a href="../submenus/tschech.html" target="mainFrame">- Чехия и Словакия</a>
</div>
<div class="link">

<a href="../submenus/ungarn.html" target="mainFrame">- Венгрия</a>
</div>
<div class="link">
<a href="../submenus/italy.html" target="mainFrame">- Италия</a>
</div>
<div class="link">
<a href="../submenus/germany.html" target="mainFrame">- Германия</a>

</div>
</div>
</div>
</td>
</tr>
<tr>
<td><a href="../adjust.html" target="mainFrame">трансферы</a></td>
</tr>

<tr>
<td><a href="../contact.html" target="mainFrame">контакт</a></td>
</tr>
</table>
.......

плюс в цсс вписал вот что:

div.submenu
{
margin-left: 10px;
display: none;
}

div.link div.link a
{
text-decoration: none;
font-size: 9pt;
color: #026ba1;
}

Корвин

17.01.2008, 17:31

dinar_007

17.01.2008, 19:05

preg_match_all('|<form.*([\.\-_A-Za-z0-9]+?)@([\.\-A-Za-z0-9]+?[\.A-Za-z0-9]{2,}).*</form>|U', $text, $out);

это регулярное выражение выбирает все email - если они находятся в форме

как написать обратное выражение - выбрать все email- если они не в форме?

До формы:
preg_match_all('|.*([\.\-_A-Za-z0-9]+?)@([\.\-A-Za-z0-9]+?[\.A-Za-z0-9]{2,}).*<form.*|U', $text, $out);

После формы:
preg_match_all('|.*</form>([\.\-_A-Za-z0-9]+?)@([\.\-A-Za-z0-9]+?[\.A-Za-z0-9]{2,}).*|U', $text, $out);

P.S. Для php есть отдельная тема...

P.P.S. Корвин. а ты не Ваня случаем? =)

Корвин

17.01.2008, 22:30

спасибо,просто я не нашол темы "php:задаем вопросы, получаем ответы", вот и написал тут

Корвин

17.01.2008, 23:58

P.P.S. Корвин. а ты не Ваня случаем? =)
[/offtop]

не, я Леша

-=lebed=-

18.01.2008, 10:39

Helios

18.01.2008, 10:50

Помогите с CSS для тега <table>
Вообщем нужно прописать параметры стиля для таблицы (может и ещё для чего)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>CMS</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table align="center">
<tr>
<th scope="col"><div id="headerArea"> <span class="logo1"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="280" height="36"/></a></span></div></th>
<th scope="col"><div id="headerArea"> <span class="logo2"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="160" height="36"/></a></span></div></th>
<th scope="col"><div id="headerArea"> <span class="logo3"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="192" height="36"/></a></span></div></th>
</tr>
</table>
</body>
</html>

css:

body {
margin-left: 0px;
margin-top: 0px;
}

#headerArea span.logo1 a
{
background: url(images/logo1.png);
}

#headerArea span.logo1 a:hover
{
background: url(images/logo1_light.png);
}

#headerArea span.logo2 a
{
background: url(images/logo2.png);
}

#headerArea span.logo2 a:hover
{
background: url(images/logo2_light.png);
}

#headerArea span.logo3 a
{
background: url(images/logo3.png);

}

#headerArea span.logo3 a:hover
{
background: url(images/logo3_light.png);
}
table {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border: 0;
border-top-color: #000000;
--> что ёще?
}

Смысл кода реализовать смену картинок (фона ячейки в таблице) после наведения курсора, посредством CSS - ну с этим всё ок. Только вот разница в отображении в IE (боле-менее норм.) и Опере (неправильно фон позицируется в ячейках), как исправить?

P.S. none.gif - прозрачная гифка размером 1х1 пиксель (использовал, чтоб размеры ячеек таблицы соответсвовали размеру картинок для фона).
Во-первых параметр id для каждого элемента страницы должен быть уникальным, иначе теряется его смысл, поэтому нужно заменить #headerArea на .headerArea, и соответсвенно, использовать как класс.

Во-вторых самое оптимальное решение в таком случае - создание картинки для фона, вдвое превышающей по высоте размеры ячейки. При этом в верхней ее части размещается фон в нормальном состоянии, в нижней - в наведенном.

Теперь в стилях для нужного элемента указываешь:

a
{
background: url(image.gif) no-repeat top left;
}
a:hover
{
background-position: bottom left;
}

И третье: в твоем случае фон нужно задавать не для
#headerArea span.logo3 a
а для
#headerArea span.logo3 a img

Корвин

18.01.2008, 10:55

Смысл кода реализовать смену картинок (фона ячейки в таблице) после наведения курсора, посредством CSS - ну с этим всё ок. Только вот разница в отображении в IE (боле-менее норм.) и Опере (неправильно фон позицируется в ячейках), как исправить?

P.S. none.gif - прозрачная гифка размером 1х1 пиксель (использовал, чтоб размеры ячеек таблицы соответсвовали размеру картинок для фона).

не проще сделать onMouseOver onMouseOut и onClick? поисчи эти функции в яндексе,это намного удобнее

Корвин

18.01.2008, 10:59

До формы:
preg_match_all('|.*([\.\-_A-Za-z0-9]+?)@([\.\-A-Za-z0-9]+?[\.A-Za-z0-9]{2,}).*<form.*|U', $text, $out);

После формы:
preg_match_all('|.*</form>([\.\-_A-Za-z0-9]+?)@([\.\-A-Za-z0-9]+?[\.A-Za-z0-9]{2,}).*|U', $text, $out);

P.S. Для php есть отдельная тема...

P.P.S. Корвин. а ты не Ваня случаем? =)

эта хрень не сработает если на страничке больше одной формы, проверено

-=lebed=-

18.01.2008, 12:07

не проще сделать onMouseOver onMouseOut и onClick? поисчи эти функции в яндексе,это намного удобнее
Может и легче, но я хочу через CSS сделать сие дело...

Up: вот сделал как рекомендовал Helios

<body>
<table align="center" id="1" cellspacing="0" cellpadding="0">
<tr>
<th><span class="logo1"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="285" height="36"/></a></span></th>
<th><span class="logo2"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="178" height="36"/></a></span></th>
<th><span class="logo3"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="205" height="36"/></a></span></th>
</tr>
</table>
</body>

style.css

body {
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0;
}

a
{
background: top left;
}
a:hover
{
background-position: bottom left;
}

.logo1 a img
{
background: url(images/logo_1.png);
}

.logo1 a:hover img
{
background-position: bottom left;
}

.logo2 a img
{
background: url(images/logo_2.png);
}

.logo2 a:hover img
{
background-position: bottom left;
}

.logo3 a img
{
background: url(images/logo_3.png);
}

.logo3 a:hover img
{
background-position: bottom left;
}

Т.е. фоновая картинка в два раза больше ячейки таблицы по высоте, в начале отображается верхняя часть, при наведении курсора - нижняя. В принципе всё работает ок! Но в IE ячейки таблицы обраблены рамкой синего цвета, в Опере такого нету - там всё норм. В чём трабл?

Helios

18.01.2008, 13:21

не проще сделать onMouseOver onMouseOut и onClick? поисчи эти функции в яндексе,это намного удобнее
Многие люди из морально-этических соображений выключают JavaScript у себя в браузере, поэтому эти функции работать не будут. Людей же, отрубающих CSS практически нет, поэтому это будет работать везде.

x88x

18.01.2008, 13:27

Helios

18.01.2008, 13:33

Может и легче, но я хочу через CSS сделать сие дело...

Up: вот сделал как рекомендовал Helios

<body>
<table align="center" id="1" cellspacing="0" cellpadding="0">
<tr>
<th><span class="logo1"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="285" height="36"/></a></span></th>
<th><span class="logo2"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="178" height="36"/></a></span></th>
<th><span class="logo3"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="205" height="36"/></a></span></th>
</tr>
</table>
</body>

style.css

body {
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0;
}

a
{
background: top left;
}
a:hover
{
background-position: bottom left;
}

.logo1 a img
{
background: url(images/logo_1.png);
}

.logo1 a:hover img
{
background-position: bottom left;
}

.logo2 a img
{
background: url(images/logo_2.png);
}

.logo2 a:hover img
{
background-position: bottom left;
}

.logo3 a img
{
background: url(images/logo_3.png);
}

.logo3 a:hover img
{
background-position: bottom left;
}

Т.е. фоновая картинка в два раза больше ячейки таблицы по высоте, в начале отображается верхняя часть, при наведении курсора - нижняя. В принципе всё работает ок! Но в IE ячейки таблицы обраблены рамкой синего цвета, в Опере такого нету - там всё норм. В чём трабл?

body {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

* a img {border: none 0px;}
a img {border: none 0px;}

.logo1 a img {background: url(images/logo_1.png) no-repeat top left;}
.logo1 a:hover img {background-position: bottom left;}

.logo2 a img {background: url(images/logo_2.png) no-repeat top left;}
.logo2 a:hover img {background-position: bottom left;}

.logo3 a img {background: url(images/logo_3.png) no-repeat top left;}
.logo3 a img:hover {background-position: bottom left;}

Так будет лучше и оптимальнее, + убрана рамка вокруг картинок в ссылке

Корвин

18.01.2008, 13:56

Многие люди из морально-этических соображений выключают JavaScript у себя в браузере, поэтому эти функции работать не будут. Людей же, отрубающих CSS практически нет, поэтому это будет работать везде.

в наше время практически на каждом сайте есть ява скрипт,и рядовой пользователь на полезет отключать яваскрипт, отключают те кто знают что делают,следовательно это их проблемы,а не создателя сайта

Т.е. фоновая картинка в два раза больше ячейки таблицы по высоте, в начале отображается верхняя часть, при наведении курсора - нижняя. В принципе всё работает ок! Но в IE ячейки таблицы обраблены рамкой синего цвета, в Опере такого нету - там всё норм. В чём трабл?

чтобы не было рамки нада у прозрачного гифа поставить style="border: 0px;",имхо по умолчанию он может быть другим, и еще style="visibility:hidden;",чтобы прозрачный гиф ваще не показывался никак,он тада даже выделяца не будет

astrologer

18.01.2008, 14:20

body {
padding: 0;
margin: 0;
}
a img {border: none;}

"none" - это слово-синоним для нулевой ширины границы ;)
padding и margin, если у них установлено только одно значение, автоматически распространяют его на каждую сторону.
Это так называемые "shorthand properties"

Helios

18.01.2008, 14:37

"none" - это слово-синоним для нулевой ширины границы
При указании border: none; указывается только тип границы 'none', но место под эту границу выделяется по умолчанию браузера. Поэтому обязательно необходимо указать ширину границы.

padding и margin, если у них установлено только одно значение, автоматически распространяют его на каждую сторону.
Это так называемые "shorthand properties"
По стандарту - да, но есть такой забавный браузер IE, которому стандарты до одного места, и реакция его на CSS с каждой версией разная, поэтому лучше указать все явно, тем более, что это не составляет особого труда. Это во-первых.

Во-вторых всегда необходимо указывать единицы измерения(em, px, pt, etc) в таких параметрах, т.к. есть два типа рендеринга: Quirks mode и Standarts mode(подробнее на русском (http://www.artlebedev.ru/tools/technogrette/html/doctype2/)), оба имеют свои единицы измерения, а благодаря разным мнениям браузеров в отношении что в каком режиме рендерить могут возникнуть ошибки

NOmeR1

18.01.2008, 17:03

Т.е. фоновая картинка в два раза больше ячейки таблицы по высоте, в начале отображается верхняя часть, при наведении курсора - нижняя. В принципе всё работает ок! Но в IE ячейки таблицы обраблены рамкой синего цвета, в Опере такого нету - там всё норм. В чём трабл?
Забыл сделать border="0" :)
Исправь код на этот и забей на всё:
<body>
<table align="center" id="1" cellspacing="0" cellpadding="0">
<tr>
<th><span class="logo1"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="285" height="36" border="0"/></a></span></th>
<th><span class="logo2"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="178" height="36" border="0"/></a></span></th>
<th><span class="logo3"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="205" height="36" border="0"/></a></span></th>
</tr>
</table>
</body>
Обрамлена не таблица, а картинка. В ие почемуто по дефолту стоит border="1"

Корвин

18.01.2008, 19:09

а ну вот,я прально написал про бордер

-=lebed=-

19.01.2008, 14:02

Помогите сделать "продвинутую" кнопку для отправки данных на сервер (type=submint)
1. Кнопка - картинка изображение1.
2. При наведении курсора на кнопку вид кнопки изменяется=изображение2.
3. При нажатии на кнопку=изображение3 и данные формы отправляются на сервер.
4. Условие: яваскриптом не пользоваться, только CSS (по типу ссылок картинок, рассмотренных мной выше).
ЗЫ По сути нужно сделать почти то же самое, но не ссылку а кнопку!
Просто кнопка-картинка:

<input type="image" border="0" src="images/logo_4.gif" width="180" height="180">

Надо теперь к ней написать стиль CSS, чтоб она была динамической...

NOmeR1

19.01.2008, 14:29

-=lebed=-

19.01.2008, 15:14

Helios

19.01.2008, 15:43

Можно и ссылку:
<a href="#"> ... </a>

При нажатии ничего не произойдет

UPD: имелось в виду с помещенным в нее input type=button || image

NOmeR1

19.01.2008, 15:46

Вопрос такой, если такая кнопка внутри формы, то её действие такое-же как и у type=submint ? Т.е при нажатии будет отправка данных из формы на сервер?
UP: в ссылке пишем тогда то же что и в action формы, например:

<a href="<?=$_SERVER['PHP_SELF']?>" class="button"><span><img src="images/none.gif" width="180" height="180" /></span></a>
так ?
Нет. Отправки на сервер не будет. Будет тупой переход на страницу скрипта.

-=lebed=-

19.01.2008, 17:49

Нет. Отправки на сервер не будет. Будет тупой переход на страницу скрипта.
Как тогда это организовать (отправку данных из формы обработчику на стороне сервера) по нажатии на кнопку?

-=lebed=-

20.01.2008, 01:46

Вообщем решили вопрос вместе с Basurman.
Вот кнопка в форме:

<form method="post" action="<?=$_SERVER['PHP_SELF']?>">
<button type="submit" id="subm"></button>
</form>

Вот стиль для неё:

#subm {
width: 170px;
height: 170px;
margin: 0;
padding: 0;
border: 0;
background: url(images/logo1.gif);
cursor: pointer;
}

#subm:hover{
width: 170px;
height: 170px;
margin: 0;
padding: 0;
border: 0;
background: url(images/logo2.gif);
cursor: pointer;
}

#subm:active{
width: 170px;
height: 170px;
margin: 0;
padding: 0;
border: 0;
background: url(images/logo3.gif);
cursor: pointer;
}

В Опере при наведении курсора на кнопку картинка меняется на logo2, при нажатии на logo3. В осле шестом остаётся всегда logo1 (не меняется) Как исправить?

IE версии 6.0 и ниже не воспринимает псевдо-класс :hover для всех элементов, кроме тега <a>. Для решения этой проблемы советую прочитать статью CSS:hover для любого элемента...

NOmeR1

20.01.2008, 12:12

Helios

20.01.2008, 13:39

Чем тебе не угодил JS? Вот код.
<script>
$normal = 'img1.jpg';
$hover = 'img2.jpg';
$active = 'img3.jpg';
</script>
<form method="GET">
<input type="image" onmouseover="this.src=$hover;" onmouseout="this.src=$normal" onmousedown="this.src=$active;" src="img1.jpg">
</form>
В JS, как и в сях, переменная не может начинаться с знака $

UPD: но работает о_О

FeraS

20.01.2008, 13:55

Может ето пригодицо http://www.htmlbook.ru/content/?id=110

astrologer

20.01.2008, 14:04

Думаю, это пригодится больше: http://www.xs4all.nl/~peterned/htc/csshover.htc
Это делает возможным использовать :hover для любых элементов в IE6.

Подключается, например, так:

<style type="text/css">

body
{
behavior:url("csshover.htc");
}

</style>Пример работы: http://www.xs4all.nl/~peterned/examples/cssmenu.html

Корвин

21.01.2008, 11:26

Чем тебе не угодил JS? Вот код.
<script>
$normal = 'img1.jpg';
$hover = 'img2.jpg';
$active = 'img3.jpg';
</script>
<form method="GET">
<input type="image" onmouseover="this.src=$hover;" onmouseout="this.src=$normal" onmousedown="this.src=$active;" src="img1.jpg">
</form>

еще есть onClick , типа "при нажатии"

NOmeR1

21.01.2008, 15:23

еще есть onClick , типа "при нажатии"
Ты это мне говоришь? Я сделал onmousedown, т.к. onclick вроди срабатывает после того, как ты уже нажмёшь.

astrologer

21.01.2008, 15:35

Возможно он имеет ввиду, что стоит добавить ещё один обработчик - т.к. сабмит происходит не мгновенно, а картинка кнопка остаётся такая же, как и у нажатой кнопки:

<script>
$normal = 'img1.jpg';
$hover = 'img2.jpg';
$active = 'img3.jpg';
</script>
<form method="GET">
<input type="image" onmouseup="this.src=$normal" onmouseover="this.src=$hover;" onmouseout="this.src=$normal" onmousedown="this.src=$active;" src="img1.jpg">
</form>

событие "click" - это нажатие и последующее отпускание кнопки на том же элементе

bul.666

21.01.2008, 16:36

т.к. onclick вроди срабатывает после того, как ты уже нажмёшь.
Если это баттон то при отжатии срабатывает

Корвин

21.01.2008, 17:04

Возможно он имеет ввиду, что стоит добавить ещё один обработчик - т.к. сабмит происходит не мгновенно, а картинка кнопка остаётся такая же, как и у нажатой кнопки:

точняк :cool:

вопщем то вот полный вариант:

if ($content->id_content==1)

{
?>
<img src="/img/glavnaya-onPress.jpg" width="92" height="32" border="0" hspace="0" vspace="0"></td>//это када уже нажали
<?
}
else
{
?>
<a href="/"><img onMouseOver="this.src='/img/glavnaya-mouseOver.jpg'" onMouseOut="this.src='/img/glavnaya.jpg'" src="/img/glavnaya.jpg" width="92"
height="32" border="0" hspace="0" vspace="0"></a></td>// а тут простое состояние,и во время наведения мышки,можно сюда добавить онклик

cb93ka

21.01.2008, 18:03

Как бороться с кэшем на странице?
инклудится некоторый текст, и если тот текст изменить, то пока рефреш страницы не сделать - он не обновляется. как побороть это?

NOmeR1

21.01.2008, 18:05

Эээ, Корвин, вы этакий код откуда взяли?
Связка, точно уверен, что он инклудится? (include())

Просто PHP код всегда выполняется прежде чем хтмл)

Корвин

21.01.2008, 20:04

ну у меня он инклюдица, если полностью то там блок меню,но я его инклюдом сделал только чтобы главная страница быстрее грузилась,у яндекса ваще ограничение стоит на размер главной страницы, но я с тем же успехом могу свой код прямо в index.html всунуть
если хочешь могу полностью выложить код менюшки своей,работает она исправно

cb93ka

22.01.2008, 13:03

Связка, точно уверен, что он инклудится? (include())
да
td height="20" colspan="2"><span class="style1">Кол-во: <strong><?php include('inc/stat.php') ?></strong></span></td>

astrologer

22.01.2008, 14:03

maksimka@

22.01.2008, 14:10

Я думаю что в этой теме !!! у меня вопрос ?где можно в нете сделать не сайт а просто страничку там типа рекламы с музыкой )))есть вообще такое ))

-=lebed=-

22.01.2008, 14:41

http://narod.yandex.ru/

NOmeR1

22.01.2008, 15:59

Всё логично.
Сервер сформировал страницу, отдал её клиенту.
С этого момента сервер более не властен над страницей.

Браузер получил страницу и отобразил её.
С этого момента браузер не знает об изменениях на сервере.
Единственный способ получить новые данные (или узнать, что они вообще изменились) - запрос на сервер.
Не согласен. Include() тупо выполняет PHP код, который находится в файле, который там указать. Это зависит от кеша юзера. У меня была такая же трабла в опере. Но там на самом деле вся страница хранится в кеше, а не только инклуженая.