Не работает свойство css font-weight

[end]

Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью.

Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой.

Мне необходимо реализовать подобие следующего элемента:

Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться):

Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом:

<a href="<?php the_field( "image_acf" ); ?>"><img src="<?php the_field( "image_acf" ); ?>" alt="Karos Online" class="game-image"></a>
<table>
<tr>
<td class="for_game-description">
Игра: <?php the_field( "gamename" ); ?><br>
Жанр игры: <?php the_field( "typegame" ); ?><br>
Дата выхода: <?php the_field( "dategame" ); ?><br>
Разработчик: <a href="<?php the_field( "site_razrab" ); ?>" class="linkgame"><?php the_field( "razrab" ); ?></a><br>
<a href="<?php the_field( "thesite" ); ?>">Официальный сайт</a>
</td>
</tr>
</table>

Понимаю, что громоздко. Даже элемент описания игры, я реализовал через огромную ячейку <td>, которой придал следующей стиль (и картинке слева тоже):

.game-image {
left: relative;
float: left;
border-right: 1px solid white;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5)
height: 250px;
width: 400px;
}
td.for_game-description {
height: 212px;
width: 350px;
background: #7f7f7f;
box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);
color: #e8e8e8;
font-weight: bold;

После некоторых манипуляций (выносил свойства картинки в css, что требовалось для валидации кода) перестали работать свойства font-weight и box-shadow (под картинкой).

Прошу помощи у форумчан, кто чем может=)

Тыкните носом, может как-то по другому стоит это все сделать? И почему отвалились эти свойства?

Заранее спасибо.

Edited August 5, 2013 by end

[antonKar]

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

И вот это вот что такое?

left: relative;

А к ячейкам тень разве применяется?

[npofopr]

Лучше бы ссылку на сайт дали.

Ваш пиар, я думаю, тут всем безразличен.

[end]

А к ячейкам тень разве применяется?

Не знаю, можно ли применять, но у меня тень работает. И под картинкой тоже раньше работала. Уже не помню до какого момента.

left: relative; - как я понимаю, для того, чтобы элемент распологался слева в зависимости от родительского элемента.

Лучше бы ссылку на сайт дали.

Ваш пиар, я думаю, тут всем безразличен.

Хорошо, вот: http://o-mmo.ru/review-mmorpg-karos-online/

[antonKar]

left: relative; - как я понимаю, для того, чтобы элемент распологался слева в зависимости от родительского элемента.

Серьёзно?

.game-image { left: relative; float: left;

[end]

.game-image { left: relative; float: left;

Таким образом, заставил правый элемент (таблицу) встать справо от картинки. Прочитав и осмыслив свойство float, начинаю понимать, что left: relative можно отбросить. Это так?

[npofopr]

видите восклицательный знак и зачеркнутость? Я думаю смысл понятен?

[SelenIT]

начинаю понимать, что left: relative можно отбросить

Нужно! Эта запись бессмысленна и бредова. relative может быть position, а left может задавать смещение при position: relative. Но значение "relative" для "left" недопустимо, поэтому вся запись просто игнорируется.

[end]

видите восклицательный знак и зачеркнутость? Я думаю смысл понятен?

Значит, что свойства не активны? Подскажите пожалуйста, почему width учитывается, а height нет? Когда они были атрибутами тега <img> все было норм, так же работала тень.

Нужно! Эта запись бессмысленна и бредова. relative может быть position, а left может задавать смещение при position: relative. Но значение "relative" для "left" недопустимо, поэтому вся запись просто игнорируется.

Спасибо. Понимаю теперь. Намудрил

И да, можно ли ли это по другому организовать?

[npofopr]

Подскажите пожалуйста, почему width учитывается, а height нет?

Вы вообще не видите? У вас height внутри box-shadow, почему вдруг оно работать то должно?

Значит, что свойства не активны?

↓

Эта запись бессмысленна и бредова

Edited August 6, 2013 by npofopr

[end]

Вы вообще не видите? У вас height внутри box-shadow, почему вдруг оно работать то должно?

Только сейчас заметил, что у свойства box-shadow нет в конце точки с запятой. Поставил, все заработало. И height стал активен. Разве могут быть вложенные свойства?

[end]

Всем спасибо, во всем разобрался. Мой враг - невнимательность.