Проблема С Цветом Текста

pattaya · September 6, 2010

Здравствуйте. Подскажите, почему цвет текста не меняется на указанный в стилях,а остается я предполагаю по умолчанию(черным), firebug не показывает вообще ни какого цвета . Это мой код:

.container2    {
                position:relative;
                text-align:left;
                width:944px;
                z-index:10;
		сolor:#104e8b;}

, а это код firebug

container2 {

position:relative;
text-align:left;
width:944px;
z-index:10;
}
div.htm (строка 78)
Унаследовано отdiv.container
.container {
font:14px Calibri,Arial,sans-serif;
text-align:left;
}

psywalker · September 6, 2010

Давай лучше ссылку на проблемную страницу.

pattaya · September 6, 2010

Не могу, эта страница не в сети

psywalker · September 6, 2010

Не могу, эта страница не в сети

Тогда выложи полный код КСС и ХТМЛ

pattaya · September 6, 2010

<html>
<head>
<title>Untitled</title>
	  <style>


body	{background: #FFFFFF;
		 bottom: none;
		 text-align:center;

		 margin: 0;
		 padding: 0;

}


.container
		 {
		  background:;
		  width: 944px;
		  margin:20px auto;
		  position:relative;
		  text-align:left;
		  z-index:10;
		  font:14px Calibri,Arial,sans-serif;
}

.div1	{background:;
		  width: 944px;
		  height: 88px;
		  margin-top:4px;
		  position:relative;
		  text-align:left;
		  z-index: 10;	
}

.div2	{background:#CCCCCC;
		  width: 936px; 
		  margin: 8px 0 0 8px;
		  height: 80px;
		  top:0px;
		  left: 0;
		  z-index:15;
		  position: absolute;
}

.div3	{background:#006699;
		  width: 936px; 
		  margin: 0px 0 0 0px;
		  height: 80px;
		  z-index:16;
		  position: absolute;
}  

a.logo   {background:url("file:///D:/первые шаги/беламор/images/для шапки/картинка.gif");
		  right: 5px;
		  top:   5px;
		  height: 64px;
		  position:absolute;
		  width: 278px;
		  z-index:50;
}		

.div4	{
	height: 20px;
	left:25px;
	font: 16px  calibri, arial,sans-serif;
	font-weight:bold;
	position: absolute;
	margin: 50px 20px 20px 0px;
	text-align:left;
	color:white;
	z-index:1000;
	top: 1px;
	width: 574px;
}		 

.container2	{
				  left:0;
				  position:relative;
				  text-align:left;
				  top:0;
				  width:944px;
				  z-index:10;
				 color: #006699;
}	

a		{text-decoration: none; /* Убирает подчеркивание для ссылок */
		   outline: none; /* Убираем границу вокруг ссылок */ 
	   color:#FFFFFF;
}


A:hover {text-decoration: underline; /* Добавляем подчеркивание */

} 


img	  {border:none;

}

.hr a	{
	   position:relative;
	   z-index:2;
	   width:100%;
	   font-weight:bold;
	   color:#006699;   
}

.container_t {margin:0 10px;
					position:relative;

}

.t	  {margin-top: 20px;
		 position:relative; 
		 padding-left:10px;
		 width:100%;
		 color:#3b3b3b;
}

.pic-td {padding:0 30px 20px 0;
		   text-align:left;
		   vertical-align:top;

}

.pdf	{background:url("file:///D:/первые шаги/беламор/images/SeaLapse Photo/pdf.gif");
		 position:relative;

		 width:296px;
		 margin:15px 0px 0px 12px;
		 text-align:center;
		 color:white;
		 font-size:12px;
		 padding:5px 0 5px 0; /*выровнял текст по центру рисунка*/


}	

.text   {font-weight:bold;
		 font-family:arial;
		 font-size:13px;
		 vertical-align:top;

}


.h3	 {text-decoration:underline;
		 text-align:center;
		 color: #000000;
}

.text_c {text-align:center;
		 font-weight:bold;
		 font-family:arial;
		 font-size:13px;

}


.fotter {background:#006699;
		  margin:0 auto;
		  height: 30px;
		  width: 944px;
		  color:#FFFFFF;
		  font:12px Calibri,Arial,sans-serif;

}

.fotter_l  {padding:9px 0 9px 30px;
			  text-align:left;
		  float:left;
}

.fotter_r  {padding:9px 30px 9px 0;
			   text-align:right;

	  </style>

</head>


<body>

	  <div class="container">

	   <div class="div1">

		  <div class="div2"></div>
		<div class="div3">
	   <a class="logo" href="file:///D:/первые шаги/беламор/www/"></a>
		<div class="div4">|  
		<a href="file:///D:/первые шаги/беламор/www/.index.html">Home</a>  |  
		 <a href="file:///D:/первые шаги/беламор/www/company.htm">Company</a>  |  
		  <a href="file:///D:/первые шаги/беламор/www/contact us.htm">Contact Us</a>  |  
		   <a href="file:///D:/первые шаги/беламор/www/news & events.htm">News & Events</a>  |  
			<a href="file:///D:/первые шаги/беламор/www/Past Projects.htm">Past Projects</a>   |	  
			</div>

	</div>
 </div>

			 <div class="container2">

			 <div class="hr" >
				          <a href="file:///D:/первые шаги/беламор/www/SeaLapse Photo.htm">Imaging Systems</a>/ SeaLapse Photo<hr width="100%" size="5" color="#006699"></hr></div>


			<div class="container_t">

			  <table class="t">
				<tr>
				 <td width="38%" class="pic-td"> 
					  <img src="file:///D:/первые шаги/беламор/images/SeaLapse Photo/картинка1.gif">
				   <div class="pdf">
				   <a href="file:///D:/первые шаги/беламор/www/.index.html">SeaLapse-Photo.pdf</a></div>

				</td>

		   <td width="62%" class="text">



					   SeaLapse-Photo is an autonomous time-lapse still camera system. It consists of a SLR Digital camera and its time-lapse controller housed inside a subsea enclosure rated for 1,000m depth.


			 <p>SeaLapse-Photo is pre-programmed before each mission to run up to eight time-lapse photography sessions. Two powerful strobes complete the system allowing taking pictures in darkness conditions. 
					 The system is powered from a separate battery pod that connects to the main camera housing.

					  <p>For ease of operation and to avoid opening the enclosures in between deployments, the system is powered up and down via a switch located on the endcap. 
						Pictures can also be downloaded via an external USB connector.

		   <h3 class="h3">Options include:</h3>
			  <p class="text_c">Flat or Hemispherical Viewport<br>
					   Glass or Acrylic Viewport<br>
				  6,000m depth rated titanium housing<br></p>
<p>
			  </td>
			</tr>
			<tr> 
			   <td class="pic-td" colspan="2">
				 <img src="file:///D:/первые шаги/беламор/images/SeaLapse Photo/фотки.gif">
			   </td>
			 </tr>

			 <tr> 
			   <td height="19"> </td>
			   <td class="text_c">Time lapse sequence showing a hungry crab</td>
			  </tr>
			 </table>

	</div> 

	</div>	 
</div>
  <div class="fotter">			 
  <div class="fotter_l">
|   Tel: +7 (095) 345-7809       Fax: +7 (095) 345-7809       E-mail: info@prob.com </div>

   <div class="fotter_r">|   <a href="file:///D:/первые шаги/беламор/www/site map.htm">Site Map</a>   |</div>

</div>
</body>
</html>

. И еще один вопрос,

  <div class="hr" >
				          <a href="file:///D:/первые шаги/беламор/www/SeaLapse Photo.htm">Imaging Systems</a>/ SeaLapse Photo<hr width="100%" size="5" color="#006699"></hr></div>

в это коде после </a> в ff текст не перескакивает на новую строку, а в IE переходит на новую, что нужно сделать, подскажите?

Vlad · September 6, 2010

Сотри последнюю строку с color и перепиши ее в начале стиля. Возможно попали некоторые невидимые символы, которые влияют на отображение и вывод. Можно еще так проверить - скопировать фрагмент и вставить в валидатор (http://jigsaw.w3.org/css-validator/#validate_by_input), начнет ругаться, а он начнет, я проверял, значит точно с символами беда.

В слове color случаем русских символов нет, а?

psywalker · September 6, 2010

1) Вот же например у тебя идёт переопределение цвета текста, да и вообще у тебя везде же разный цвета переопределены в блоках.

.hr a	{
	   position:relative;
	   z-index:2;
	   width:100%;
	   font-weight:bold;
	   color:#006699;  
}

2)

в это коде после </a> в ff текст не перескакивает на новую строку, а в IE переходит на новую, что нужно сделать, подскажите?

Сделай элемент А блочным.

Vlad · September 6, 2010

Проблему выявил, не надо никакого кода больше. Перепиши слово color, оно содержит русские буквы.

pattaya · September 6, 2010

Да,спасибо, с цветом текста получилось, а как все таки сделать текст в одной строке, а не с переходом на следующую в вопросе "выше"?

psywalker · September 6, 2010

2)
Цитата
в это коде после </a> в ff текст не перескакивает на новую строку, а в IE переходит на новую, что нужно сделать, подскажите?
Сделай элемент А блочным.

pattaya · September 6, 2010

Блин, подскажите, кручу, кручу. То текст переходит на новую строку, то не переходит зато цвет текста (ссылки) становится белым, а нужен синий?

psywalker · September 6, 2010

У меня текст синий. А почему на новую строку не переходит, потому-что нужно хотябы <br /> поставить.

pattaya · September 6, 2010

Мне не нужно чтоб текст переходил на новую строку, в FF в одну строку, а вот в IE он и переходит

psywalker · September 6, 2010

Потому-что не указан Доктайп.

Searcher · September 7, 2010

может свойство white-space поможет?

psywalker · September 7, 2010

может свойство white-space поможет?

Не, не, я проверял, доктайп ставишь и ИЕ нормал отображать начинает.

pattaya · September 7, 2010

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

psywalker · September 7, 2010

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

Ещё бы

pattaya · September 7, 2010

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

psywalker · September 7, 2010

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

Sign In

Проблема С Цветом Текста

Question

Link to comment

Share on other sites

19 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

Join the conversation

Обсуждения

Important Information