Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Про классы и стили
 
 автор: Mosad   (29.06.2007 в 11:53)   письмо автору
 
 

Привет Ассам и Профи !
Хотел помощи попросить и соета.
В терминах не силен, но постараюсь пояснить на примере.
делаю страничку index.html
На ней есть меню в котором применен class="SSS" onmouseover.
Но в силу того, что я туп в вопросах програмирования, приходиться каждой ячейке в таюлице пропмсывать вот этот код:
<table border="0" cellpadding="0" cellspacing="0"
width="100%" height="5%" bgcolor="#DDD9C8">
<tr><b><font color="#000080" size="2" face="Arial">
<td class="SSS"
onmouseover="this.style.backgroundColor='#F0EEE6'"
style="BACKGROUND-COLOR:"#DDD9C8"
onmouseout="this.style.backgroundColor= '#DDD9C8'"
vAlign="top" align="middle" width="178"#A99250
height="18"?>
<p align="left"></td></font></b>
</tr>
</table>
А ячеек меню у меня более 60 -ти
Вот теперь вопрос. Можно ли как то это в стили прописать, до верхнего <body>там где прописываются все невидимые значения сайта. А если каждой ячейке этот код прописывать. страница большая получается.
Благодарю вас за проявленное внимание и помощь.

   
 
 автор: bronenos   (29.06.2007 в 12:09)   письмо автору
 
   для: Mosad   (29.06.2007 в 11:53)
 

просто
td { }

   
 
 автор: Mosad   (29.06.2007 в 12:26)   письмо автору
 
   для: bronenos   (29.06.2007 в 12:09)
 

ну вы можете посложнее мне написать.
Я ведь сильно далек от этого. Реально я вам как художник, скажу, какое название краски использовать. если вы не умеете рисовать, то врядли вам название краски поможет.
Просто облазил все мыслемое, но не нашел как это сделать именно между тегами <head> и </head>
Напишите пожалуйта юолее подробно.

   
 
 автор: sim5   (29.06.2007 в 13:03)   письмо автору
 
   для: Mosad   (29.06.2007 в 12:26)
 


<style type="text/css">
td.normal {
    background-color: #008b8b;
    cursor: pointer;
}
td.hovers {
    background-color: #dc143c; 
    cursor: pointer;
}
</style>

<table>
<tr>
 <td class="normal" onmouseover="this.className='hovers'"
       onmouseout="this.className='normal'">string</td>
</tr>
</table>

   
 
 автор: Mosad   (29.06.2007 в 14:04)   письмо автору
 
   для: sim5   (29.06.2007 в 13:03)
 

Спасибо большое.
Только вы скажите, вот этот код:

<td class="normal" onmouseover="this.className='hovers'"
onmouseout="this.className='normal'">string</td>

будет 60 раз повторяться? Это в принципе, нормально?

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

   
 
 автор: sim5   (29.06.2007 в 14:12)   письмо автору
 
   для: Mosad   (29.06.2007 в 14:04)
 

Спасибо, мне ничего не надо рисовать - я художник по образованию :)
Нормально, по крайней мере, вы один раз можете прописать все стили для ячейки в CSS файле, либо непосредственно в стиле на странице, а не повторять их 60 раз.

   
 
 автор: Mosad   (29.06.2007 в 14:18)   письмо автору
 
   для: sim5   (29.06.2007 в 14:12)
 

Круто я попал!
Похоже художников даже больше, чем программистов.
Ну ладно, спасибо. Удачи вам в творчестве!

   
 
 автор: AlexSol   (29.06.2007 в 14:55)   письмо автору
 
   для: Mosad   (29.06.2007 в 14:18)
 

мне, мне рисовать надо и много!!!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<style>
.hovers{
    background:#009933;
}
.normals{
    background:none;
}
</style>
</head>

<body>
<table border=1 cellpadding="0" cellspacing="0"> 
    <tr"><td align=left valign=top> 
      112
    </td></tr> 
    <tr>
    <td align=left valign=top>row2</td></tr> 
</table> 
<script>
var W3CDOM = (document.createElement && document.getElementsByTagName);

function initFileUploads() {
if (!W3CDOM) return;

var x = document.getElementsByTagName('td');
for (var i=0;i<x.length;i++) {
    x[i].className='normals';
    x[i].onmouseover=function(){this.className='hovers'};
    x[i].onmouseout=function(){this.className='normals'};
}
}
initFileUploads()

</script>
</body>
</html>

   
 
 автор: bronenos   (29.06.2007 в 15:03)   письмо автору
 
   для: AlexSol   (29.06.2007 в 14:55)
 

насчет 60 раз
body.onload = function()
{
  var tds = document.getElementsByTagName ('td');
  for (i=0; i<tds.length; i++)
  {
    tds[i].className = 'normals';
    tds[i].setAttribute ('onMouseOver', 'this.className="hovers"');
    tds[i].setAttribute ('onMouseOut', 'this.className="normals"');
  }
}

должно работать

   
 
 автор: Mosad   (29.06.2007 в 15:40)   письмо автору
 
   для: bronenos   (29.06.2007 в 15:03)
 

Ну это круто, но реально не для моих познаний в PHP.
Спасибо.

   
 
 автор: Mosad   (29.06.2007 в 15:34)   письмо автору
 
   для: AlexSol   (29.06.2007 в 14:55)
 

AlexSol
Я тебе в личку написал.

   
 
 автор: AlexSol   (29.06.2007 в 15:43)   письмо автору
 
   для: Mosad   (29.06.2007 в 15:34)
 

круто! тока это не пхп и тут нет лички :))
в профиле есть мыло, тока знак бакса надо заменить ;)

   
 
 автор: Mosad   (29.06.2007 в 15:48)   письмо автору
 
   для: AlexSol   (29.06.2007 в 15:43)
 

Я понял, но это не важно уже.
У меня реально есть ася, и живая беседа в асе может прояснить многое. Ок. И почта у меня есть тоже. тем более того я то что могу тебе написать? Понимаешь, Типа ты сказал, что тебе нужна помошь в рисовании, я готов помочь, если это в моих силах. Даже если ине в силах, всё равно можно что-то придумать. Ок?

   
 
 автор: AlexSol   (29.06.2007 в 15:58)   письмо автору
 
   для: Mosad   (29.06.2007 в 15:48)
 

ok! если будет нужна помошь буду знать куда можно обратиться :)) спасбо.

   
 
 автор: Mosad   (29.06.2007 в 16:09)   письмо автору
 
   для: AlexSol   (29.06.2007 в 15:58)
 

Велкам!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования