html - Append image next to in CSS -



html - Append image next to <a> in CSS -

im not sure right approach css.

i have element in design.

what have right now, 2 "a" elements, , 1 of have .active class.

<div class="botones_menu"> <a href="#" class="active">mis anuncios publicados</a> <a href="#">publicar nuevo anuncio</a> </div>

what need append image:

next "a" element .active class

.botones_menu { padding-top: 15px; padding-bottom: 15px;} .botones_menu > { font-weight: normal; font-size:12px; color:#fff; background-color: #00652e; display: block; padding: 10px; padding-left: 30px; border:1px solid #9faca5; margin-left:2px; margin-top: 10px; margin-bottom: 10px;} .botones_menu > a.black {background-color:#000;} .botones_menu > a.active { background-color: #6bb90f; background-image: url(imagenes/green_arrow.png); background-position: right; background-repeat: no-repeat; }

had not noticed css style before had rework previous codepen.

here new codepen: http://codepen.io/anon/pen/zyzqgq

html

<div class="botones_menu"> <a href="#" class="active">mis anuncios publicados</a> <a href="#">publicar nuevo anuncio</a> </div>

css:

.botones_menu { padding-top: 15px; padding-bottom: 15px; } .botones_menu > { font-weight: normal; background-color: #6bb90f; display: block; padding: 10px; padding-left: 30px; border:1px solid #9faca5; margin-left:2px; width: 200px; text-decoration: none; font-size: 16px; color: #fff; } .botones_menu > a.black { background-color:#000; } .botones_menu > a.active { background-color: #6bb90f; height: 16px; } .botones_menu a.active:after { content: url('http://i.stack.imgur.com/4wrht.png'); position: relative; display: block; clear: both; left: 100%; top: -30px; margin-left: 11px; }

html css

Comments

Popular posts from this blog

php - Edges appear in image after resizing -

ios8 - iOS custom keyboard - preserve state between appearances -

Delphi change the assembly code of a running process -