НЕ выделяется текст цветом в таблице.

dima4321 · March 10, 2011

Всем привет )

В тексте встречаются таблицы <table class='style'>

Но почему-то...одна из таблиц не выделяется голубым, а другая выделяется...(( Не могу понять.

Вот код

BODY {
	background-color: #FFFFCC; /* Цвет фона веб-страницы */
	margin-left: 20px; 
	margin-right:20px;
   }

h1  
{
 font-size: 14pt;
 text-align: center;
} 

h2  
{
 font-size: 12pt;
 text-align: center;
} 

h3  {

 font-size: 10pt
 text-align: center;
}


table {
margin: 0 auto;
}



table.home {
	background: #FFE4E1; /* Цвет фона */
	border: 6px double black;
	font-size: 12pt;
	font-weight:bold;


   }

	 table.list {

	background: #FFFFFF;   
	font-weight:bold;
	font-size: 12pt;
   }

   table.style {

	background: #E6E6FA; /* Цвет фона */
	border:5px;
	border: 6px double black;
	font-weight:bold;
	color: blue; 
   }



   table.CDs {

	background: #7CFC00; 
	border:5px;

	width: 300px;
   }

   table.discography {

	background: #7CFC00; 
	border:5px;
	border: 6px double black;
	font-weight:bold;
   }

   table.bands {

	background: #E6E6FA; 
	border:5px;
	border: 6px double black;
	font-weight:bold;
   }


th {
background-color: WHITE;
text-align: center;
border: 5px solid black;
padding: 4px; /* Поля вокруг текста */
}


td {
text-align: center;
border: 5px solid black;
padding: 4px; /* Поля вокруг текста */
}

tr.color1 {
background-color: WHITE;
}

tr.color2
{
background-color:	  #F0FFFF;
}







a:link {
	 color: black;
 }
a:visited {
	 color: black;
}

Edited March 10, 2011 by dima4321

Clubberry · March 10, 2011

Код HTML покажите пожалуйста.

dima4321 · March 10, 2011

Вот сам html

<table class='style'><tr>


  <td><a href='style.php?style=EURO_DANCE'>EURO DANCE</a></td>
  <td><a href='style.php?style=POP'>POP</a></td>
  <td><a href='style.php?style=NEW_AGE'>NEW AGE</a></td>
  <td><a href='style.php?style=ROCK'>ROCK</a></td>
  <td><a href='style.php?style=METAL'>METAL</a></td>
  <td><a href='style.php?style=JAZZ'>JAZZ</a></td>
  <td><a href='style.php?style=BLUES'>BLUES</a></td>
   <td><a href='style.php?style=INSTRUMENTAL'>INSTRUMENTAL</a></td>

  </tr></table><br><br><table class='style'><tr>
   <td><h1>POP </h1></td>
   </tr></table>

Возможно в файле css есть еще баги....т.к. в explore не центрирутся таблицы... А в опере все центрируется.

Если есть возможность подправьте ))

sigma77 · March 10, 2011

Возможно в файле css есть еще баги....т.к. в explore не центрирутся таблицы... А в опере все центрируется.
Если есть возможность подправьте ))

Ошибка есть в этом куске

h3  {
  font-size: 10pt
  text-align: center;
}

По поводу цвета таблицы. Ячейки ниоткуда цвет не наследуют?

Clubberry · March 10, 2011

Здесь у вас идут ссылки, которым вы задали цвет чёрный.

<table class='style'><tr>


  <td><a href='style.php?style=EURO_DANCE'>EURO DANCE</a></td>
  <td><a href='style.php?style=POP'>POP</a></td>
  <td><a href='style.php?style=NEW_AGE'>NEW AGE</a></td>
  <td><a href='style.php?style=ROCK'>ROCK</a></td>
  <td><a href='style.php?style=METAL'>METAL</a></td>
  <td><a href='style.php?style=JAZZ'>JAZZ</a></td>
  <td><a href='style.php?style=BLUES'>BLUES</a></td>
   <td><a href='style.php?style=INSTRUMENTAL'>INSTRUMENTAL</a></td>

А тут у вас просто текст, для которого задан цвет в table-style синий.

</tr></table><br><br><table class='style'><tr>
   <td><h1>POP </h1></td>
   </tr></table>

Вот код.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Test</title>

		<style type="text/css">

body {
	background-color: #FFFFCC; 
	margin-left: 20px;
	margin-right:20px;
	}

h1 {
	font-size: 14pt;
	text-align: center;
	} 

h2 {
	font-size: 12pt;
	text-align: center;
	} 

h3 {
	font-size: 10pt;
	text-align: center;
	}

table {
	margin: 0 auto;
	}

table.home {
	background: #FFE4E1;
	border: 6px double black;
	font-size: 12pt;
	font-weight: bold;
   }

table.list {
	background: #FFFFFF;   
	font-weight:bold;
	font-size: 12pt;
	}

table.style {
	background: #E6E6FA; /* Цвет фона */
	border:5px;
	border: 6px double black;
	font-weight:bold;
	color: blue; 
	}

table.CDs {
	background: #7CFC00; 
	border:5px;
	width: 300px;
	}

table.discography {
	background: #7CFC00; 
	border:5px;
	border: 6px double black;
	font-weight:bold;
	}

table.bands {
	background: #E6E6FA; 
	border:5px;
	border: 6px double black;
	font-weight:bold;
	}

th {
	background-color: WHITE;
	text-align: center;
	border: 5px solid black;
	padding: 4px; /* Поля вокруг текста */
	}

td {
	text-align: center;
	border: 5px solid black;
	padding: 4px; /* Поля вокруг текста */
	}

tr.color1 {
	background-color: WHITE;
	}

tr.color2 {
	background-color: #F0FFFF;
	}

a:link {
	color: black;
	}

a:visited {
	color: black;
	}

		</style>
	</head>

<body>

<table class='style'>
	<tr>
		<td><a href='style.php?style=EURO_DANCE'>EURO DANCE</a></td>
		<td><a href='style.php?style=POP'>POP</a></td>
		<td><a href='style.php?style=NEW_AGE'>NEW AGE</a></td>
		  <td><a href='style.php?style=ROCK'>ROCK</a></td>
		  <td><a href='style.php?style=METAL'>METAL</a></td>
		  <td><a href='style.php?style=JAZZ'>JAZZ</a></td>
		  <td><a href='style.php?style=BLUES'>BLUES</a></td>
		  <td><a href='style.php?style=INSTRUMENTAL'>INSTRUMENTAL</a></td>
	  </tr>	
</table>

<br><br>

<table class='style'>
	<tr>
   		<td><h1><a href="#">POP</a></h1></td>
	</tr>
</table>

</body>

</html>

P.S. Пофиксил ошибку, которую указала Оксана.

P.S.S. Совет: не стоит бездумно копировать стили, пытайтесь разбираться сами, а то получается ужаснейшая каша.

Edited March 10, 2011 by Clubberry

dima4321 · March 10, 2011

Clubberry

Спасибо большое ))

Кстати я ничего не копировал, это мои наработки ))

И вот еще может кто знает почему :

В опере это выглядит по центру , а в exploer сдивнуто по левому краю.

Пробовал прописать в каждой таблице

text-align: center;

Почему-то не помогло.

А вот если в body засунуть, то работает

Но мне-то надо центрировать только таблицы. А не весь body ((

Clubberry · March 10, 2011

Ну не знаю тогда, мешанина в коде такая, будто 100500 подпольных верстальщиков из Китая работали там.

sigma77 · March 10, 2011

dima4321,

Давай ссылку на живую страницу. Отмазки про локалхост не принимаются.

dima4321 · March 10, 2011

sigma77

Да подожди ты про ссылку ))

Вот например одна из генерированных страниц

<html>  
<head>
<title> MUSIC.  </title>
<link rel='stylesheet' type='text/css' href='page.css'>
<meta name='description' content='6656546546456!'>
<meta name='keywords' content='546456546456546546'>
</head>
<body>
<form action="search.php" method="post">
<b>search by name</b><br>
<input type="text" name="iskat" size="30" value="">
<input type="submit" name="submit" value="search">
</form>

 <table class="home"><tr>
 <td><a href='index.php'>HOME</a></td>
 <td><a href='buy.php'>HOW TO BUY</a></td>
 <td><a href='faq.php'>FAQ</a></td>
 <td><a href='list.php?list=a'>LIST OF CD's</a></td>
 </tr></table>
 <br>



<table class='style'><tr>
  <td><a href='style.php?style=EURO_DANCE'>EURO DANCE</a></td>
  <td><a href='style.php?style=POP'>POP</a></td>
  <td><a href='style.php?style=NEW_AGE'>NEW AGE</a></td>
  <td><a href='style.php?style=ROCK'>ROCK</a></td>
  <td><a href='style.php?style=METAL'>METAL</a></td>
  <td><a href='style.php?style=JAZZ'>JAZZ</a></td>
  <td><a href='style.php?style=BLUES'>BLUES</a></td>
   <td><a href='style.php?style=INSTRUMENTAL'>INSTRUMENTAL</a></td>

  </tr></table><br><br><table class='style'><tr>
   <td><h1>INSTRUMENTAL </h1></td>
   </tr></table><br><table class='bands'><tr>
   <th>CDs & ALBUMS</th><th>HISTORY OF</th></tr></table>   
</body>
</html>

Все почему-то по левому краю...

page css приведен выше

такие штуки как я привел ниже —не помогли ((

table.style {

background: #E6E6FA; /* Цвет фона */

border:5px;

border: 6px double black;

font-weight:bold;

color: blue;

text-align: center;

}

Edited March 10, 2011 by dima4321

Serlutin · March 10, 2011

Если мне не изменяет память, то таблице нужно задать ширину.

dima4321 · March 10, 2011

Если мне не изменяет память, то таблице нужно задать ширину.

Можно и не задавать тогда таблица будет по тексту.

sigma77 · March 11, 2011

sigma77
Да подожди ты про ссылку ))

Во-первых, где доктайп?

Во-вторых, используй margin: 0 auto. Тебе же Clubberry уже написал.

Clubberry · March 11, 2011

Если у тебя тот же CSS стиль, что я тебе давал в первом посту, то всё по центру. Проверил в браузерах Opera 11 и IE 8.

Снова же, повторю, что сказала sigma77 — укажи доктайп!

Вот попробуй этот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Strict</title>

		<style type="text/css">

body {
	background-color: #FFFFCC; 
	margin-left: 20px;
	margin-right:20px;
	}

h1 {
	font-size: 14pt;
	text-align: center;
	} 

h2 {
	font-size: 12pt;
	text-align: center;
	} 

h3 {
	font-size: 10pt;
	text-align: center;
	}

table {
	margin: 0 auto;
	}

table.home {
	background: #FFE4E1;
	border: 6px double black;
	font-size: 12pt;
	font-weight: bold;
   }

table.list {
	background: #FFFFFF;   
	font-weight: bold;
	font-size: 12pt;
	}

table.style {
	background: #E6E6FA; /* Цвет фона */
	border: 5px;
	border: 6px double black;
	font-weight: bold;
	color: blue; 
	}

table.CDs {
	background: #7CFC00; 
	border: 5px;
	width: 300px;
	}

table.discography {
	background: #7CFC00; 
	border: 5px;
	border: 6px double black;
	font-weight: bold;
	}

table.bands {
	background: #E6E6FA; 
	border: 5px;
	border: 6px double black;
	font-weight: bold;
	}

th {
	background-color: white;
	text-align: center;
	border: 5px solid black;
	padding: 4px; /* Поля вокруг текста */
	}

td {
	text-align: center;
	border: 5px solid black;
	padding: 4px; /* Поля вокруг текста */
	}

tr.color1 {
	background-color: white;
	}

tr.color2 {
	background-color: #F0FFFF;
	}

a:link {
	color: black;
	}

a:visited {
	color: black;
	}

		</style>
	</head>

<body>

<form action="search.php" method="post">
<b>search by name</b><br>
<input type="text" name="iskat" size="30" value="">
<input type="submit" name="submit" value="search">
</form>

<table class="home"><tr>
<td><a href='index.php'>HOME</a></td>
<td><a href='buy.php'>HOW TO BUY</a></td>
<td><a href='faq.php'>FAQ</a></td>
<td><a href='list.php?list=a'>LIST OF CD's</a></td>
</tr></table>
<br>



<table class='style'><tr>
  <td><a href='style.php?style=EURO_DANCE'>EURO DANCE</a></td>
  <td><a href='style.php?style=POP'>POP</a></td>
  <td><a href='style.php?style=NEW_AGE'>NEW AGE</a></td>
  <td><a href='style.php?style=ROCK'>ROCK</a></td>
  <td><a href='style.php?style=METAL'>METAL</a></td>
  <td><a href='style.php?style=JAZZ'>JAZZ</a></td>
  <td><a href='style.php?style=BLUES'>BLUES</a></td>
   <td><a href='style.php?style=INSTRUMENTAL'>INSTRUMENTAL</a></td>

  </tr></table><br><br><table class='style'><tr>
   <td><h1>INSTRUMENTAL </h1></td>
   </tr></table><br><table class='bands'><tr>
   <th>CDs & ALBUMS</th><th>HISTORY OF</th></tr></table>

</body>

</html>

Edited March 11, 2011 by Clubberry

dima4321 · March 11, 2011

Clubberry и sigma77 спасибо большое.

По порядку. Сначала просто проставлял джля каждого класса таблицы

margin: 0 auto;

не помогло

Затем к каждой странице применил

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

"http://www.w3.org/TR/html4/strict.dtd">

Наконец в exploere отцентрировалось. Но в некоторых местах заметил незначительные проблемы.

На одной из страниц почему то напрочь исчезла сама таблица.. Остался только текст.

И в некоторых TD почему снизу стало оставаться много дополнительной пустоты.

Пока поразбираюсь...

dima4321 · March 11, 2011

Итак и со ставшимися проблемами я разобрался. Был не валидным код.

А по поводу больших отсупов в таблице это из за того, что я применяю там теги <h1> и <h2>

Прменил <b> и все корректно.

Можно ли прописать в css, что я не хочу чтобы после <h1> в таблице был большой отступ до низа ячейки ??

Clubberry · March 14, 2011

Можно ли прописать в css, что я не хочу чтобы после <h1> в таблице был большой отступ до низа ячейки ??

padding?

Sign In

НЕ выделяется текст цветом в таблице.

Question

Link to comment

Share on other sites

15 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

Join the conversation

Обсуждения

Important Information