html - How to fade color and set margin-left for the title's box with CSS -

-

what i've done here make box image below how fade color , set margin-left= 10px; margin-top: 5px title's box css

pic

demo

html:

<div id="_div">     <span class="_top">company performance</span>     <span class="_content">electric consumption: 2300kw</span> <div>

css:

#_div {     display: block;     -webkit-border-radius: 7px;     -moz-border-radius: 7px;     border-radius: 7px;     width: 300px;     height: 100px;     background-color: #ffffff;     box-shadow: 5px 5px 5px #e0e6e8;     border: 1px solid #c1dee0; } ._top {     display: block;     background-color: #d0e3ec;     -webkit-border-top-left-radius: 7px;     -webkit-border-top-right-radius: 7px;     -moz-border-radius-topleft: 7px;     -moz-border-radius-topright: 7px;     border-top-left-radius: 7px;     border-top-right-radius: 7px;     padding-bottom: 10px;     border-bottom: 1px solid #c1dee0; } ._content {     display: block;     margin-left: 10px;     margin-top: 10px; }

not clear why want use margin if want align text use padding _top class

remove padding _top class , add

padding: 5px 0 5px 10px;

to fade color use opacity: .5


Comments

Post a Comment

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

-
i plot number of emails in inbox on time using gmail api , i'm seeing lot of drop-outs, whatever reason i'm getting incomplete count of messages @ single time points. my plots here: https://plot.ly/~tdsmith/2 -- "drop-outs" i'm complaining trace shoots downwards , recovers previous level @ next timepoint. the code i'm using count emails here: https://github.com/tdsmith/gmail-plotly/blob/master/gmail-plotly.py#l47-l64 what can diagnose these faults?
Read more

Installing Android SQLite Asset Helper -

-
i need use ready made database. search solution on internet did not work until decided use mentioned library found here . however, found hard use library in installation procedures shallow beginners. i appreciate step step procedure on how use android studio. in struggle tried copying sources main/libs , adding line gradle did not work. use api 19 if helps. update here build.gradle // top-level build file can add configuration options common sub-projects/modules. buildscript { repositories { mavencentral() } dependencies { classpath 'com.android.tools.build:gradle:0.11.+' compile 'com.readystatesoftware.sqliteasset:sqliteassethelper:+' // note: not place application dependencies here; belong // in individual module build.gradle files } } allprojects { repositories { mavencentral() } } trying compile project error error:(9, 0) no signature of method: org.gradle.api.internal.artifacts
Read more

Qt Creator - Searching files with Locator including folder -

-
one quick question qtcreator : know possible use locator open files using "ctrl-k" shortcut. however, possible search files including locations? for example, let's want locate file named "main.cpp" in folder named "myfolder" , have lots of other main.cpp files. what should type locator in order open ? just type myfolder/main.cpp in locator
Read more