подсказка к катинке / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

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

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подсказка к катинке

24 сообщений из 24, страница 1 из 1

подсказка к катинке

#36629334

Slava_200

Гость

щас сделано так.
в css:

Код: plaintext

#header  {width:1024px; height:220px; background: url(images/ 2 .gif) no-repeat;}

в index:

Код: plaintext

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

мне надо чтобы если будут отключены картинки - чтоб был какой-то текст ("роипкгермипукгр") и желательно чтоб при нажатии на картинку переходить на гл. стр.
я так понимаю это вообще надо без css делать? просто ссылкой картинку кинуть и всё. да?

...

Рейтинг:

0 / 0

14.05.2010, 20:03:46

| Ответить | Цитировать | Написать

подсказка к катинке

#36629343

vkle

Участник

Откуда: Самара

Сообщения: 14 253

Рейтинг: 0 / 0

Да
Posted via ActualForum NNTP Server 1.4

...

Рейтинг:

0 / 0

14.05.2010, 20:10:41

| Ответить | Цитировать | Написать

подсказка к катинке

#36629439

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200мне надо чтобы если будут отключены картинки - чтоб был какой-то текст
Как вариант сделать так...

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

#header {
   width:1024px; 
   height:220px; 
   position: relstive;
}
#h_scr {
   position: absolute;
   top:  0 ;
   left:  0 ;
   right:  0 ;
   background: url(images/ 2 .gif) no-repeat;
}
...
<div id="header">
   <p>Любой текст</p>
   <div id="h_scr"></div>
</div>

...

Рейтинг:

0 / 0

14.05.2010, 21:34:15

| Ответить | Цитировать | Написать

подсказка к катинке

#36629440

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Забыл добавить...

Код: plaintext

1.
2.
3.
4.
5.
6.
7.

#h_scr {
   position: absolute;
   top:  0 ;
   left:  0 ;
   right:  0 ;
   height: 100 %;
   background: url(images/ 2 .gif) no-repeat;
}

...

Рейтинг:

0 / 0

14.05.2010, 21:35:55

| Ответить | Цитировать | Написать

подсказка к катинке

#36629457

Slava_200

Гость

ага, понял, спасибо!

а если мне надо ссылки вывести на картинки и при наведении на ссылку картинка должна меняться (размер картинки будет таким же, а вид изменится), то как это сделать?
сделал так:
в css

Код: plaintext

1.
2.

.Left a:link {background: url(images/ 1 .gif) no-repeat; color: # 000000 ; font-family: "Times New Roman";  font-size:9pt; }
.Left a:hover{background: url(images/ 2 .gif) no-repeat;color: # 000000 ; font-family: "Times New Roman";  font-size:9pt;  }

в index

Код: plaintext

<div id="leftDiv" class="Left">список ссылок</div>

на экране вижу мелкие ссылки (как и должно быть) и такие же мельчайшие (вернее обрезанные по величине ссылки) картинки. при чем если увеличиваю расстояние за счет <br> между ссылками то ничего не меняется - картинка такая же маленькая и обрезанная.
как правильно сделать?

...

Рейтинг:

0 / 0

14.05.2010, 22:00:31

| Ответить | Цитировать | Написать

подсказка к катинке

#36629729

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200и такие же мельчайшие (вернее обрезанные по величине ссылки) картинки. при чем если увеличиваю расстояние за счет <br> между ссылками то ничего не меняется - картинка такая же маленькая и обрезанная.
Это естественно. Ведь ты меняешь бекграунд у ссылок, а не у родительского ДИВа.

Как вариант, можно сделать так...

Код: plaintext

1.
2.
3.
4.
5.

.Left:link {
   background: url(images/ 1 .gif) no-repeat;
}
.Left:hover{
   background: url(images/ 2 .gif) no-repeat;
}

Но в ИЕ6.0 работать не будет. Придется обрабатывать события onmouseower onvouseout.

...

Рейтинг:

0 / 0

15.05.2010, 10:03:44

| Ответить | Цитировать | Написать

подсказка к катинке

#36629732

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

krvsa[quot Slava_200]
Но в ИЕ6.0 работать не будет. Придется обрабатывать события onmouseower onvouseout.
onmouseover...

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

.Left:link {
   background: url(images/ 1 .gif) no-repeat;
}
.Left:hover{
   background: url(images/ 2 .gif) no-repeat;
}
.Left{
  behavior: expression(
	   onmouseover = function() {this.className += ' hover'},
	   onmouseout = function() {this.className = this.className.replace('hover', ''), style.behavior = null}
   );
}
.Left.hover{background: url(images/ 2 .gif) no-repeat;}

...

Рейтинг:

0 / 0

15.05.2010, 10:12:07

| Ответить | Цитировать | Написать

подсказка к катинке

#36629733

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

krvsaсобытия onmouseower onvouseout.

...

Рейтинг:

0 / 0

15.05.2010, 10:12:47

| Ответить | Цитировать | Написать

подсказка к катинке

#36629747

Slava_200

Гость

когда написал так:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

.Left:link {
   background: url(images/ 1 .gif) no-repeat;
}
.Left:hover{
   background: url(images/ 2 .gif) no-repeat;
}
.Left{
  behavior: expression(
	   onmouseover = function() {this.className += ' hover'},
	   onmouseout = function() {this.className = this.className.replace('hover', ''), style.behavior = null}
   );
}
.Left.hover{background: url(images/ 2 .gif) no-repeat;}

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

если так:

Код: plaintext

.Left a:link { ......

то снова появились обрезанные картинки
тестирую щас в опере (до ие6 ещё не дошел :) )

...

Рейтинг:

0 / 0

15.05.2010, 10:38:47

| Ответить | Цитировать | Написать

подсказка к катинке

#36630150

Slava_200

Гость

то есть я так понял, что так как мне тут писали должно работать, а у меня по каким-то причинам не хочет.
но этот способ не работает у меня нигде - не в опере не в ие 6.0

...

Рейтинг:

0 / 0

15.05.2010, 20:56:58

| Ответить | Цитировать | Написать

подсказка к катинке

#36630412

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200 , я делаю так

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

#send {
    width: 76px;
    height: 21px;
    float: right;
    cursor: pointer;
}
.send {
    background: url('images/send.png');
}
.send_on {
    background: url('images/send_on.png');
}
...
<div id='send' class='send' onmouseover='this.className="send_on"' onmouseout='this.className="send"'>
</div>

Работает везде.

...

Рейтинг:

0 / 0

16.05.2010, 09:54:10

| Ответить | Цитировать | Написать

подсказка к катинке

#36631729

Slava_200

Гость

то есть предлагаете каждую ссылку поместить в отдельный div?
кстати, если я напишу так:

Код: plaintext

<div id='send' class='send' onmouseover='this.className="send_on"' onmouseout='this.className="send"'>hhhhhhhhhhhhhhhh</div>

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

Код: plaintext

<div id='send' class='send' onmouseover='this.className="send_on"' onmouseout='this.className="send"'>hhhhhhhhhhhhhhhh<br>yyyyyyyyyyyyyyyyy<br>swassssssssss</div>

...

Рейтинг:

0 / 0

17.05.2010, 12:05:05

| Ответить | Цитировать | Написать

подсказка к катинке

#36631798

EmilRegis

Участник

Сообщения: 1 105

Рейтинг: 0 / 0

можт высоту дива стоит увеличить?

...

Рейтинг:

0 / 0

17.05.2010, 12:31:01

| Ответить | Цитировать | Написать

подсказка к катинке

#36631806

Slava_200

Гость

да-да, это я понял, высоту дива увеличил.
а как привязать к этому ссылки? ведь у ссылок есть ещё такие св-ва как например активная или нет. мне ж это тоже надо учитывать.

...

Рейтинг:

0 / 0

17.05.2010, 12:35:09

| Ответить | Цитировать | Написать

подсказка к катинке

#36631839

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200то есть предлагаете каждую ссылку поместить в отдельный div?
Что-то мы друг друга не допонимаем...
Ты как писал - есть ДИВ, в нем ссылки, картинку нужно менять у всего ДИВа. Я тебе про это и пишу...

Если не так - готовь тестовый пример и рписание чего хочется получить... Так будет понятнее.

...

Рейтинг:

0 / 0

17.05.2010, 12:48:15

| Ответить | Цитировать | Написать

подсказка к катинке

#36636245

Slava_200

Гость

есть див. на нем много ссылок. Есть 4 вида картинок:
1) кнопка (kn1.gif)
2) подсвеченная кнопка (kn2.gif)
3) вдавленная кнопка (kn3.gif)
4) активная кнопка (kn4.gif)
изначально каждая ссылка расположена на картинке (kn1.gif). навел юзер на ссылку - (kn2.gif), тычет в ссылку - (kn3.gif), отпустил мышку и читает текст - (kn4.gif)
Вот я и написал:

