Jump to content
  • 0

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

pattaya

Asked by pattaya,

 Share

Question

pattaya Explorer

pattaya

Posted
Posted

Здравствуйте. Подскажите, почему цвет текста не меняется на указанный в стилях,а остается я предполагаю по умолчанию(черным), 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;
}

Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0
pattaya Explorer

pattaya

Posted
  • Author
Posted 
<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 переходит на новую, что нужно сделать, подскажите?

Link to comment
Share on other sites
  • 0
Vlad Explorer

Vlad

Posted
Posted

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

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

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

2)

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
2)

Цитата

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

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

Link to comment
Share on other sites
  • 0
pattaya Explorer

pattaya

Posted
  • Author
Posted

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept