Сlass=link1 отказывается работать.

sinderman · January 2, 2008

Почему ссылки класса линк1 не становятся красными??Заранее спасибо!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta content="text/html; charset=Windows-1251" http-equiv="content-type">
  <title>Var1</title>
  <style type="text/css">
  body {
  background-image: url(Ôîí1.jpg);
  }
  .block1 {
  margin-top: 150px;
  margin-left: 18px;
  font-family: courier;
  font-weight: bolder;
  color: #646464;
  font-size: 18px;
  }
  .block2{
  margin-top: 0px;
  margin-left: 80px;
  }
  p {
  margin-top: 10px;
  margin-left: 50px;
  color: Black;
  font-weight: bolder;
  font-size: large;
  font-family: courier;
  }
   a {
   color: #646464;
   font-size: 18px;
   text-decoration: none;
   }
   a:hover {
   text-decoration: underline;
   }
   a:visited {
   color: #646464;
   }
   A.link1 {
   color: red;
   }

   #2{
   color: black;
   font-weight: bolder;
   font-size: large;
   font-family: courier;
   }
  </style>

</head>
<body>

<table style="text-align: left; width: 1200px; height: 800px;" border="0" cellpadding="2" cellspacing="2">

  <tbody>

	<tr>

	  <td style="height: 75px; width: 1200px;" colspan="5" rowspan="1" valign="top">
	  <p>ÌÎÑÊÎÂÑÊÈÉ ÃÎÑÓÄÀÐÑÒÂÅÍÍÛÉ ÓÍÈÂÅÐÑÈÒÅÒ ÏÐÈÐÎÄÎÎÁÓÑÒÐÎÉÑÒÂÀ [ÌÃÓÏ]</p>
	  </td>

	</tr>

	<tr>

	  <td colspan="1" style="height: 605px; width: 216px;" rowspan="2" valign=top>
	  <div style="line-height: 1.4" class="block1">
	  <a href="Var1_1.html" class=link1>Ãëàâíàÿ</a> 

	  <a href="Var1_2.htm">Íåìåöêèé ÿçûê 

	  <a href="Var1_3.htm">Òåîðåòè÷åñêàÿ ìåõàíèêà 

	  <a href="Var1_4.htm">Ìàòåìàòèêà 

	  <a href="Var1_5.htm">Îáðàòíàÿ ñâÿçü 

	  <a href="Var1_6.htm">Áëàãîòâîðèòåëüíîñòü 

	  </div>

	  </td>

	  <td colspan="4" rowspan="1" style="height: 605px; width: 984px;" valign=top>
	   <div class="block2">
	   <i><b>Íåìåöêèé ÿçûê    (ïðåïîäàâàòåëü Î.Ë. Áîãàòûð¸âà)</b></i>




	   &nbsp- <a href="new_page_4.htm" class=link1>Ãðàììàòèêà </a>


	   &nbsp- <a href="new_page_3.htm" class=link1>Ó÷åáíî-ìåòîäè÷åñêîå ïîñîáèå</a>


	   &nbsp- <a href="new_page_3.htm" class=link1>Ïåðåâîäû íåêîòîðûõ òåêñòîâ 
	   (â îñíîâíîì ïî òåìå "Âîäà - ìèðîâàÿ ïðîáëåìà")</a>
	   </div>
	   </td>

	</tr>

	<tr>

	  <td style="height: 90px; width: 334px;" colspan="1" rowspan="1"> ÿ÷åéêà3 </td>

	  <td style="width: 396px;">ÿ÷åéêà</td>

	  <td style="width: 105px;">ÿ÷åéêà</td>

	  <td style="width: 105px;">ÿ÷åéêà</td>

	</tr>

  </tbody>
</table>




</body>
</html>

D.S.Denton · January 2, 2008

1 - исправь ошибки

2 - все прекрасно становится, даже несмотря на п.1, и в лиске и в ИЕ6

sinderman · January 2, 2008

Пардон, а какие ошибки?)) Я ещ? не настолько наметал глаз, чтобы, окинув лишь одним взглядом код страницы...

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

D.S.Denton · January 2, 2008

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

ÌÎÑÊÎÂÑÊÈÉ ÃÎÑÓÄÀÐÑÒÂÅÍÍÛÉ ÓÍÈÂÅÐÑÈÒÅÒ ÏÐÈÐÎÄÎÎÁÓÑÒÐÎÉÑÒÂÀ [ÌÃÓÏ]

ссылки не закрыты - Íåìåöêèé ÿçûê

дальше - доктайп задан quot;-//W3C//DTD HTML 4.01 Transitional//EN">

при этом значения атрибутов без кавычек, напр valign=top

советы по оптимизации:

colspan="1" - бред, однозначно, без колспана все равно значение единица

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

в конце страницы совершенно бесполезная вещь, особенно после таблицы

ну и еще мелочи, сейчас помучаю код, выложу

D.S.Denton · January 2, 2008

шаг 1 - исправляем самые грубые ошибки типа valign=top, вместо которого используем стиль.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Var1</title>
<style type="text/css" media="screen">
/* сбрасываем чтоб не мешалось */
html,body,p {margin:0; padding:0;}
table,img {border-width:0;}

/* хорошее название для картинки, хм... не забудь исправить */
body {background-image: url('Oii1.jpg');}
.block1 {
  margin-top:150px;
  margin-left:18px;
  font-family:courier;
  font-weight:bolder;
  color:#646464;
  font-size:18px;
}
.block2{
  margin-top:0px;
  margin-left:80px;
 }
p {
  margin-top:10px;
  margin-left:50px;
  color:#000000;
  font-weight:bolder;
  font-size:large;
  font-family:courier;
}
a {
   color:#646464;
   font-size:18px;
   text-decoration:none;
}
a:hover {text-decoration:underline;}
a:visited {color:#646464;}
a.link1 {color:#ff0000;}
#2 {
  color:#000000;
  font-weight:bolder;
  font-size:large;
  font-family:courier;
}
</style>
</head>

<body>

<table style="text-align:left; width:1200px; height:800px;" cellpadding="2" cellspacing="2">
  <tbody>
	<tr>
	  <td colspan="5" style="vertical-align:top; height:75px; width:1200px;">
		<p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p>
	  </td>
	</tr>
	<tr>
	  <td rowspan="2" style="vertical-align:top; height:605px; width:216px;">
		<div class="block1" style="line-height:1.4">
		  <a href="Var1_1.html" class=link1>Aeaaiay</a>

		  <a href="Var1_2.htm">Iaiaoeee ycue</a>

		  <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a>

		  <a href="Var1_4.htm">Iaoaiaoeea</a>

		  <a href="Var1_5.htm">Ia?aoiay naycu</a>

		  <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a>

		</div>
	  </td>
	  <td colspan="4" style="vertical-align:top; height:605px; width:984px;">
		<div class="block2">
		  <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i>



		   - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a>


		   - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a>


		   - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a>
		</div>
	  </td>
	</tr>
	<tr>
	  <td style="height:90px; width:334px;">y?aeea3</td>
	  <td style="width:396px;">y?aeea</td>
	  <td style="width:105px;">y?aeea</td>
	  <td style="width:105px;">y?aeea</td>
	</tr>
  </tbody>
</table>
</body>

</html>

D.S.Denton · January 2, 2008

дальше пытаюсь избавиться от width:ширина в каждой ячейке... видя что при суммировании получиается какая-то хрень нехорошая, прописываю в каждую ячейку ее размеры - w:ширина, h:высота, c:столбцы, r:строки

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Var1</title>
<style type="text/css" media="screen">
/* сбрасываем чтоб не мешалось */
html,body,p {margin:0; padding:0;}
/*table,img {border-width:0px;}*/

/* хорошее название для картинки, хм... не забудь исправить */
body {background-image: url('Oii1.jpg');}
.block1 {
  margin-top:150px;
  margin-left:18px;
  font-family:courier;
  font-weight:bolder;
  color:#646464;
  font-size:18px;
}
.block2{
  margin-top:0px;
  margin-left:80px;
 }
p {
  margin-top:10px;
  margin-left:50px;
  color:#000000;
  font-weight:bolder;
  font-size:large;
  font-family:courier;
}
a {
   color:#646464;
   font-size:18px;
   text-decoration:none;
}
a:hover {text-decoration:underline;}
a:visited {color:#646464;}
a.link1 {color:#ff0000;}
#2 {
  color:#000000;
  font-weight:bolder;
  font-size:large;
  font-family:courier;
}
</style>
</head>

<body>

<table border="1" style="text-align:left; width:1200px; height:800px;" cellpadding="2" cellspacing="2">

  <tbody>
	<tr>
	  <td colspan="5" style="vertical-align:top; height:75px; width:1200px;">
	  1200w*75h (5c*1r)
		<p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p>
	  </td>
	</tr>
	<tr>
	  <td rowspan="2" style="vertical-align:top; height:605px; width:216px;">
	  216w*605h (1c*2r)
		<div class="block1" style="line-height:1.4">
		  <a class="link1" href="Var1_1.html">Aeaaiay</a>

		  <a href="Var1_2.htm">Iaiaoeee ycue</a>

		  <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a>

		  <a href="Var1_4.htm">Iaoaiaoeea</a>

		  <a href="Var1_5.htm">Ia?aoiay naycu</a>

		  <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a>

		</div>
	  </td>
	  <td colspan="4" style="vertical-align:top; height:605px; width:984px;">
	  984w*605h (4c*1r)
		<div class="block2">
		  <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i>



		   - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a>


		   - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a>


		   - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a>
		</div>
	  </td>
	</tr>
	<tr>
	  <td style="height:90px; width:334px;">334w*90h (1c*1r) y?aeea3</td>
	  <td style="width:396px;">396w*90h (1c*1r) y?aeea</td>
	  <td style="width:105px;">105w*90h (1c*1r) y?aeea</td>
	  <td style="width:105px;">105w*90h (1c*1r) y?aeea</td>
	</tr>
  </tbody>
</table>
</body>

</html>

но получается что-то нехорошее. с шапкой все ясно: сумма 5 столбцов, ширина 1200.

следующая строка: 1 столбец + сумма 4, ширина 216 + 984.

нижняя строка неправильная: 1 столбец у нас уже есть из предыдущей строки + 4 одиночных, ширина 216 + 334 + 396 +105 +105 оказывается 1156

D.S.Denton · January 2, 2008

ну собственно решим это просто - задав среднему стобцу ширину на 44 пикселя больше. 396+44=440.

и теперь можно избавляться от width, точнее выносить их.

...
<table style="text-align:left; height:800px;" width="1200" cellpadding="2" cellspacing="2">
  <col width="216" />
  <col width="334" />
  <col width="440" />
  <col width="105" />
  <col width="105" />
<!-- последние два КОЛа можно также объединить в <col span="2" width="105" /> -->
  <tbody>
	<tr>
	  <td colspan="5" style="vertical-align:top; height:75px;">
		<p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p>
	  </td>
	</tr>
	<tr>
	  <td rowspan="2" style="vertical-align:top; height:605px;">
		<div class="block1" style="line-height:1.4">
		  <a class="link1" href="Var1_1.html">Aeaaiay</a>

		  <a href="Var1_2.htm">Iaiaoeee ycue</a>

		  <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a>

		  <a href="Var1_4.htm">Iaoaiaoeea</a>

		  <a href="Var1_5.htm">Ia?aoiay naycu</a>

		  <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a>

		</div>
	  </td>
	  <td colspan="4" style="vertical-align:top; height:605px;">
		<div class="block2">
		  <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i>



		   - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a>


		   - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a>


		   - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a>
		</div>
	  </td>
	</tr>
	<tr>
	  <td style="height:90px;">y?aeea3</td>
	  <td>y?aeea</td>
	  <td>y?aeea</td>
	  <td>y?aeea</td>
	</tr>
  </tbody>
</table>

D.S.Denton · January 2, 2008

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Var1</title>
<style type="text/css" media="screen">
/* сбрасываем чтоб не мешалось */
html,body,p {margin:0; padding:0;}
table,img {border-width:0px;}


body {background-image: url('Oii1.jpg');} /* хорошее название для картинки, хм... не забудь исправить */
#header {
  width:1200px; height:75px;
  text-align:center; color:#000000;
  font-size:large; font-weight:bolder; font-family:courier;
}
.block1 {
  margin-top:150px;
  margin-left:18px;
  font-family:courier;
  font-weight:bolder;
  color:#646464;
  font-size:18px;
}
.block2 {margin-left:80px;}

/*************************************
  это использовалось только для одного абзаца... непозволительная роскошь
  ради одного-единственного переопределять стили всех P и иметь в будущем
  потенциальные проблемы. потому выносим нужное в #header, кроме маргинов
p {
  margin-top:10px;
  margin-left:50px;
  color:#000000;
  font-weight:bolder;
  font-size:large;
  font-family:courier;
}
*************************************/
a,a:visited {
  color:#646464;
  font-size:18px;
  text-decoration:none;
}
a:hover {text-decoration:underline;}
/* a:visited {color:#646464;} - убираем, объединив с A */
a.link1 {color:#ff0000;}

/*************************************
  не нашел нигде id=2. да и нельзя такой айди. выкинем
#2 {
  color:#000000;
  font-weight:bolder;
  font-size:large;
  font-family:courier;
}
*************************************/
</style>
</head>

<body>
<p id="header" style="border:3px dotted blue;">IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p>
<table style="text-align:left; height:800px;" width="1200" cellpadding="2" cellspacing="2">
  <col width="216" />
  <col width="334" />
  <col width="440" />
  <col span="2" width="105" />
  <tbody>
	<tr>
	  <td rowspan="2" style="vertical-align:top; height:605px;">
		<div class="block1" style="line-height:1.4">
		  <a class="link1" href="Var1_1.html">Aeaaiay</a>

		  <a href="Var1_2.htm">Iaiaoeee ycue</a>

		  <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a>

		  <a href="Var1_4.htm">Iaoaiaoeea</a>

		  <a href="Var1_5.htm">Ia?aoiay naycu</a>

		  <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a>

		</div>
	  </td>
	  <td colspan="4" style="vertical-align:top; height:605px;">
		<div class="block2">
		  <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i>



		   - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a>


		   - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a>


		   - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a>
		</div>
	  </td>
	</tr>
	<tr>
	  <td style="height:90px;">y?aeea3</td>
	  <td>y?aeea</td>
	  <td>y?aeea</td>
	  <td>y?aeea</td>
	</tr>
  </tbody>
</table>
</body>

</html>

Dimitry Wolotko · January 2, 2008

В Лягушатник и в FAQ.

D.S.Denton, спасибо ,)

sinderman · January 3, 2008

А это обязательная оптимизация..?

D.S.Denton · January 3, 2008

скажем так... обязательная или нет - каждый решает сам. ведь текст

Максим уже не спрашивал: "За что?". Устал. Прошедшие две недели казались двумя годами...
- Только не смотреть... Только не смотреть... - шептал Максим, старательно отводя взгляд от водителя. Нормальный мужик - взгляд с хитринкой, крепкие жилистые руки. Баранку, наверное, крутит не один десяток лет... Так бы раньше виделось Максиму. Но не теперь - узловатые щупальца, растущие из запястий, красноватое свечение вокруг глаз. Помесь вампира с инопланетянином.

можно разметить разными способами.

1 (как сделано):

<p class="para">Максим уже не спрашивал: "За что?". Устал. Прошедшие две недели казались двумя годами...</p>
<p class="para">- Только не смотреть... Только не смотреть... - шептал Максим, старательно отводя взгляд от водителя. Нормальный мужик - взгляд с хитринкой, крепкие жилистые руки. Баранку, наверное, крутит не один десяток лет... Так бы раньше виделось Максиму. Но не теперь - узловатые щупальца, растущие из запястий, красноватое свечение вокруг глаз. Помесь вампира с инопланетянином.</p>

2 (для извращенцев, но тоже вариант):

 <span class="first-word">Максим</span>
 <span class="word">уже</span>
 <span class="word">не</span>
 <span class="word">спрашивал:</span>
 <span class="word">"За</span>
 <span class="word">что?</span>
 <span class="word">".</span>
 <span class="word">Устал.</span>
 <span class="word">Прошедшие</span>
 <span class="word">две</span>
 <span class="word">недели</span>
 <span class="word">казались</span>
 <span class="word">двумя</span>
 <span class="word">годами...</span>


 <span class="first-word">-</span>
 <span class="word">Только</span>
 <span class="word">не</span>
 <span class="word">смотреть...</span>
 <span class="word">Только</span>
 <span class="word">не</span>
 <span class="word">смотреть...</span>
 <span class="word">-</span>
 <span class="word">шептал</span>
 <span class="word">Максим,</span>
 <span class="word">старательно</span>
 <span class="word">отводя</span>
 <span class="word">взгляд</span>
 <span class="word">от</span>
 <span class="word">водителя.</span>
 <span class="word">Нормальный</span>
 <span class="word">мужик</span>
 <span class="word">-</span>
 <span class="word">взгляд</span>
 <span class="word">с</span>
 <span class="word">хитринкой,</span>
 <span class="word">крепкие</span>
 <span class="word">жилистые</span>
 <span class="word">руки.</span>
 <span class="word">Баранку,</span>
 <span class="word">наверное,</span>
 <span class="word">крутит</span>
 <span class="word">не</span>
 <span class="word">один</span>
 <span class="word">десяток</span>
 <span class="word">лет...</span>
 <span class="word">Так</span>
 <span class="word">бы</span>
 <span class="word">раньше</span>
 <span class="word">виделось</span>
 <span class="word">Максиму.</span>
 <span class="word">Но</span>
 <span class="word">не</span>
 <span class="word">теперь</span>
 <span class="word">-</span>
 <span class="word">узловатые</span>
 <span class="word">щупальца,</span>
 <span class="word">растущие</span>
 <span class="word">из</span>
 <span class="word">запястий,</span>
 <span class="word">красноватое</span>
 <span class="word">свечение</span>
 <span class="word">вокруг</span>
 <span class="word">глаз.</span>
 <span class="word">Помесь</span>
 <span class="word">вампира</span>
 <span class="word">с</span>
 <span class="word">инопланетянином.</span>

3 для отъявленных мазохистов - каждой букве задать свой класс типа А, s, зато очень удобно потом через таблицу стилей одну букву во всем тексте покрасить в какой-нибудь цвет...

sinderman · January 3, 2008

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

Вобщем сначала сделаю своим Макаром, а затем буду смотреть на ваши исправления моих ошибок и оптимизировать код, спасибо за советы!

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

D.S.Denton · January 3, 2008

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

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

ну бессмысленно ведь создавать целую строку таблицы для одной ячейки. сие утяжеляет код (но да ладно несильно) + что важнее, затрудняет чтение страницы самому себе.

SHAPKA

а дальше таблица с контентом, гораздо читабельнее, чем

...

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

SHAPKA

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

sinderman · January 3, 2008

colspan="1" - бред, однозначно, без колспана все равно значение единица
и прочие стили с указанием ширины ячейки - ширину можно не указывать, ведь она уже задана у одиночных ячеек, соответственно ширина объединенных ячеек будет равна сумме ширин и потому сие объявление игнорируется
в конце страницы совершенно бесполезная вещь, особенно после таблицы
ну и еще мелочи, сейчас помучаю код, выложу
Делал таблицу в NVU, совет по использованию этой проги наш?л в статьях этого сайта..
Последнее ваше сообщение заставило задуматься собственно о размере таблицы и что туда запихивать вообще, может вс? сделать попробовать с помощью
?

D.S.Denton · January 3, 2008

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

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

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

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

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

sinderman · January 3, 2008

Почитал статью о в?рстке слоями. Не понимаю, почему для каждой ссылки созда?тся отдельный слой, зачем?

<div id="menu">
<div><a href="link1.html">Все байки</a></div>
<div><a href="link2.html">Байки по автору</a></div>
<div><a href="link3.html">Байки по теме</a></div>
<div id="line"></div>
<div><a href="link4.html">Популярные разделы</a></div>
<div><a href="link5.html">Последние байки</a></div>
</div>

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

<div id="menu">
<a href="link1.html">Все байки</a>
<a href="link2.html">Байки по автору</a>
<a href="link3.html">Байки по теме</a>
<div id="line"></div>
<a href="link4.html">Популярные разделы</a>
<a href="link5.html">Последние байки</a>
</div>

sinderman · January 3, 2008

все прекрасно становится, даже несмотря на п.1, и в лиске и в ИЕ6

Честно говоря, до сих пор не понял, почему ссылки - то не работают...может в ИЕ7 это не воспринимается ..?

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

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

Так и не понял, что же надо исправить, чтобы после копирования - вставки текст отоброжался верно?

D.S.Denton · January 3, 2008

можно и так... TMTOWTDI.

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

...

D.S.Denton · January 3, 2008

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

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

sinderman · January 3, 2008

В настройках чего?) HTMLReader'a?

DTM Lome открыл страничку нормально.)

D.S.Denton · January 3, 2008

ага

sinderman · January 3, 2008

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

розмарин · January 3, 2008

sinderman

Ну, главной цели ты добился

~Kitty~ · April 10, 2008

Цвет перекрывается цветом от a:visited

Правильнее всего всем ссылкам прописывать link, visited и hover

в вашем случае будет так:

A.link1:link, A.link1:vuisited, A.link1:hover {

color: red;

}

Sign In

Сlass=link1 отказывается работать.

Question

Link to comment

Share on other sites

23 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Обсуждения

Important Information