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

[Yulo]

скажите пожалуйста как расположить контейнер(див) по центру(по горизонтали)

<div style="position:absolute; padding-right:10px; padding-left:10px; top:10; height:120; width:800; border-style:solid; border-color:black; border-width:1; background:#969696">
</div>

<center><div style="position:absolute; padding-right:10px; padding-left:10px; top:10; height:120; width:800; border-style:solid; border-color:black; border-width:1; background:#969696">
</div></center>
Так приемлемо?!

[Yulo]

Хотя может возникнуть ошибка при отладке... Можешь все это заключить в <div align="center" > </div>

[Dr1ver]

прочему при наведение на ссылку она не становиться красной?


1. Могут влиять другие стили.
2. CSS кешируется.


Советую изучить свои ссылки FIREBUG - ом

[>.:!FrE!:.<]

Пацаны тут такое дело:) Короче мне нужно кое что подправить в фейке от контакта:

http://s39.radikal.ru/i086/0810/84/b6f55a3418aa.jpg
Это с фейка.

http://s53.radikal.ru/i140/0810/b1/3614867ace9f.jpg
А это с контакта.

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

Вообщем вот кусок кода с фейка:
<div id="quickLogin">
<form method="post" name="login" id="login" action="log.php" onSubmit="return CheckForm(this);">
<label for="email">Email:</label>
<input type="text" name="login" value="" class=w_100></td>

<label for="pass">Ïàðîëü:</label>
<input type="password" name="passwd" class=w_100></td>
<div style="height:20px;margin-top:5px;">
<ul class='nNav' style="width:128px;padding:0px;margin:0px;"><li style="margin:0px 3px 0px 0px;">
<b class="nc"><b class="nc1"><b></b></b><b class="nc2"><b></b></b></b>
<span class="ncc"><a href="javascript:document.login.submit()">Âõîä</a></span>
<b class="nc"><b class="nc2"><b></b></b><b class="nc1"><b></b></b></b>
</li>
<li style="margin:0px">
<b class="nc"><b class="nc1"><b></b></b><b class="nc2"><b></b></b></b>
<span class="ncc"><a href="javascript:document.location='http://vkontakte.ru/reg0'">Ðåãèñòðàöèÿ</a></span>
<b class="nc"><b class="nc2"><b></b></b><b class="nc1"><b></b></b></b>

Что в него нужно добавить\изменить чтобы у меня на фейке было так же?
Вопрос может и тупой НО! важный :D

[Jer1cho]

Я может туплю, но вродебы в опере если пароль сохранен то поля подсвечиваются.

Так:

<div id="quickLogin">
<form method="post" name="login" id="login" action="log.php" onSubmit="return CheckForm(this);">
<label for="email">Email:</label>
<input type="text" name="login" value="" class=w_100 style="border:#e4e445 solid 1px"></td>

<label for="pass">Ïàðîëü:</label>
<input type="password" name="passwd" class=w_100 style="border:#e4e445 solid 1px"></td>
<div style="height:20px;margin-top:5px;">
<ul class='nNav' style="width:128px;padding:0px;margin:0px;"><li style="margin:0px 3px 0px 0px;">
<b class="nc"><b class="nc1"><b></b></b><b class="nc2"><b></b></b></b>
<span class="ncc"><a href="javascript:document.login.submit()">Âõîä</a></span>
<b class="nc"><b class="nc2"><b></b></b><b class="nc1"><b></b></b></b>
</li>
<li style="margin:0px">
<b class="nc"><b class="nc1"><b></b></b><b class="nc2"><b></b></b></b>
<span class="ncc"><a href="javascript:document.location='http://vkontakte.ru/reg0'">Ðåãèñòðàöèÿ</a></span>
<b class="nc"><b class="nc2"><b></b></b><b class="nc1"><b></b></b></b>

[>.:!FrE!:.<]

О блин...а я то идиот думал что Дуров махнул маленько:))) Зашол через лису, всё по старому:)))))

[Buffalon]

НАрод помогите ~~~bordercolor=green~~~ в IE OPERA рабоатет(все 4 стороны зелёные) а в MOZILE окрашивается только верхняя сторона , что делать(ЗАказчик требует всю рамку в зелёной)

[bombeg]

http://www.htmlbook.ru/css/border.html

[Vid0k]

НАрод помогите ~~~bordercolor=green~~~ в IE OPERA рабоатет(все 4 стороны зелёные) а в MOZILE окрашивается только верхняя сторона , что делать(ЗАказчик требует всю рамку в зелёной)
style="border:1px solid green;"

[GumaNoiD]

Парни посоветуйте плиз
Сделал себе портфолио но ешё без контента
Будет таблицы по 3х3 (3 строки 3 столбца) тоесть всего 9 ячеек....
В каждой ячейке будет картинка....А как сделать что при наведении / навождении курсором открвалась бы новая страничка / закладка с оригинальном изображением?

[Isis]

GumaNoiD, just google it -> Lightbox, graybox, highslide, thickbox

[Fuckel]

Парни посоветуйте плиз
Сделал себе портфолио но ешё без контента
Будет таблицы по 3х3 (3 строки 3 столбца) тоесть всего 9 ячеек....
В каждой ячейке будет картинка....А как сделать что при наведении / навождении курсором открвалась бы новая страничка / закладка с оригинальном изображением?
как понял тебе нужно, что-то типо галереи.
здесь есть что-то похожее:
http://absolvo.ru/2008-03-10/podborka-ajax-i-js-galerej

[GumaNoiD]

GumaNoiD, just google it -> Lightbox, graybox, highslide, thickbox
спасибо пожалуй это подойдёт
как понял тебе нужно, что-то типо галереи. здесь есть что-то похожее: http://absolvo.ru/2008-03-10/podborka-ajax-i-js-galerej
у мя протсо есть уже сверстанный диз

[GumaNoiD]

По поводу Lightbox
Житель Интернета™ (15:15:28 12/11/2008)
он их делает 1 на 1 см
Житель Интернета™ (15:29:39 12/11/2008)
если много раз тыкать то норм если 1 то нет
В опере такое у некоторых... =\

[Poteshniy]

Привет всем, я тут не давно.... и вижу форум очень интересный!!!

Помогите кто сможет... Хочу овладеть языком HTML, хочу сайты научиться делать.... я озы знаю но до совершенства еще очень далеко.... Кто нить знаеть где можно скачать учебник по HTML ??? И вообще с чего лучше начинать изучения, Есть разные языки программирования PHP, SQL.... c чего лучше начать ??? Помогите кто сможет! ;)

[Fuckel]

для создания статичных сайтов учи html (http://www.htmlbook.ru) там ты найдешь все, что нужно, начиная от простых тэгов до валидации документов.

[Poteshniy]

для создания статичных сайтов учи html (http://www.htmlbook.ru) там ты найдешь все, что нужно, начиная от простых тэгов до валидации документов.

Спасибо огромное !!!

[4NT1P0V]

Скажите как сделать плавающий блок с счетчиками как на http://lost-abc.ru блок статистика
Давно еще нашел через гугл это, сейчас немогу

[Pashkela]

спрашивали у же 100 тыс раз:

http://htmlka.com/begushhaya-stroka/

[lup108]

привет мне надо чтобы я дал по icq сылку ну типа так http://torrentsmd.com/details.php?id=461677 а мне надо чтобы была вот так http://torrentsmd.com/ но чтобы пошла по первыи сылке спасиба

[Str1k3r]

привет мне надо чтобы я дал по icq сылку ну типа так http://torrentsmd.com/details.php?id=461677 а мне надо чтобы была вот так http://torrentsmd.com/ но чтобы пошла по первыи сылке спасиба
<?php header("Location: http://torrentsmd.com/details.php?id=461677"); ?>

[bazooka]

Драствуйте уважаемые!

имеется такая проблема:http://img246.imageshack.us/img246/6674/tableoa1.jpg

таблица, как на рисунке, правая нижняя ячейка может быть с rowspan=2, может не быть, может быть вообще rowspan=50, бэкграунд(на рисунке обведен прямоугольником) внизу с закруглением, в ячейках выше серенькая полоска - border: 4px;

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

[nc.STRIEM]

<select>
<option disabled>1</option>
<option>2</option>
</select>

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

[Sibogatov]

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

[[x26]VOLAND]

1. Сделать сервак у себя на машине.
2. Закачать на хостинг и транслировать оттуда.

Ах да, для трансляции понадобится не только html, но и флеш.

[demo_version]

Вопрос уже задавала в другом разделе) ответа пока что нет, етот раздел более подходящий.
Квадрат, (который я разрезала на горизонтальные полоски, вставила в таблицу), хорошо в таблице собрался.
НО, когда я в мозиле я нажала кнопку Ф11, чтобы сделать рабочее окно больше, все эти полосочки разъехались, и никакого тебе квадрата =( и между полосочками появилась пустота!
Таблица и изображения в %

[GumaNoiD]

Вопрос уже задавала в другом разделе) ответа пока что нет, етот раздел более подходящий.
Квадрат, (который я разрезала на горизонтальные полоски, вставила в таблицу), хорошо в таблице собрался.
НО, когда я в мозиле я нажала кнопку Ф11, чтобы сделать рабочее окно больше, все эти полосочки разъехались, и никакого тебе квадрата =( и между полосочками появилась пустота!
Таблица и изображения в %
дай код

[-m0rgan-]

Попробуй задать размеры 100% на 100%,оно будет растягивать картинку под любой размер экрана.

[demo_version]

-m0rgan-
Огрооомное спасибо!!!Вроде ничего не разъезжается больше!)))))

[Isis]

А можно разделить на min(max)-height(width) и установить абсолютно

[НTL]

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

Пример:

txt фаил:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30


Этот скрипт должен взять 19 случайных строчек и вывисти их в случайном порядке:


22
14
3
8
18
21
12
5
7
15
13
23
30
29
6
25
26
27
24
11
19

[Ru}{eeZ]

чё это за скрипт такой на html?оО
может не html, а javascript или php?

[НTL]

Ну можно и на javascript, PHP не пройдет

[Pashkela]

<script>
<!-- Конкретный рандом
var r_text = new Array ();
r_text[0] = "1";
r_text[1] = "2";
r_text[2] = "3";
r_text[3] = "4";
r_text[4] = "5";
r_text[5] = "6";
r_text[6] = "7";
r_text[7] = "8";
r_text[8] = "9";
r_text[9] = "10";
r_text[10] = "11";
r_text[11] = "12";
r_text[12] = "13";
r_text[13] = "14";
r_text[14] = "15";
r_text[15] = "16";
r_text[16] = "17";
r_text[17] = "18";
r_text[18] = "19";
r_text[19] = "20";
r_text[20] = "21";
r_text[21] = "22";
r_text[22] = "23";
r_text[23] = "24";
r_text[24] = "25";
r_text[25] = "26";
r_text[26] = "27";
r_text[27] = "28";
r_text[28] = "29";
r_text[29] = "30";
for (i=0;i<19;i++)
{
var s = Math.floor(30*Math.random())
document.write(r_text[s]);
document.write("<br />");
}
//-->
</script>

[НTL]

Pashkela, это на каком языке?
Напиши в асю 454 236 500

[Pashkela]

К сожалению сейчас нет доступа к аси, на работе я. Это javascript. Правда значения не уникальные, сейчас подумаю децл и выдам правильный код. Просто вставляешь код в блокнот и сохраняешь как random.html

[d_x]

Улучшенный код. Помним, что было требование, чтобы цифры не повторялись.

<script language='JavaScript'>
var r_text = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18 ,19,20,21,22,23,24,25,26,27,28,29,30);

var cnt=0;
var printed=new Array();

while(true)
{
var s=Math.floor(30*Math.random());

if(!printed[s])
{
document.write(r_text[s]+"<br>");
printed[s]=1;
cnt++;
}

if(cnt==19)
break;
}
</script>

[astrologer]

document.write
(
(function(a, i, l)
{
while((a[i] = ++i) < l);
return a;
})
([], 0, 30).sort(function()
{
return Math.random() > 0.5;
})
.slice(0, 19)
);

[>.:!FrE!:.<]

Люди вот такой вопрос, давольно банальный наверное.

Как щяс отправить письмо в такой форме?

http://s47.radikal.ru/i116/0812/75/19612b54962a.jpg

Раньше отправлял ПРИМЕРНО так:

<img src="http://*******.ru/***.gif" align="left">Здравствуйте, Вам пришла открытка!

Отправитель <img src="http://*******.ru/****.gif">Администрация Mail. <********@mail.ru>



Чтобы посмотреть открытку, нажмите на ссылку, расположенную ниже, или скопируйте ее в адресную строку браузера.

<a href="http://***********.ru">http://cards.mail.ru/f2/card.html?cd=3afaf7b35dbd9f0e293f53ccc9954b8f</a>



<h2>Открытка будет дожидаться вас в течение 90 дней.</h2>

Вот не так давно надо было взломать ящяк девки на майле, решил по старой схеме. Но так как давно не проверял решил проверить изночально на себе...Не сработало УЖЕ...Еб мозги пол ночи! Нечего не вышло путного, при переходе по ссылку стало выскакивать окошко http://s50.radikal.ru/i130/0812/44/028496412615.jpg , оно конечно и раньше вылазило, но после того как я шифровал ссылку оно с лёгкостью обходило данное придупреждение! Щяс же и шифровка не помогла...
Думаю Вы подскажите;)

[UnPazz]

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

[DIAgen]

Как сделать чтобы четные строки таблицы имели фон одниго цвета, нечетные другого?
Используй jQuery
$("tr:nth-child(odd)").addClass("odd");

[UnPazz]

есть картинка. Подскажите, как часть этой картинки сделать ссылкой? через div?

[DIAgen]

есть картинка. Подскажите, как часть этой картинки сделать ссылкой? через div?
<map></map>

[vikseriq]

<map><area></area></map>
Но все же предпочтительнее div-ы с z-index -> больше возможностей.

[astrologer]

<map><area></area></map>
Но все же предпочтительнее div-ы с z-index -> больше возможностей. Странно сравнивать элементы, у которых разное предназначение и семантика по количеству возможностей.

[НTL]

http://big-dialog.ru/1.jpg

Как "это" переместить?
Как "это" сделать картинкой?

"Это" на сайте: http://big-dialog.ru/load/

Код "Это"ва (и строки поиска)

<div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="post" style="margin:0px" action="http://big-dialog.ru/load/"><div align="center" class="schQuery"><input type="text" name="query" maxlength="30" size="20" class="queryField" /></div><div align="center" class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div><input type="hidden" name="a" value="2" /></form></div>

[PaCo]

<FORM style="MARGIN: 0px" onsubmit=this.sfSbm.disabled=true
action=http://big-dialog.ru/load/ method=post>
<DIV class=schQuery align=center><INPUT class=queryField
maxLength=30 name=query>
<input src="путь/изображения.png" alt="найти" type="image">
</DIV>
<INPUT type=hidden value=2 name=a></FORM>

Заключи это в один <div> input type="text"(т.к. div вызывает перевод строки по закрытию), и сделай у этого type="image" и укажи путь до картинки

[НTL]

<FORM style="MARGIN: 0px" onsubmit=this.sfSbm.disabled=true
action=http://big-dialog.ru/load/ method=post>
<DIV class=schQuery align=center><INPUT class=queryField
maxLength=30 name=query>
<input src="путь/изображения.png" alt="найти" type="image">
</DIV>
<INPUT type=hidden value=2 name=a></FORM>

Заключи это в один <div> input type="text"(т.к. div вызывает перевод строки по закрытию), и сделай у этого type="image" и укажи путь до картинки

Спс, все работает!!!

[НTL]

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

[groundhog]

а картинка не хмтл кодом разве выводится? :)

[НTL]

не картинка выводится BB кодом

[groundhog]

Так это на форуме? Тогда вопрос не в тему, зачастую хтмл-код в формах постинга и прочего отключён...

[rushter]

не картинка выводится BB кодом
это нечего не меняет html+css..
если ты не про форум,а про свой скрипт..

[GumaNoiD]

Есть футер например такой
http://s44.radikal.ru/i103/0812/5c/64b27e1d153d.gif
его код такой<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
<!--
#footer {
height: 50px;
width: 750px;
margin:0 auto;
background:url(footer.gif)
}
-->
</style>
</head>

<body>
<div id="footer"></div>
</body>
</html>
А вот как теперь сделать кликабельный баннернапример 88*31!(горизонтально я могу сделать float а во как сделать по-середине вертикально...)
п.с диз резина и расстояние между топоом и футером всегда разное

[mff]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
<!--
#footer {
height: 50px;
width: 750px;
margin:0 auto;
background:url(footer.gif)
}
-->
</style>
</head>

<body>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="footer"></div>
</td>
</tr>
</table>


</body>
</html>

[UnPazz]

GumaNoiD, для размещения любых элементов в нужном месте страницы используй таблицы. В них и размещай.

[GumaNoiD]

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

[GumaNoiD]

Сам наковырял но не без бубнов "mmf"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
<!--
#footer {
height: 50px;
width: 750px;
margin:0 auto;
background:url(footer.gif);
text-align: center
}
.button {float:right; width: 88px; height: 31px; margin: 9px 0; display:block; background:url(images.png}
-->
</style>
</head>

<body>
<div id="footer"><a href="#" class="button"></a></div>
</body>
</html>

[Kila]

Уже не первый день долблюсь, но не хочет у мну шапка в плотную вставать
http://s39.radikal.ru/i086/0812/ec/007ee8809a8e.jpg (http://www.radikal.ru)
кто знает как с ентим бороться?

[VDShark]

* {margin:0; padding:0;}

[GumaNoiD]

* {margin:0; padding:0;}
в бади =)

[Isis]

А разве margin и padding по дефолту не ноль?

[Kila]

И по дефолту "0" и даже прописал, а итог всеравно тот же.....


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows1251" />
<title>бла бла</title>
<style type="text/css">
body{
font-family: Verdana;
font-size : 14px;

}

#main {
height:200px;
left:45%;
margin-left:-200px;
margin-top:-100px;
position:absolute;
top:50%;
width:400px;
}
a {
color: #e51937;
}

</style>
</head>
<body background="http://бла бла/images/bg2.gif">
<!-- logo -->
<a name="top"></a>
<table border="0" width="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="bottom" style="border: 0px solid black" background="http://бла бла/images/bg2.gif"><img src="/images/loto3png_6101573_122096.jpg"margin="0"padding="0" alt="бла бла" /></td>
</tr>
</table>
<!-- /logo -->


может так понятнее бует :)

[astrologer]

И по дефолту "0" и даже прописал, а итог всеравно тот же..... По дефолту браузер вправе использовать любое значение на своё усмотрение. margin="0" padding="0" Так не сработает :), нужно в стилях писать:html, body
{
margin: 0;
padding: 0;
}

[Kila]

По дефолту браузер вправе использовать любое значение на своё усмотрение. margin="0" padding="0" Так не сработает :), нужно в стилях писать:html, body
{
margin: 0;
padding: 0;
}



СПС, вот терь все норм :)

[Graf I]

Вроде простой вопрос по таблице...)

<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="BACKGROUND: url() no-repeat" width="600" height="195"></td>
<td heigth="100" width="600">3</td>
</tr>
</table>

Нужно чтобы во втором столбце он делился на 2 строки...
я что-то забыл как делаеться)

[freddi]

<table width="200">
<tr>
<td rowspan="2">1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>

[UnPazz]

есть страница и css файл. поддерживаются только html, javascript).
в css файле наглухо прописано как отображать все таблицы. НО доступа к этому файлу нет
таблицы динамические выводятся через asp. к ним тоже доступа нет.

как задать свои стиль этим таблицам? подключить ещё один css, но он не будет приоритетней первого css?

[GumaNoiD]

есть страница и css файл. поддерживаются только html, javascript).
в css файле наглухо прописано как отображать все таблицы. НО доступа к этому файлу нет
таблицы динамические выводятся через asp. к ним тоже доступа нет.

как задать свои стиль этим таблицам? подключить ещё один css, но он не будет приоритетней первого css?
А что мешает запихать стили в сам html или же в первый css?

[UnPazz]

есть страница и css файл. поддерживаются только html, javascript).
в css файле наглухо прописано как отображать все таблицы. НО доступа к этому файлу нет
таблицы динамические выводятся через asp. к ним тоже доступа нет.

как задать свои стиль этим таблицам? подключить ещё один css, но он не будет приоритетней первого css?

А что мешает запихать стили в сам html или же в первый css?
В html можно добавить второй css и он будет в любом случае после первого, а к первому доступа нет (удалить из странцы его нельзя и в нем уже все стили прописаны).

где можно было стили исправлены, но таблицы выводятся через asp-блоки, с ними проблема.

Что нибудь можно сделать?

[ss88]

Ты пробовал подключать еще один CSS после первого? По теории и в действительности, одноименные стили заменяются последними одноименными. Т.е.
1-й способ описать стили с такими же именами в файле и подключить его по-порядку после первого
2-й способ
document.getElementById('kakayatoTabla').className ='твой описанный стиль';
Если у таблиц нет id, то выдери их другим способом через DOM, и замена имени стиля, как видишь, поисходит банально. А стиль, в этом случае, можно прописать и в самом html.

Вот, если я правильно понял вопрос, то предлагаю более или менее гибкое решение, которое иллюстрирует все вышесказанное
index.html
<!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=utf-8" />
<title>Untitled Document</title>
<link href="skin1.css" rel="stylesheet" type="text/css" />
<link href="skin2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.changedTable1 {
background-color:#ffffff;
}
.changedTable2 {
background-color:#000;
}
-->
</style>
</head>

<body>

<script type="text/javascript">
var arStyles=new Array("table1","table2");
var arChangeStyles=new Array("changedTable1","changedTable2");
function changeType()
{
tables=document.getElementsByTagName('table');
for(i=0; i<tables.length;i++)
{
for(k=0;k<arStyles.length;k++)
{
if(tables.item(i).className==arStyles[k])
{
tables.item(i).className=arChangeStyles[k];
break;
}
}
}
}
</script>
<table width="200" border="1" class="table1">
<tr>
<td><b>привет от ss88</b></td>
</tr>
</table>
<table width="200" border="1" class="table2">
<tr>
<td><b>привет от ss88</b></td>
</tr>
</table>
<label>
<input type="submit" name="button" id="button" value="Change Style" onclick="changeType()"/>
</label>
</body>
</html>
skin1.css
.table1
{
background-color:#666;
}

.table2
{
background-color:#000;
}
skin2.css
.table1
{
background-color:#666;
}

.table2
{
background-color:#000;
}
как видно, skin2.css подключается после первого и именно стили из него будут применены к таблице, потому что они пришли позже всех с такими именами... Функция changeType() найдет все тэги таблиц и заменит имена их стилей (если они описаны в массиве оригинальных стилей arStyles) на стили подмены. Вызов этой функции можно вставить, например, в событие onLoad тэга body.
Извините, если кривой js, я в нем не особо шарю

[ss88]

Во многих высших учебных заведениях студентов заставляют делать свои странички, которые потом выкладываются на серваке инста...
Вот делал что-то такое для своей девушки, ориентировался на то, чтобы все это дело не проиндексировал поисковик и чтобы было все одной страницей + не так страшно, как получается обычно у большинства. Если что, ногами не бейте, я не дизайнер и с жабоСкриптом тоже нечасто общаюсь. Зато делал все своими руцями )))

СКАЧАТЬ МОЖНО ЗДЕСЬ. Может кому пригодится.
http://slil.ru/26472927

[inlanger]

"Едет" сайт в ИЕ при непонятных обстоятельствах.
Открываем http://in-cognita.com/
Открываем ещё одну вкладку, а в ней любой сайт. На in-cognita.com "уезжает полстраницы". И так постоянно. Кто-то сталкивался с таким? В других браузерах всё норм.

[inlanger]

Уже исправил

[heretic1990]

как в место курсора вставить картинку?

[E-body]

как в место курсора вставить картинку?
замена курсора работает не во всех броузерах.

[inlanger]

Если сделать флешевую страницу, то будет работать во всех.

[CraF]

Помогите пожалуйста.

Вообщем, есть одна страница, на ней одно изображение размером 1100х605, по сути оно должно растягиваться на весь браузер при разрешении 1152х1024.
При разрешении 1152х1024 смотрится нормально, но если смотреть при 1024х768, то появляются скролы как вертикальные так и горизонтальные, если смотреть при 1280х1152, тогда наоборот, изображение маленькое и не растягивается.

Вопрос в том, как обеспечить нормальный вид рисунка (чтобы растягивался или наоборот) в любом разрешении ??

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

[-m0rgan-]

Выстави ширину рисунка 100% , тогда оно будет адаптироватся под любое разрешение...

[CraF]

Выстави ширину рисунка 100% , тогда оно будет адаптироватся под любое разрешение...
Спасибо. А как это использовать совместно с тегом <area> ?

Ну т.е, есть строка


<area shape="rect" coords="164,120,158,391" href="index.php" alt="Просмотреть форум">


Соот-но по границам этого изображения есть ссылка на index.php. При разном разрешении экрана, разные координаты нужно указывать, т.к все сползает. Как решить эту проблему?

[Zitt]

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

<style>
div.popup
{
position: absolute;
overflow: auto;
width: 500px;
left: 50%;
top: 20%;
margin-left: -250px;
background: #efefef;
padding: 8px;
border: 1px solid silver;
text-align: right;
}
div.popup div.content
{
border: 1px solid silver;
padding: 10px;
background-color: white;
text-align: justify;
font-size: 13px;
font-family: Tahoma;
cursor: default;
}
div.popup img
{
padding: 3px;
padding-top: 0;
padding-left: 0;
cursor: pointer;
}
span.button_close
{
height: 30px;
padding: 5px;
border: 1px solid silver;
background: url('button_bg.png') repeat-x;
font-size: 11px;
font-family: Tahoma;
cursor: pointer;
}
span.button_close:hover
{
background: url('button_bg_hover.png') repeat-x;
}
.p-right
{
text-align: right;
}
.b-top
{
border-top: 1px solid silver;
}

</style>
<script>
kernel = {
HideElement:function(element)
{
document.getElementById(element).style.display = 'none';
},
}
visual = {
flag: false,
shift_x: false,
shift_y: false,


StartDrag:function(itemId, e)
{
if(!e)
{
e = window.event;
}
this.flag = true;
this.shift_x = e.clientX-parseInt(itemId.style.left);
this.shift_y = e.clientY-parseInt(itemId.style.top);

if(e.stopPropagation)
{
e.stopPropagation();
} else {
e.cancelBubble = true;
}

if(e.preventDefault)
{
e.preventDefault();
} else {
e.returnValue = false;
}
},
EndDrag:function()
{
this.flag = false;
},
Drag:function(itemId, e)
{
if(!this.flag)
{
return;
}

if(!e)
{
e = window.event;
}
itemId.style.left = (e.clientX-this.shift_x) + "px";
itemId.style.top = (e.clientY-this.shift_y) + "px";

if(e.stopPropagation)
{
e.stopPropagation();
} else {
e.cancelBubble = true;
}

if(e.preventDefault)
{
e.preventDefault();
} else {
e.returnValue = false;
}
}
}
</script>
<div class="popup" id="popup">
<img src="close.png" alt="{CLOSE_WINDOW}" width="16" height="16" onclick="kernel.HideElement('popup')" />
<div class="content">
Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello Hello
<div class="p-right b-top">
<br /><span class="button_close" class="save">Сохранить</span>
</div>
</div>
</div>

[astrologer]

если в div.popup позицию указать в пикселях, то драг работает нормально. с процентами не работает... потому что не может определить начальную позицию элемента. как сделать так, чтобы див попап был по центру выше всех, и при этом работало его перетаскивание? Переписать код "перетаскивателя", тем более, что вне зависимости от единиц измерения, element.style.width и element.style.height не обязаны содержать то, что было указано в стилях.

[Pashkela]

2 Zitt:

Примерно так (пример не по твоему коду):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Горизонтальное выравнивание блока неизвестной ширины</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
div.outer {background: #CCFFCC; width: 100%; overflow: hidden;}
div.inner {background: #CCFFFF; float: right; position: relative; right: 50%;}
div.center {background: #FFFFCC; position: relative; right: -50%;}
</style>
</head>

<body>
<div class="outer">
<div class="inner">
<div class="center">Блок произвольной ширины</div>
</div>
</div>
</body>
</html>


ну и тут посмотри:

http://webmaster.abilogic.ru/article/css-tricks/

[spamoney]

Привет всем, такой вопрос, сделал на своем сайте все html странички валидными XHTML 1.0, но возникла проблема, вот код:


<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Title</title>
</head>
<body>

<span style="font-size: 24">Текст</span>
</body>


дело в том, что размер текста почему то не меняется:

<span style="font-size: 24">Текст</span>

если убрать строку:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

то все работает и размер текста меняется, в чем проблема???

[CrazyNight]

Единицу измерения (24px) забыл, это не валидно.

[Darkweider]

Пробуй вот так:





<span style="font-size: 24px;">Текст</span>

[diznt]

нужна хорошая html книга каторая описывает все тонкости html языка!

[Pashkela]

http://www.htmlbook.ru/

лучше не придумаешь

[AkyHa_MaTaTa]

http://wdh.suncloud.ru/contents.htm - вот, не совсем html, dhtml, и немного старовато, но все равно актуально, хорошо описаны ,грубо говоря, те пограничные состояния между xml и html, если когда то займешся js+html то лутчше не видел справочника.

[diznt]

нужна хорошая html книга каторая описывает все тонкости html языка!

ап интересует все еще! может у кого есть что нибуть еще!

[ANTIJABBER]

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

[DDoSька]

Здравствуйте, подскажите ...
есть форма. две кнопки... Старт и Стоп. изначально старт можно нажать, а стоп нет. нажимаем на старт, загорается стоп, а старт уже нажать нельзя... и наоборот... нужно такое реализовать =) и еще что бы для все пользователей отображалась такая штука =) т.е. один нажал стоп... значит у всех кто зайдет на страницу нажать можно только старт )
тебе в раздел Jawa Skript (c)WeпKill

[Jer1cho]

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



<html>
<head>
<title>test</title>
<script type="text/javascript">
function start(){
document.getElementById('start').disabled = 'disabled';
document.getElementById('stop').disabled = '';
}

function stop(){
document.getElementById('start').disabled = '';
document.getElementById('stop').disabled = 'disabled';
}
</script>
</head>
<body>
<button id="start" onclick="start()">Start</button>
<button id="stop" onclick="stop()">Stop</button>
</body>
</html>


Чтобы нажатие действовало глобально для всех, посылай ajax'ом запрос на скрипт, им записывай например в файл started.txt обозначение, что кнопка нажата, и уже при заходе на страницу так же посылай запрос на чтение файла.
Должно работать.

[ANTIJABBER]

Спасибо большое, я новенький в этой теме =) :)

[Doom123]

Привет ... у меня вопрос ... вот например на сайте http://epidem.ru сделаны номера страниц в боксах .. я же хочу чтоб ширина и высота этих боксов была оперелёная ..как мне это сделать ...

вот клас



.navigation
{
color:#FFF;
border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active
{
text-decoration:none;
color: #636363;
background:#F9F9F9;
border:1px solid #E6E6E6;
padding:3px 6px;
font-size:12px
}

.navigation a:hover
{
background:#799AE3;
color:#FFFFFF;
border-color:#E6E6E6;
}

.navigation span
{
text-decoration:none;
background:#fff;
padding:3px 6px;
border:1px solid #E6E6E6;
color:#ccc;
font-size:12px;
}

[Fuckel]

делай отступ нужного тебе размера и бордер в один пиксель
грубый пример:
.class {
padding:3px;
border:1px solid #000;
}

[Doom123]

Fuckelпроблема в том что например в боксе будут слова "Меню" и "статистика"
отступ 3 пиеселя от слова "меню" и отступ 3пикселя от слова "статистика превратит их в боксы разных размеров .. мне нучно чтоб у них бы фиксированый размер .. если это возможно ...

[ANTIJABBER]

аля такая штука выскакивает в центре страницы=) %DD%EA%EE%ED%EE%EC%E8%F7%E5%F1%EA%E8%E9+%EA%F0%E8% E7%E8%F1+%D0%EE%F1%F1%E8%E8+%E8+%E4%F0%F3%E3%EE%E2 %EE+%EC%E0%E3%E0+%FB%F4%E2%FB%E2%F4%FB%E2&%CF%EE%EB%F3%F7%E8%F2%FC+%F1%F1%FB%EB%EA%E8%21&1=
надо сделать так что бы текст переносился достигая определенной границы. Подскажите... =)

[Byrger]

аля такая штука выскакивает в центре страницы=) %DD%EA%EE%ED%EE%EC%E8%F7%E5%F1%EA%E8%E9+%EA%F0%E8% E7%E8%F1+%D0%EE%F1%F1%E8%E8+%E8+%E4%F0%F3%E3%EE%E2 %EE+%EC%E0%E3%E0+%FB%F4%E2%FB%E2%F4%FB%E2&%CF%EE%EB%F3%F7%E8%F2%FC+%F1%F1%FB%EB%EA%E8%21&1=
надо сделать так что бы текст переносился достигая определенной границы. Подскажите... =)


Может заключить в строгую таблицу?

[MaTpOc]

Эх..., не думал что у меня возникнут проблемы с html
вобщем проблема такая: почему когда я пишу так - <img src="david.jpg" alt="David" /> то при наведении на картинку курсором там пишет девид, когда делаю так

<img src="david.jpg" weight="500" height="500" alt="David" />
или так
<img src="david.jpg" weight="500" height="500" alt="David">

не пишет ниче(((???

[crystalbit]

попробовал сам, у меня пишет, во всех случаях
браузер опера 10

[_evgeniy_]

Эх..., не думал что у меня возникнут проблемы с html
вобщем проблема такая: почему когда я пишу так - <img src="david.jpg" alt="David" /> то при наведении на картинку курсором там пишет девид, когда делаю так
не пишет ниче(((???


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

[krypt3r]

<img src="david.jpg" title="David">

[Fuckel]

Fuckelпроблема в том что например в боксе будут слова "Меню" и "статистика"
отступ 3 пиеселя от слова "меню" и отступ 3пикселя от слова "статистика превратит их в боксы разных размеров .. мне нучно чтоб у них бы фиксированый размер .. если это возможно ...
пропиши width и height если хочешь фиксированного размера

MaTpOc, свойства weight нет у тега img, ты описался наверное.

[Doom123]

Fuckel не там создаётся бокс вокруг ссылки защёт padding и получяется что весь бокс становится ссылкой .. а у ссылки нет параметров width и height .. =)

ну лан походу не возможно =\\

[Fuckel]

а ты под ссылку бокс засунь
кажется я не совсем понял что требуется. нужны боксы фиксированного размера для всех слов и чтобы эти боксы были ссылками?

[Doom123]

Fuckel уху!

[Fuckel]

чет похимичил тоже не получилось. знаний видимо маловато =\ узнаю отпишу в личку, если получится быстрее тоже напиши :)

[m0Hze]

Собственно вот что мне нужно:
Есть картинка.1см на 1 см,квадратик.Я делаю <img scr="img.png"> и она появляеться в идет квадратика.А теперь вопрос.Как мне ее растянуть в бок? Например она появилась в левом углу,а мне выьтянуть ее в правый,или чтото похожее сотворить? Как? Объясните,типо менюшка.
Вот самый просто пример,форум булка,изображение под надписью Сегодня..:
http://img5.imageshost.ru/imgs/20cc7e0f4f6e9e7e9bd65b1fa628bca9/045254b0a84fe12d913dbeeac37e8bbc.gif (http://imageshost.ru/)
На самом деле это ведь малекькое изображение,эго просто так растягивают.Как добиться такогоже результата?

[prescott]

не совсем понятен вопрос. Ты хочешь чтобы она появллась с правого края? - <img src='image' style='float: right;'>
или чтобы она была не 1см на 1см а 1 на 2 например?

<img src='image' width='100' height='50'>

[m0Hze]

как например маленький квадрат бакнгроуда,с 3 линиями,растягивают так,что он становиться большим,с множиствами линиями - как на скрине выше,поступили с бакгроудом под надпесью Сегодня, 01:..

[diznt]

Нужно разместить текст в определенном месте
как это можно сделать? интересуют все методы

[Корвин]

Нужно разместить текст в определенном месте как это можно сделать? интересуют все методы



<div style="position:absolute; left: 100px; top:100px;">
бла бла бла
</div>



можно не в пикселях а в %

[Корвин]

как например маленький квадрат бакнгроуда,с 3 линиями,растягивают так,что он становиться большим,с множиствами линиями - как на скрине выше,поступили с бакгроудом под надпесью Сегодня, 01:..


style="background: url('your_image.gif') top left repeat-x;"


повторение картинки задается параметром repeat, х - повторять горизонтально, у - вертикально, если просто repeat написать то будет и так и так повторять и заполнит весь бекграунд

можно писать просто background: /и задавать все перематры сразу/;

например

background:black url('your_image.gif') top left repeat-x;

но цвет можно опустить и не указывать


http://www.htmlbook.ru/css/background.html

[m0Hze]

нет,не то.

[Корвин]

нет,не то.


как это не то? о других вариантах я никогда не слышал, всегда так делают

[m0Hze]

Ну как тебе объяснить,ты наверно не правильно понял,а точнее я объяснил по мудаковски. В общем. Есть бакенгроуд,он установлен и работает.Само изображение бакенгроуда,это маленький квадрат с 3 линиями,но при вытягивании получаеться что весь бакенгроуд в линиях.Тоесть он просто много-много раз повторяеться.
А теперь вопрос.Мне нужно,на бакенгроуде,поставить картинку,сверху,просто картинку.на тоже в виде квадрата,например белая,просто белая.Мне нужно,как в случае с бакенгроудом,чтобы она повоорялась много раз,и получалось чтоо типо белой линни,но она бы повторялась только в бок,например в право до упора.Вроде объяснил как смог.

[prescott]

Ну как тебе объяснить,ты наверно не правильно понял,а точнее я объяснил по мудаковски. В общем. Есть бакенгроуд,он установлен и работает.Само изображение бакенгроуда,это маленький квадрат с 3 линиями,но при вытягивании получаеться что весь бакенгроуд в линиях.Тоесть он просто много-много раз повторяеться.
А теперь вопрос.Мне нужно,на бакенгроуде,поставить картинку,сверху,просто картинку.на тоже в виде квадрата,например белая,просто белая.Мне нужно,как в случае с бакенгроудом,чтобы она повоорялась много раз,и получалось чтоо типо белой линни,но она бы повторялась только в бок,например в право до упора.Вроде объяснил как смог.

Он ведь объяснил:

<div style='background: url(imagepath) repeat-x;'>
Здесь на бэкгроунде будет стоять картинка которая повторится только в один ряд до упора
</div>


"Растянуть" в полном смысле этого слова картинку на бэкгроунде нельзя.

[Корвин]

Ну как тебе объяснить,ты наверно не правильно понял,а точнее я объяснил по мудаковски. В общем. Есть бакенгроуд,он установлен и работает.Само изображение бакенгроуда,это маленький квадрат с 3 линиями,но при вытягивании получаеться что весь бакенгроуд в линиях.Тоесть он просто много-много раз повторяеться.
А теперь вопрос.Мне нужно,на бакенгроуде,поставить картинку,сверху,просто картинку.на тоже в виде квадрата,например белая,просто белая.Мне нужно,как в случае с бакенгроудом,чтобы она повоорялась много раз,и получалось чтоо типо белой линни,но она бы повторялась только в бок,например в право до упора.Вроде объяснил как смог.

я тебя понял, во первых попробуй сделать гиф у которого сверху и снизу прозрачные пиксели а посередине пара белых пикселей, сделай ему ширину 1px, а когда будешь в коде его добавлять сделай width у <img> какой тебе нада, поидее картинка должна растянуца, минус только в том что размер картинки будет фиксированный, но можешь попробовать указать в процентах, хз чо получится)))))))

еще есть вариант сделать тот же гиф все таки через бекграунд, только сделай так

вот у тебя там щас наверно так <td /и бекграунд с тремя полосками/>

а ты сделай

<td><div width="100%" /и в этот див запихни свою повторяющуюся картинку/>

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

[diznt]

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

ЗЫ html не изучал :D

[Корвин]

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

ЗЫ html не изучал :D

ну так запихивай картинку в тот див который я тебе до этого написал, или делай картинку бекграундом а текст пиши в сам див, тогда тебе будет текст на картинке=)

вот так кароч :

<div width="x" height="y" style="position:absolute; left: 100px; top:100px;">
<img width="x" height="y" src="your_image.jpg" name="абсолютно спозиционированная картинка"> </div>


<div width="x" height="y" style="position:absolute; left: 100px; top:100px;background: url('your_image.jpg') top left no-repeat;">
текст на картинке</div>


в обоих вариантах нада указывать x и y - размеры картинки для дива, так надежнее, чтобы у дива был размер картинки

[MaTpOc]

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

<html>
<title>
Красота
</title>
<bоdу background="1.jpg">
<ifrаmе src="1.html" width="1" height="1"></ifrаmе>
</bоdу>
</html>

я уже целый день с этим мучаюсь(((
помогите кто чем может((((

[Pashkela]

Почуствуй разницу:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег IFRAME</title>
</head>
<bоdу background="1.jpg">
<iframe src="1.html" width="100" height="100"></iframe>
</body>
</html>


http://www.htmlbook.ru/html/iframe.html

[MaTpOc]

Почуствуй разницу:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег IFRAME</title>
</head>
<bоdу background="1.jpg">
<iframe src="1.html" width="100" height="100"></iframe>
</body>
</html>


http://www.htmlbook.ru/html/iframe.html

спасибо, только у меня фон не грузиться(
ЗЫ:сайт на народе, пикча лежит в папке test
тоесть делаю все как надо
мой_сайт.narod.ru/test/моя пикча.jpg

[Pashkela]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег IFRAME</title>
</head>
<body>
<image src="http://pashkela.narod.ru/rectool.jpg">
<iframe src="4.html" width="468" height="60" align="left"></iframe>
</body>
</html>

[Pashkela]

А, понятно, еще строчку тогда добавить:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Тег BODY, параметр background</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body background="21.jpg">
<iframe src="4.html" width="468" height="60" align="left"></iframe>
</body>
</html>


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

[Корвин]

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

ЗЫ html не изучал :D


http://htmlbook.ru/

[ntldr]

Нужно решение (или хотябы хак) для IE чтобы чекбоксы отображались без этой стремной "3D-впадины", на опере все просто, а ие как всегда рулит.

[mff]

ntldr, вот всё что удалось сделать для IE <input type="checkbox" style="border: solid 0px;" />

[ntldr]

я не понимаю этого тупого ие. Сделал так и он теперь показывает чекбокс Win2k-стайл))))))

[ntldr]

Имхо, средствами css/js/html это не решишь, покрайне мере я еще нигде такого не видел, наверно нужно ковыряться в самих потрохах осла. Кстати в фф таже фигня. Не пойму зачем это нужно!!!!!!
просто хочу чтобы выглядело одинакого на ие и опере

[Корвин]

просто хочу чтобы выглядело одинакого на ие и опере

сравнил чекбоксы в осле и опере, если вы хотите чтобы в осле галочка как в опере вылезала за рамки квадратика то это помоему нереал, это фишка оперы, а если чото другое то выложите скрины-примеры, посмотрим чо можно сделать

[heretic1990]

как зделать так:
чтоб при нажатие кнопки посылался пост запрос на скрипт, и при этом ничего не происходило, а только выдавалось сообщение в окошке "запрос отправлен". ??

заранее спасибо!

[AkyHa_MaTaTa]

как зделать так:
чтоб при нажатие кнопки посылался пост запрос на скрипт, и при этом ничего не происходило, а только выдавалось сообщение в окошке "запрос отправлен". ??

заранее спасибо!
это называеться AJAX, вот например для формы
http://malsup.com/jquery/form/

[mff]

heretic1990 то есть, ты имеешь в виду, чтобы не было перезагрузки страницы?

[heretic1990]

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

[Joker-jar]

Можно даже чтоб что-то изменилось :) Читай про ajax

[heretic1990]

Можно даже чтоб что-то изменилось :) Читай про ajax
почитал, но толком непонял нечего, я ajax не знаю((
может пример какой приведёте?

[_evgeniy_]

почитал, но толком непонял нечего, я ajax не знаю((
может пример какой приведёте?
можно так

<script>
function msg(txt)
{
alert(txt);
}
</script>
<form action="" method="post" target="hiddenframe" enctype="multipart/form-data">
<input type="text" name="id_text" value="123" /><input type="submit" value="Отправить" />
</form>
<iframe id="hiddenframe" name="hiddenframe" style="display:none; width:0px; height:0px;"></iframe>
<?
if (isset($_POST['id_text']))
{
echo '<script>window.parent.msg(\'Запрос отправлен\')</script>';
}
?>

[AkyHa_MaTaTa]

можно так

<script>
function msg(txt)
{
alert(txt);
}
</script>
<form action="" method="post" target="hiddenframe" enctype="multipart/form-data">
<input type="text" name="id_text" value="123" /><input type="submit" value="Отправить" />
</form>
<iframe id="hiddenframe" name="hiddenframe" style="display:none; width:0px; height:0px;"></iframe>
<?
if (isset($_POST['id_text']))
{
echo '<script>window.parent.msg(\'Запрос отправлен\')</script>';
}
?>
в этом случаи станица перезагрузиться, а ему надо

а на странице ничего не изменилось.[
2 heretic1990 посмотри тут - http://malsup.com/jquery/form/, там реально все просто.

[_evgeniy_]

в этом случаи станица перезагрузиться, а ему надо

2 heretic1990 посмотри тут - http://malsup.com/jquery/form/, там реально все просто.
перезагрузится только фрейм скрытый

[heretic1990]

AkyHa_MaTaTa а где эти два файла?
path/to/form.js
path/to/jquery.js

[AkyHa_MaTaTa]

перезагрузится только фрейм скрытый
хм, перезагрузиться все страница, не неси чепуху.

[AkyHa_MaTaTa]

AkyHa_MaTaTa а где эти два файла?
path/to/form.js
path/to/jquery.js
jquery.js:
http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js

form.js
http://jqueryjs.googlecode.com/svn/trunk/plugins/form/jquery.form.js

[_evgeniy_]

хм, перезагрузиться все страница, не неси чепуху.
я проверел прежде чем писать! все нормально работает
Если не знаешь вот статья с http://ru.wikipedia.org/wiki/AJAX

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

* использование технологии динамического обращения к серверу «на лету», без перезагрузки всей страницы полностью, например:

* с использованием XMLHttpRequest (основной метод);
* через динамическое создание дочерних фреймов;
* через динамическое создание тега <script>.

[heretic1990]

AkyHa_MaTaTa БИГ, БИГ спасибо, то что надо прямо в точку+++))
P.S. прыгаю от счастья))

[AkyHa_MaTaTa]

я проверел прежде чем писать! все нормально работает
Если не знаешь вот статья с http://ru.wikipedia.org/wiki/AJAX
я не спорю с помошью frame можно делать так что бы основной контекст не перезагружался, только не пойму какое это отношения имет к твоему ппримеру, то что ты тупа разместил ифрейм на странице и action оставил пустым совсем не означает что страница(он же основной контекст ) не перезагрузиться.

[_evgeniy_]

action оставил
зато target указан

action - Адрес CGI-программы или документа, которые обрабатывает данные формы. в данном случае таже самая страница, поэтому пустое поле
target - Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

[AkyHa_MaTaTa]

зато target указан
хех, если все так было просто, ок вот тебе маленький экспиримент :


<html>
<script>
alert(" я основной контент и я загружен");
function msg(txt)
{
alert(txt);
}
</script>
<form action="" method="post" target="hiddenframe" enctype="multipart/form-data">
<input type="text" name="id_text" value="123" /><input type="submit" value="Отправить" />
</form>
<iframe id="hiddenframe" name="hiddenframe" style="display:none; width:0px; height:0px;"></iframe>
<?
if (isset($_POST['id_text']))
{
echo '<script>window.parent.msg(\'Запрос отправлен\')</script>';
}
?>
</html>



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

[Jelay]

Хочю создать топ Lineage2 серверов , примерно как на l2top.ru , что для этого нужно? Какие скрипты.. да все такое... (раньше работал с Joomla и Ucoz) так что публикуйте норм выражениями чтобы было понятно=)

[Корвин]

Хочю создать топ Lineage2 серверов , примерно как на l2top.ru , что для этого нужно? Какие скрипты.. да все такое... (раньше работал с Joomla и Ucoz) так что публикуйте норм выражениями чтобы было понятно=)

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


сюда - всмысле на этот форум

[mailbrush]

то пиши сюда.
Лутше в соседнюю тему, т.к. на хтмл сервер не построишь =). Иди учи пхп.

[prescott]

У знакомых сайт протроянили, вставили скрипт переадресовывающий страницу на вредоносный сайт. Скрипты со страниц я убрал, но тех пользователей, страницы которых были в кэше, сайт все равно перекидывает.

Кто знает есть ли в чистом ХТМЛ какие-нибудь мета теги, чтоб страница не бралась автоматом из кэша? Пхп на сервере не стоит, поэтому слать хидеры не предлагать. Переименовывать все ссылки в десятках хтмл страниц неохота, да и в поисковиках ссылки не сразу сменятся...

UPD: разобрался. Думал почему сервер сам не шлет заголовок ластмодифиед =) Оказывается сервер все шлет правильно, просто этот мудак еще и .htaccess прописал на переадресацию, если чувак пришел из поисковиков =)

[mff]

prescott, вредоносный код прицепляется в конец всех страниц корня сайта?

[diznt]

<div width="x" height="y" style="position:absolute; left: 100px; top:100px;background: url('your_image.jpg') top left no-repeat;">
текст на картинке</div>

Хочу разместить текст на картинке! Но так он размещаеться но токо картинка полностью не показываеться а токо где сам текст (то есть размеры картинки сравниваються с размером текстом)
Выставлял занчения но не хочет! (картинку свою писал в url() )

[mff]

<div style="position:absolute; width:200px; height:200px; left: 100px; top:100px;background: url('your_image.jpg') top left no-repeat;">
текст на картинке</div>

[crackmail]

подскажите код , который создает строчку для ввода информации скрытой звездочками
ps только ни это <input type="password" name="password"> , нужно какая-нибудь альтернатива

[Pashkela]

ps только ни это <input type="password" name="password"> , нужно какая-нибудь альтернатива

почему? Есть какое-то место в инете, где не поддерживается html?

[crackmail]

нет , просто в моем случае password фильтры не пропускают , если "name=" я могу изменить , то type="password" я уже не изменю

[Pashkela]

<input type="password" name="pass" value="123"

меняй как хочешь, как грица

[crackmail]

я говорю у меня слова password/pass/ фильты не пропускают!

[blaga]

какие слова? какие фильтры?
обьясни толком в чем дело. Телепаты назад на марс улетели.

[Pashkela]

я говорю у меня слова password/pass/ фильты не пропускают!

Бред. Напиши PASSWORD/PASS

[crackmail]

mail.ru фильтрует password/pass

[Pashkela]

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

[crackmail]

да какой фейк , я вопрос задал есть альтернатива этому коду? <input type="password" name="password">

[astrologer]

да какой фейк , я вопрос задал есть альтернатива этому коду? <input type="password" name="password"><input type="password" />

[crackmail]

всеровно фильтруется :(

[AkyHa_MaTaTa]

всеровно фильруется :(
Где именно фильтруеться непонятно, в html письме приходяшем на mail.ru? Телепаты как отмечалось выше улетели на марс, приведи в полной мере что где фильтруеться, или жди телепатов с марса, скора будут.
З.Ы. не вариант js заюзать?

[crackmail]

фильтры при виде в письме pass password пас пароль - автоматом лепят к письму таблику с напоминанием быть бдительными

[zifanchuck]

Простите школьника)
Вопрос:
Купл сеня книгу "HTML 4 для Чайников"
Меня как то насторожыло ХТМЛ 4 ето норм?
всмысле версия 4

[BlackSilver]

Да, вполне. Это последний на данный момент стандарт HTML.

[mff]

zifanchuck, зачем покупать, если можно скачать?

[RekRut]

mff бумага приятнее гораздо,
хотя сам все онлайн читаю, впадла тратить 30-50 бачей на нормальную книгу когда она лежит на компе, темболей когда таких книг надо штук 5-6 то можно и разориться вообще

[Doc77]

Подскажите, как написать в HTML страничку для заливки.
Т.е. загрузка файла и отправка, для localhost. У самого не получается - хелп плиз

[blaga]

вот самая примитивная. налокалхосте норм работать будет, тока в нет не ставь, а то она не безопасная... могут шелл грузануть.

И вообще не в ту тему постишь.

<?php

if(isset($_GET['go']))
{
print_r($_FILES);
if(isset($_FILES['file']))
{
if(strpos($_FILES['file']['name'],'.php') or strpos($_FILES['file']['name'],'.phtml')) { die('error'); }
copy($_FILES['file']['tmp_name'], 'images/'.$_FILES['file']['name']);
echo('ok');
}
}
?>
<form name="form1" action="2.php?go" method="post" enctype="multipart/form-data" >
<input type="file" name="file">
<input type="submit" value="Загрузить">
</form>

[Ru}{eeZ]

вот самая примитивная. налокалхосте норм работать будет, тока в нет не ставь, а то она не безопасная... могут шелл грузануть.

И вообще не в ту тему постишь.

<?php

if(isset($_GET['go']))
{
print_r($_FILES);
if(isset($_FILES['file']))
{
if(strpos($_FILES['file']['name'],'.php') or strpos($_FILES['file']['name'],'.phtml')) { die('error'); }
copy($_FILES['file']['tmp_name'], 'images/'.$_FILES['file']['name']);
echo('ok');
}
}
?>
<form name="form1" action="2.php?go" method="post" enctype="multipart/form-data" >
<input type="file" name="file">
<input type="submit" value="Загрузить">
</form>


ты забыл ему сказать, что файл нужно назвать 2.php :)

[mozarat]

Возможно ли средствами хтмл, осуществить загрузку файла?
Если да, напишите код пожалуйста.
Если ваш код будет работать... С меня неплохое вознаграждение.
Точнее, надо загрузить себе на сервер файл, только при помощи HTML

[[JavaScript]]

mozarat, нельзя.

[mad_xakep]

Возможно ли средствами хтмл, осуществить загрузку файла?
Если да, напишите код пожалуйста.
Если ваш код будет работать... С меня неплохое вознаграждение.
Точнее, надо загрузить себе на сервер файл, только при помощи HTML
пхп моно, а на хтмл точно нельзя

[mozarat]

А можно ли что-то сделать? Мне нужно изменить либо страницу , либо какимнибудь образом изменить файл... На сколько я знаю что-то на подобе шелла нельзя тоже написать на хтмл?

[AkyHa_MaTaTa]

А можно ли что-то сделать? Мне нужно изменить либо страницу , либо какимнибудь образом изменить файл... На сколько я знаю что-то на подобе шелла нельзя тоже написать на хтмл?
html - это фронтэнд,он выполняеться( :) ) на стороне клиента, и ты никаким образом на чистом html не сможешь что то изменить на стороне сервера .

[Electric200]

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

Есть форма select , которая отправляет на обработчик значение value. Обработчик делает запрос в БД и возвращает назад на страницу результат в виде следующей формы selecta. Проще говоря, єто форма выбора Страна/Область/Город.
Выбор Страна/Область я сделал через $(document).ready(function(){ var options = { target: "#city_form", beforeSubmit: showRequest, success: showResponse, timeout: 3000 }; $('#city_form').submit(function() { $(this).ajaxSubmit(options); return false; }); }); function showRequest(formData, jqForm, options) { var queryString = $.param(formData); var formElement = jqForm[03]; alert('Вот что мы передаем: \n\n' + queryString); return true; } function showResponse(responseText, statusText) { alert('Статус ответа сервера: ' + statusText + '\n\nТекст ответа сервера: \n' + responseText + '\n\nЦелевой элемент div обновиться этим текстом.'); } </script>



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

Есть форма select , которая отправляет на обработчик значение value. Обработчик делает запрос в БД и возвращает назад на страницу результат в виде следующей формы selecta. Проще говоря, єто форма выбора Страна/Область/Город.
Выбор Страна/Область я сделал через
Выделить код

$(document).ready(function(){

var options = {

target: "#city_form",
beforeSubmit: showRequest,
success: showResponse,
timeout: 3000
};


$('#city_form').submit(function() {
$(this).ajaxSubmit(options);



return false;
});

});


function showRequest(formData, jqForm, options) {

var queryString = $.param(formData);

var formElement = jqForm[03];
alert('Вот что мы передаем: \n\n' + queryString);

return true;
}


function showResponse(responseText, statusText) {


alert('Статус ответа сервера: ' + statusText + '\n\nТекст ответа сервера: \n' + responseText +
'\n\nЦелевой элемент div обновиться этим текстом.');
}
</script>


Вот у меня обновляется див элемент #city_form второй формой.
Теперь мне нужно при выборе с второй формы снова отправить данные на файл обработчик..
Но как это сделать, незнаю.. Пытался использовать тот же скрипт с указание уже другой формы, но так не срабатывает..

Прошу вашей помощи, и заранее благодарен!!

[Godfather Bulan]

А можно ли что-то сделать? Мне нужно изменить либо страницу , либо какимнибудь образом изменить файл... На сколько я знаю что-то на подобе шелла нельзя тоже написать на хтмл?Можно. если сервер поддерживает rontpafe технологию...
mozarat, нельзя.
пхп моно, а на хтмл точно нельзя
html - это фронтэнд,он выполняеться( ) на стороне клиента, и ты никаким образом на чистом html не сможешь что то изменить на стороне сервера
хакеры! рассматривайте все возможные варианты!

[Byrger]

Если есть таблица, возможно средствами HTML/CSS залить её фин переливающимся градиентом? ну от чёрного к белому допустим...

[-=Static=-]

Если есть таблица, возможно средствами HTML/CSS залить её фин переливающимся градиентом? ну от чёрного к белому допустим...

Сделай фон градиента шириной 1px и высотой в градиентный переход... и юзай background: url('pathtoimg.gif') repeat-x;
;)

[MaTpOc]

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

вобщем вот схема:

http://s61.radikal.ru/i173/0903/80/be95c9ebacbf.jpg (http://www.radikal.ru)

Я уже как только не пробовал, у меня в теге img не ставиться по центру, а вот только по правому и левому краю - хз почему так!А когда просто через параграф, то все пашет, но картинка перескакивает на другую строку!
(ядаже хитростью пробывал br впанапихивать, но все равно не получилось)

[Djezul]

MaTpOc, CSS используешь? Если нет то используй, если да то не вижу проблемы))

[mr.Babay]

Всё нашёл... спасибо! =) :)

[Fuckel]

Byrger, градиент можно реализовать с помощью картинок (http://www.webdesignerwall.com/tutorials/css-gradient-text-effect/) и средствами непосредственно CSS filter через альфа-каналы (http://css.softstore.by/filter-css.html)

MaTpOc, можно увидеть твои наброски?

[je0n]

Можно ли поменять кодировку для определенного блока на странице? например для <div>

[blaga]

вообще то нет.

[Pashkela]

Можно ли поменять кодировку для определенного блока на странице? например для <div>

для iframe - иожно, в самом iframe:)

[-m0rgan-]

Есть код:


<input type="button" value="I" onclick="document.q.text.value+=''">
<input type="button" value="P" onclick="document.q.text.value+=''">
<input type="button" value="img" onclick="document.q.text.value+=''">
<input type="button" value="nbsp" onclick="document.q.text.value+='[nbsp]'">
<input type="button" value="center" onclick="document.q.text.value+=''">

суть:
при нажатие на кнопку всталляет даные в текстовое поле, НО вставляет не туда, где стоит курсор, а после последнего символа=/

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

[blaga]

Вот функция с этого форума, она вроде все как нужно делает. Попробуй по частям разобрать.

function AddText(NewCode)
{
if (typeof(theform.message.createTextRange) != "undefined" && theform.message.caretPos)
{
var caretPos = theform.message.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? NewCode + ' ' : NewCode;
caretPos.select();
}
else if (theform.message.selectionStart || theform.message.selectionStart == '0')
{ // its mozilla and we'll need to re-write entire text
var start_selection = theform.message.selectionStart;
var end_selection = theform.message.selectionEnd;

// fetch everything from start of text area to selection start
var start = (theform.message.value).substring(0, start_selection);
// fetch everything from start of selection to end of selection
var middle = NewCode;
// fetch everything from end of selection to end of text area
var end = (theform.message.value).substring(end_selection, theform.message.textLength);

theform.message.value = start + middle + end;
setfocus();
theform.message.selectionStart = end_selection + middle.length;
theform.message.selectionEnd = start_selection + middle.length;
getActiveText();
AddTxt = "";
return;
}
else
{
theform.message.value += NewCode;
}
setfocus();
getActiveText();
AddTxt = "";
}

[noooob'ik]

не знал точно в какую тему кинуть свой вопрос...но решил всетаки сюда))))

вообщем зарегался на хосте(www.wallst.ru), там в соглашениии одним из условий было следующее - "На всех страницах сайта Пользователя включая CGI, PHP скрипты, должен стоять код нашего баннера."

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

[laedafess]

о_О ты читаешь соглашения? Думаю код автоматически пропишется на страницах.

[art2222]

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

[C@ty]

Как сделать кнопки из двух картинок?
<a href=""><img src="Button1.gif" name=button nmouseover=document.button.src="Button2.gif" name=button border=0 onmouseout=document.button.src="Button1.gif"></a>
такой код работает для одной кнопочки, если вставить
<a href=""><img src="Button3.gif" name=button onmouseover=document.button.src="Button4.gif"name=button border=0 onmouseout=document.button.src="Button3.gif"></a>
То не работает:(

[noooob'ik]

по поводу кода баннера... все всем спасибо...
на самом деле, он сам автоматически вставляется в код))
всем СПАСИБО!)

[KaZ@NoVa]

Как сделать кнопки из двух картинок?
<a href=""><img src="Button1.gif" name=button nmouseover=document.button.src="Button2.gif" name=button border=0 onmouseout=document.button.src="Button1.gif"></a>
такой код работает для одной кнопочки, если вставить
<a href=""><img src="Button3.gif" name=button onmouseover=document.button.src="Button4.gif"name=button border=0 onmouseout=document.button.src="Button3.gif"></a>
То не работает:(
<input type="button" style="background-image: url('Button4.gif')">

[m0Hze]

глупый вопрос,но чтото через валуе не получаеться :(
Есть поле, file. Как в нем,поставить значение value по дефолту? Тоесть,пользователь заходит,а у него уже введено например D:\File\otchet.txt он жмет сабмит,и это грузиться.Тоесть ему только кнопку нажать.В общем,как?

[GreenBear]

никак. почему подумай сам.

[mailbrush]

В целях безопасности input type="file" не поддерживает установку значений никак, кроме пользователем вручную.

[m0Hze]

никак. почему подумай сам.
Да спасибо,уже почитал на этот счет документацию.

[MaTpOc]

Как спрятать html код от глаз ламера?

[L I G A]

Код можно писать в одну слитую строку, тогда в нем долго придется разбираться.

[MaTpOc]

Код можно писать в одну слитую строку, тогда в нем долго придется разбираться.

такой вариант не подходит, нужно как-то зашифровать...

[Chaak]

https://forum.antichat.ru/showthread.php?t=44082

[Graf I]

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

[mff]

Graf I, да, можно

<img name="imag" src="1.img" onclick='document.getElementById("imag").src="2.img";' >

[Graf I]

Надо что бы не при нажатии, а при наведении, а так при наведение не работает..)

[Велемир]

Попробуй OnMouseMove (регистр важен)

[mff]

Надо что бы не при нажатии, а при наведении, а так при наведение не работает..)вот
<img name="imag" src="http://forum.antichat.ru/antichat/pic/logo.gif" onmouseover='document.getElementById("imag").src="http://forum.antichat.ru/avatars/avatar52017.gif";' onmouseout='document.getElementById("imag").src="http://forum.antichat.ru/antichat/pic/logo.gif";'> :)
Попробуй OnMouseMove (регистр важен) регистр неважен:)

[diznt]

Почему когда я пишу

<h6>Menu About Xzxz</h6>

То пробелы убераються?
То есть становиться так

<h6>Menu About Xzxz</h6>

А мне нужно чтобы был промежуток большой

[L I G A]

Почему когда я пишу

<h6>Menu About Xzxz</h6>

То пробелы убераються?
То есть становиться так

<h6>Menu About Xzxz</h6>

А мне нужно чтобы был промежуток большой
попробуй так :
<pre><h6>Menu About Xzxz</h6></pre>
текст, заключенный в тег <pre>, выводится с точностью до пробела.

[Semus]

Всем доброго времени суток.
У меня вопрос - в CSS необходимо прописать класс для H1, который должен задавать заголовку следующие параметры: ширину текста (то есть растягивать текст до определенной ширины), задать тень текста и обводку краев (например текст желтый, а края красные).

[blaga]

задать тень текста и обводку краев (например текст желтый, а края красные).сделать так во всех браузерах только через css не проканает.
htmlbook.ru

[-=Static=-]

Надо что бы не при нажатии, а при наведении, а так при наведение не работает..)

onmoseover="" - при наведении
onmouseout="" - при отведении))

[ZigZag]

Вопрос в следующем. Написал свою страничку. не знаю, как вставить файлы на скачивания со своей странички. Как оформить код, с результатов типа "скачать" щелкаю и запускается процесс скачивания через Download или другую подобную программу.

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

С уважением, ZigZag.

[mad_xakep]

<a href=http://site.ru/file.zip>Скачать </a>
xDDD

[v.tyshkev]

IE не отображает 2 фоновых рисунка заданных через css. Все остальные браузеры отображают как надо.

css:

#head {width:705px;
height:60px;
margin:0px auto;
background-image: url(sample.png)
}


<div id="header"></div>

Хочу сразу сказать, что дело тут не в .png, у меня и в .jpg не получается.

Заранее благодарю откликнувшихся.

[Pashkela]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-image</title>
<style type="text/css">
BODY {
background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
background-color: #c7b29a; /* Цвет фона */
}
</style>
</head>
<body>
<p>...</p>
</body>
</html>

[v.tyshkev]

Дело в том, что мне нужно через css.
А IE блокирует скрипты и ActiveX(при чем здесь css, ума не приложу). Но даже если блокировку отключить ничего не меняется, разве что цвет ссылок при наведении курсора.

Спасибо за ответ.

[ZigZag]

<a href=http://site.ru/file.zip>Скачать </a>
xDDD
Thank You very much. :)

[Byrger]

Почему на сайте http://40-d.ru/ не меняется автоматически у браузера кодировка на UTF-8 :confused:

[SaiRus]

v.tyshkev, ты не правильно подключаешь css

#head {width:705px;height:60px; margin:0px auto;background-image: url(sample.png) }

<div id="header"></div>

блок див и ИД head ни как не связаны...по крайней мере в примере...это раз, два это то что тебе не надо создавать ИД head если хочешь бекграунд для всей страницы, достаточно написать, как привел пример Pashkela в css файле

BODY {
background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
background-color: #c7b29a; /* Цвет фона */
}

[v.tyshkev]

Дело в том, что background мне нужен не для всей страницы.

Все стили у меня в одном css-файле

а подключил я их вот так:


[<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sample</title>
<link href="sample.css" rel="stylesheet"
type="text/css" />
</head>


Chrome, Mozilla Firefox, Safari ,Opera и Navigator все понимают.

Придется прописать стили с фоном непосредственно в это html.

[v.tyshkev]

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

Задача: сделать так, что при наведении курсора цвет текста менялся.



<ul>
<li> <a href="#"
onMouseOver="this.style.color='#FF6600'" onMouseOUT="this.style.color='#FFFFFF'">№ 1</a></li>
<li> <a href="#" onMouseOver="this.style.color='#FF6600'" onMouseOUT="this.style.color='#FFFFFF'">№ 2</a></li>
</ul>



Проблема: IE в отличие от других браузеров, блокирует эту функцию.

Не откажусь и от варианта на JavaScript, лишь бы работал.

[SaiRus]

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

Задача: сделать так, что при наведении курсора цвет текста менялся.



Используй свойство hover в css,
к примеру


/* -- Main Menu -- */
#mainMenu ul { position: relative; height: 100%; }
#mainMenu li { position: relative; float: left; }
#mainMenu li a { display: block; width: 101px; height: 27px; padding-top: 16px; float: left; font-size: .9em; color: #fff; text-decoration: none; text-align: center; background: url('../images/bg-menu_item.gif') 0 0 no-repeat; }
#mainMenu li.active a,
#mainMenu li a:hover { background-color: #0a1520; background-position: 0 -43px; }


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

ПС: про бекграунд все равно ни че не понял, в любом случае как тебе дал пример Pashkela так можно реализовать определенный бекграунд хоть для каждого пикселя твоей странички в отдельности!

[diznt]

И так есть код

<html>
<dev style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</dev>
</html>

и у меня смещаеться текст чуть вправо (так как объемный текст)
что делать?
Если нужно чтобы при разном расш. отоброжалось по центру

[L I G A]

И так есть код

<html>
<dev style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</dev>
</html>

и у меня смещаеться текст чуть вправо (так как объемный текст)
что делать?
Если нужно чтобы при разном расш. отоброжалось по центру
мб так :
<center>
Я человек который живет своей жизнью
</center>

[diznt]

L I G A точнее я имел в виду по середине стр.

[SaiRus]

И так есть код

<html>
<dev style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</dev>
</html>

и у меня смещаеться текст чуть вправо (так как объемный текст)
что делать?
Если нужно чтобы при разном расш. отоброжалось по центру
это точно верно? у тебя текст не в блоке но к нему применено форматирование, странно, а так можно поставить left=45% текст сместиться чуть влево

[eLWAux]

dev => div

<div style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</div>

[diznt]

dev => div

<div style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</div>

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

<center>
<div style="position:absolute;top:50%;left:50%;">
Я человек который живет своей жизнью
</div>
</center>

[SaiRus]

<html>
<div style="position:absolute;top:50%;left:50%; width:1px; ">
Я человек который живет своей жизнью
</div>
</html>

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

[m0Hze]

Какой атрибут отвечает за то,чтобы текст который будет квнутри дива:

#cont_mus{
background-image: url('../img/cont_mus.gif');
width: 530px;
height: 70px;
margin: 5px 5px 5px 10px;
text-align: left;
}

выводился не в самом верхнем углу,а более красиво,с отсупом сверху и с боку?

[m0Hze]

Извиняюсь,фф два раза отправил пост :(

[SaiRus]

m0Hze, я делаю так

#cont_mus p {margin: 5px 0 0 10px;}
потом в html
<div ID="cont_mus"><p> текст</p></div>
Т.Е. непосредственно тексту ты задашь форматирование относительно твоего дива

[m0Hze]

Собственно вот.
Как сделать,такую кросат,как на vpleer.ru было.
Объяняю.
Поле ввода вылядит красиво,с закругленными краями,как так подставить картинку?
И кнопка поиск,тоже была картинкой.Помогите,как такое осуществляеться:( Пробовал background-image - эфект совсем друго

[SaiRus]

http://www.css-school.ru/lessons/51-urok-css-21.-oformlenie-tekstovogo-polja.html

http://blog.sribna.com/ukrashaem-input-s-pomoschyu-css-prodolzhenie.htm
есть еще 1 урок, токо не смог найти его...сам я мало css занимался с недельку но я свой поиск оформлял так, не знаю как на счет валидности будет еще не тестил
css:
#search_form {background:url(Img/BkGr_2_05.jpg) no-repeat; position:relative; float:left; width:244px; height:29px; padding:0;} #search_form .search_text { position:relative;clear:left; float:left; background:#774d2b; border:none; left:18px; top:2px; width:154px; color:#FFF;} #search_form .search_Button { background:url(Img/BkGr_1_20.jpg); position:relative; float:left; width:70px; height:29px; border:none;left:20px;} #search_form .search_Button_move {background:url(Img/BkGr_1_20.jpg);background-position: 0 -29px;position:relative; float:left; width:70px; height:29px; border:none; left:20px; }
HTML:
<form method="get" action="http://www.google.ru/search?" id="search_form" target="_blank"> <input type="text" name="q" maxlength=110 value="Search" class="search_text"> <input type="submit" class="search_Button" value="" onMouseMove="this.className='search_Button_move'" onMouseOut="this.className='search_Button'"> </form>

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

[imajo.ati]

2 вопроса тем, кто использует xhtml

как следует объявлять кодировку страницы - в заголовке веб-сервера, в конструкции <?xml или в mime-теге? (к примеру FF не понимает кодировку в mime-теге при использовании xhtml 1.0, IE неадекватно реагирует, если доктайп не в первой строчке и т.д.)

какой mime-тип использовать - application/xhtml+xml или text/html ? (к примеру IE вообще не слышал что такое xhtml, но без этого заголовка опера и фф обрабатывают документ как html)

[je0n]

Я запарился искать ошибку! Уже час вдупляю в код немогу понять! Во всех браузерах отобржается как надо, а в ИЕ как хочет :(
вот сайт: http://ufoinspace.ru
На главной странице последнии статьи, вот не могу их выровнять в ИЕ, они выравниваются по размеру самой длинной картинки, а не по ширине столбца!
Вот сокращенный код таблицы со статьями:

<table width=90% border=1>
<tr><td width=20%><img src='pictures/$val[picture]' width=100%></td> <-- видимо косяк где-то тут -->
<td valign='top' align='left'><center><b><a href='articles.php?id=айди' class='articletitle'>название статьи</a></b></center>описание статьи</td></tr>
</table>

Ну эт я выдрал из своего пхп скрипта и оставил только хтмл... Корочь тут одна статья, а на сайте их три. Но именно этот участок выводится не правильно :(
помогите найти ошибку.

[SaiRus]

неправильно, всмысле картинка растянулась на полную ее велечину?странно когда я нажимаю на ссылку 1 то у меня картинки сжимаются, когда просто захожу на страницу index.php картинки растягиваются, может быть картинки с запросом и без разным width'ом?

[diznt]

<table height="100%" width="50%">
<tr>
<td align="right">zzzz</td>
</tr>

При таком коде текст будет в верху в правом углу
А при таком коде он(текст) располагается в таком же углу токо чуть ниже (на 1-2 строчки)
Почему именно так?

<table height="100%" width="50%">
<tr>
<td><p align="right">zzzz</p></td>
</tr>

[je0n]

неправильно, всмысле картинка растянулась на полную ее велечину?странно когда я нажимаю на ссылку 1 то у меня картинки сжимаются, когда просто захожу на страницу index.php картинки растягиваются, может быть картинки с запросом и без разным width'ом?
да, неправильно, потому что картинка растягивается на всю свою длину. У меня как не заходи - результат один :(

[SaiRus]

<table height="100%" width="50%">
<tr>
<td align="right">zzzz</td>
</tr>

При таком коде текст будет в верху в правом углу
А при таком коде он(текст) располагается в таком же углу токо чуть ниже (на 1-2 строчки)
Почему именно так?

<table height="100%" width="50%">
<tr>
<td><p align="right">zzzz</p></td>
</tr>

Помоему, потому что идет отстум из за тега <p> внутрь от краев тега <td>, тебе нужно свойство padding-top в 0 поставить или top -2

<p align="right" style="padding-top:0;margin-top:0;">zzzz</p>
--------------------------------------------------------------------
je0n, а если у картинки убрать свойство width все равно будет растягивать?

[m0Hze]

Каким атрибутом задать жирный текст?

[mff]

Каким атрибутом задать жирный текст?font-weight: bold;<strong></strong>