Jump to content
  • 0

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

dima4321

Asked by dima4321,

 Share

Question

dima4321 Explorer

dima4321

Posted
Posted (edited)

Всем привет )

В тексте встречаются таблицы <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 by dima4321
Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0
dima4321 Explorer

dima4321

Posted
  • Author
Posted

Вот сам 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 не центрирутся таблицы... А в опере все центрируется.

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

Link to comment
Share on other sites
  • 0
sigma77 Explorer

sigma77

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

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

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

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

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

Link to comment
Share on other sites
  • 0
Clubberry Explorer

Clubberry

Posted
Posted (edited)

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

<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 by Clubberry
Link to comment
Share on other sites
  • 0
dima4321 Explorer

dima4321

Posted
  • Author
Posted

Clubberry

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

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

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

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

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

text-align: center;

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

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

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

Link to comment
Share on other sites
  • 0
dima4321 Explorer

dima4321

Posted
  • Author
Posted (edited)

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 by dima4321
Link to comment
Share on other sites
  • 0
Clubberry Explorer

Clubberry

Posted
Posted (edited)

Если у тебя тот же 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 by Clubberry
Link to comment
Share on other sites
  • 0
dima4321 Explorer

dima4321

Posted
  • Author
Posted

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

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

margin: 0 auto;

не помогло

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

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

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

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

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

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

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

Link to comment
Share on other sites
  • 0
dima4321 Explorer

dima4321

Posted
  • Author
Posted

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

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

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

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

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