 |
|
15.12.2008, 14:56
|
|
Участник форума
Регистрация: 27.11.2008
Сообщений: 161
С нами:
9185589
Репутация:
128
|
|
Ты пробовал подключать еще один CSS после первого? По теории и в действительности, одноименные стили заменяются последними одноименными. Т.е.
1-й способ описать стили с такими же именами в файле и подключить его по-порядку после первого
2-й способ
Код HTML:
document.getElementById('kakayatoTabla').className='твой описанный стиль';
Если у таблиц нет id, то выдери их другим способом через DOM, и замена имени стиля, как видишь, поисходит банально. А стиль, в этом случае, можно прописать и в самом html.
Вот, если я правильно понял вопрос, то предлагаю более или менее гибкое решение, которое иллюстрирует все вышесказанное
index.html
PHP код:
<!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; 15.12.2008 в 15:44..
|
|
|
23.12.2008, 16:45
|
|
Участник форума
Регистрация: 27.11.2008
Сообщений: 161
С нами:
9185589
Репутация:
128
|
|
Во многих высших учебных заведениях студентов заставляют делать свои странички, которые потом выкладываются на серваке инста...
Вот делал что-то такое для своей девушки, ориентировался на то, чтобы все это дело не проиндексировал поисковик и чтобы было все одной страницей + не так страшно, как получается обычно у большинства. Если что, ногами не бейте, я не дизайнер и с жабоСкриптом тоже нечасто общаюсь. Зато делал все своими руцями )))
СКАЧАТЬ МОЖНО ЗДЕСЬ. Может кому пригодится.
http://slil.ru/26472927
Последний раз редактировалось ss88; 23.12.2008 в 16:49..
|
|
|
|
25.12.2008, 15:56
|
|
Познавший АНТИЧАТ
Регистрация: 07.01.2007
Сообщений: 1,263
С нами:
10179806
Репутация:
702
|
|
"Едет" сайт в ИЕ при непонятных обстоятельствах.
Открываем http://in-cognita.com/
Открываем ещё одну вкладку, а в ней любой сайт. На in-cognita.com "уезжает полстраницы". И так постоянно. Кто-то сталкивался с таким? В других браузерах всё норм.
|
|
|
|
25.12.2008, 18:21
|
|
Познавший АНТИЧАТ
Регистрация: 07.01.2007
Сообщений: 1,263
С нами:
10179806
Репутация:
702
|
|
Уже исправил
|
|
|
|
28.12.2008, 16:27
|
|
Постоянный
Регистрация: 02.07.2008
Сообщений: 472
С нами:
9399011
Репутация:
444
|
|
как в место курсора вставить картинку?
|
|
|
|
30.12.2008, 02:43
|
|
Новичок
Регистрация: 16.07.2008
Сообщений: 1
С нами:
9378809
Репутация:
0
|
|
Сообщение от heretic1990
как в место курсора вставить картинку?
замена курсора работает не во всех броузерах.
|
|
|
|
31.12.2008, 01:12
|
|
Познавший АНТИЧАТ
Регистрация: 07.01.2007
Сообщений: 1,263
С нами:
10179806
Репутация:
702
|
|
Если сделать флешевую страницу, то будет работать во всех.
|
|
|
|
05.01.2009, 07:17
|
|
Познающий
Регистрация: 09.08.2005
Сообщений: 34
С нами:
10922858
Репутация:
6
|
|
Помогите пожалуйста.
Вообщем, есть одна страница, на ней одно изображение размером 1100х605, по сути оно должно растягиваться на весь браузер при разрешении 1152х1024.
При разрешении 1152х1024 смотрится нормально, но если смотреть при 1024х768, то появляются скролы как вертикальные так и горизонтальные, если смотреть при 1280х1152, тогда наоборот, изображение маленькое и не растягивается.
Вопрос в том, как обеспечить нормальный вид рисунка (чтобы растягивался или наоборот) в любом разрешении ??
Заранее спасибо.
|
|
|
|
05.01.2009, 10:54
|
|
Постоянный
Регистрация: 29.09.2008
Сообщений: 553
С нами:
9270510
Репутация:
519
|
|
Выстави ширину рисунка 100% , тогда оно будет адаптироватся под любое разрешение...
|
|
|
|
05.01.2009, 18:34
|
|
Познающий
Регистрация: 09.08.2005
Сообщений: 34
С нами:
10922858
Репутация:
6
|
|
Сообщение от -m0rgan-
Выстави ширину рисунка 100% , тогда оно будет адаптироватся под любое разрешение...
Спасибо. А как это использовать совместно с тегом <area> ?
Ну т.е, есть строка
Код:
<area shape="rect" coords="164,120,158,391" href="index.php" alt="Просмотреть форум">
Соот-но по границам этого изображения есть ссылка на index.php. При разном разрешении экрана, разные координаты нужно указывать, т.к все сползает. Как решить эту проблему?
|
|
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Похожие темы
Линейный вид
