belle image Div CSS

Question

être frustré avec celui-ci ..

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

Si vous regardez la zone de titre, je l'ai séparé en deux divs, l'un contient le nom du joueur, l'autre contient un img lié à l'équipe de joueurs.

L'image doit être 325 px ou il ne rentre pas dans correctement la première page - voir ici (www.gd-gaming.com/wordpress)

J'ai essayé d'utiliser des gradients, débordement .. rien est obtenir ce gradient pour s'étendre tout le chemin dans l'autre div ...

Note: le logo de l'équipe doit rester sur le côté droit ou il se retrouve au milieu comme les autres.

#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

Vous aurez besoin de style de la playertitlediv. Je vous recommande de le changer d'un ID à une classe donc ce sera quelque chose comme ceci: <div class="playertitle">...</div> au lieu de <div id="playertitle">...</div>. (ID ne peuvent être affectés à un élément par page, les classes peuvent être attribuées à plusieurs éléments par page.)

Ensuite, dans votre CSS utilisez ce code dans la classe .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))); 

Jouez avec la couleur s'arrête pour trouver le bon dégradé (j'en ai choisi un qui est assez proche du vôtre mais je pense qu'il est juste un peu éteint)