Изображения Места Div CSS

Question

разочарован с этим ..

http://www.gd-gaming.com/wordpress/player-news/

Если вы посмотрите на области заголовка, он у меня отделен на две дивы, один содержит имя игрока, другие содержит IMG связанные с командой игроков.

Изображение должно быть 325 точек или он не будет соответствовать первой странице правильно - смотрите здесь (www.gd-gaming.com/wordpress)

Я попытался с помощью градиентов, переполнения .. ничего получая этот градиент, чтобы полностью распространиться на другой div ...

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

#player { 
    height:40px; 
    width: 300px; 
    float: left; 
    border-top: 1px solid #6B6B6B; 
    border-bottom: 1px solid #6B6B6B; 
} 

#player h2 { 
    font-size: 15px; 
    margin: 0; 
    padding-left: 8px; 
    padding-top: 10px; 
    color: #fff; 
    font-weight: 100; 
} 

.jacksonville { 
    float:right; 
    height:40px; 
    background-image: url(images/teams/jack.png); /* fallback */ 
    background-image: url(images/teams/jack.png), -webkit-gradient(linear, right top, right bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */ 
    background-image: url(images/teams/jack.png), -webkit-linear-gradient(top, #0E7D93, #0B515E); /* Chrome 10+, Saf5.1+ */ 
    background-image: url(images/teams/jack.png), -moz-linear-gradient(top, #0E7D93, #0B515E); /* FF3.6+ */ 
    background-image: url(images/teams/jack.png), -ms-linear-gradient(top, #0E7D93, #0B515E); /* IE10 */ 
    background-image: url(images/teams/jack.png), -o-linear-gradient(top, #0E7D93, #0B515E); /* Opera 11.10+ */ 
    background-image: url(images/teams/jack.png), linear-gradient(top, #0E7D93, #0B515E); /* W3C */ 
    background-repeat: no-repeat; 
    width: 325px; 
} 

Answer 1

Вам нужно будет стилизовать playertitlediv. Я рекомендую вам изменить его с идентификатора на класс, чтобы он был примерно таким: <div class="playertitle">...</div> вместо <div id="playertitle">...</div>. (Идентификаторы могут быть назначены только к одному элементу на странице, классы могут быть отнесены к нескольким элементам на странице.)

Тогда в вашем CSS использовать этот код в .playertitle классе:

background-image: -webkit-gradient(
    linear, left bottom, left top, 
    color-stop(0.15, rgb(11,82,94)), 
    color-stop(1, rgb(14,125,147))); 

Поиграйте с цвет останавливается, чтобы найти правильный градиент (я выбрал тот, который очень близок к вашему, но я думаю, что это немного не так)