в css

Код: plaintext

1.
2.

.Left a:link {background: url(images/kn1.gif) no-repeat; color: # 000000 ; font-family: "Times New Roman";  font-size:9pt; }
.Left a:hover{background: url(images/kn2.gif) no-repeat;color: # 000000 ; font-family: "Times New Roman";  font-size:9pt;  
.....}

в index

Код: plaintext

<div id="leftDiv" class="Left">список ссылок</div>

но картинки все какие-то урезанные - под размер ссылки, т.е. 9pt
а если картинки менять на див'e, то они будут меняться разом для всех ссылок! а не для каждой в отдельности

...

Рейтинг:

0 / 0

19.05.2010, 12:55:08

| Ответить | Цитировать | Написать

подсказка к катинке

#36636278

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200но картинки все какие-то урезанные - под размер ссылки, т.е. 9pt
Это и не удивительно! Ведь тег <a></a> строчный. Менять высоту можно только у блочного элемента.
Или у кого

Код: plaintext

display: block;

...

Рейтинг:

0 / 0

19.05.2010, 13:04:18

| Ответить | Цитировать | Написать

подсказка к катинке

#36639115

Slava_200

Гость

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

...

Рейтинг:

0 / 0

20.05.2010, 14:27:38

| Ответить | Цитировать | Написать

подсказка к катинке

#36639561

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200 , я же тебе уже приводил такой пример...

krvsa Slava_200 , я делаю так

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

#send {
    width: 76px;
    height: 21px;
    float: right;
    cursor: pointer;
}
.send {
    background: url('images/send.png');
}
.send_on {
    background: url('images/send_on.png');
}
...
<div id='send' class='send' onmouseover='this.className="send_on"' onmouseout='this.className="send"'>
</div>

Работает везде.

...

Рейтинг:

0 / 0

20.05.2010, 16:20:23

| Ответить | Цитировать | Написать

подсказка к катинке

#36660897

Slava_200

Гость

чето я не понял...
для примера привел две ссылки: 1 и 2.
send4 я вообще никогда не вижу. После нажатия мышкой на ссылку мелькает send2, элемент типа стал активным и когда вижу текст открываемый по ссылке, див снова приобретает вид send1.
как это испавить и сделать чтобы было видно по какой ссылке я читаю текст?

Код: plaintext

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.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.

////////////////////////////////////////////
// style.css
/////////////////////////////////////////////
#send {    width: 166px;   height: 51px;}
.send1 {background: url('images/kn1.gif');}
.send2 {background: url('images/kn2.gif');}
.send3 {background: url('images/kn3.gif');}
.send4 {background: url('images/kn4.gif');}
//////////////////////////////////////////
// template.php
//////////////////////////////////////////
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
<body>......                  
                  <div id='send' class='send1' 
                          onmouseover='className="send1"' 
                          onmousedown='className="send2"' 
                          onmouseout='className="send3"' 
                          onmouseclick='this.className="send4"'>
                          <a href="......"> 1 </a><br>
                   </div>
                  <div id='send' class='send1' 
                          onmouseover='this.className="send1"' 
                          onmousedown='this.className="send2"' 
                          onmouseout='this.className="send3"' 
                          onmouseclick='this.className="send4"'>
                          <a href="......."> 2 </a>
                   </div>
                  <div id="info">
                      <?=$info?>
                  </div>.......
</body>
</html>
////////////////////////////////////////////////
// Другие файлы:
/////////////////////////////////////////////////
<?php
$info='bla-bla-bla';
include('template.php');
?>

...

Рейтинг:

0 / 0

01.06.2010, 11:52:44

| Ответить | Цитировать | Написать

подсказка к катинке

#36660923

Slava_200

Гость

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

...

Рейтинг:

0 / 0

01.06.2010, 11:57:41

| Ответить | Цитировать | Написать

подсказка к катинке

#36661197

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200как обойти это и сохранять активность нажатого элемента?
Например обрабатывать другие события, или использовать эти но правильно. Тестовый пример желательно подготовить на 100%, а не как "зарисовка на тему"...

...

Рейтинг:

0 / 0

01.06.2010, 13:19:19

| Ответить | Цитировать | Написать

подсказка к катинке

#36661259

Slava_200

Гость

полноценный тестовый пример

Код: plaintext

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.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.

////////////////////////////////////////////
// style.css
/////////////////////////////////////////////
#send {    width: 166px;   height: 51px;}
.send1 {background: url('images/kn1.gif');}
.send2 {background: url('images/kn2.gif');}
.send3 {background: url('images/kn3.gif');}
.send4 {background: url('images/kn4.gif');}
//////////////////////////////////////////
// template.php
//////////////////////////////////////////
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
<body>       
                  <div id='send' class='send1' 
                          onmouseover='className="send1"' 
                          onmousedown='className="send2"' 
                          onmouseout='className="send3"' 
                          onmouseclick='this.className="send4"'>
                          <a href="ind1.php"> 1 </a><br>
                   </div>
                  <div id='send' class='send1' 
                          onmouseover='this.className="send1"' 
                          onmousedown='this.className="send2"' 
                          onmouseout='this.className="send3"' 
                          onmouseclick='this.className="send4"'>
                          <a href="ind2.php"> 2 </a>
                   </div>
                  <div id="info">
                      <?=$info?>
                  </div>
</body>
</html>
////////////////////////////////////////////////
// ind1.php:
/////////////////////////////////////////////////
<?php
$info='bla-bla-bla_1';
include('template.php');
?>
////////////////////////////////////////////////
// ind2.php:
/////////////////////////////////////////////////
<?php
$info='bla-bla-bla_2';
include('template.php');
?>

...

Рейтинг:

0 / 0

01.06.2010, 13:47:40

| Ответить | Цитировать | Написать

подсказка к катинке

#36661350

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Slava_200полноценный тестовый пример
Ты уверен?
И куда мне это скопировать? Картинок твоих у меня тоже нет... С ПХП я не работаю, да и раздел сдесь не про ПХП...

1. Желателен один файл
2. Все выделения либо цветом, либо рамкой.
3. Желательно никаких картинок

Ну и четкое описание того, что хочется получить в итоге...

...

Рейтинг:

0 / 0

01.06.2010, 14:21:03

| Ответить | Цитировать | Написать

24 сообщений из 24, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / подсказка к катинке

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=248&tid=1453029]:	0ms
get settings:	7ms
get forum list:	17ms
check forum access:	3ms
check topic access:	3ms
track hit:	62ms
get topic data:	11ms
get forum data:	2ms
get page messages:	48ms
get tp. blocked users:	1ms
others:	198ms

total:	352ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы