html - No other elements will show up in my section element with a colored background -


i have created < section > background color of #ff6952
hoping can place image (created in sketch) of timeline of software business called lookout software.

i'm having trouble getting show on top of background color within < section >. tried inserting img tag in section , image doesn't show up. tried recreate timeline using unordered list without list styling list elements displayed inline navigation menu. nothing seems show up. note, timeline supposed white.

here's html:

<section id="timeline">     <ul>         <li>             1994 - client connect plus founded.         </li>         <li>             1997 - client connect plus becomes lookout software.         </li>         <li>             2001 - launched our first product. lots of anticipation.         </li>         <li>             2006 - big success new product. smiles.         </li>         <li>             2010 - had tough times survived them.         </li>         <li>             2013 - things started looking better. brighter days.         </li>         <li>             2015 - sharepoint crm template becomes sharepoint flex.         </li>         <li>             2016 - ?         </li>     </ul> </section>

and css:

#timeline{ height: 700px; width: 100%; background: #ff6952; }  #timeline ul li{ color: white; z-index: 100; }

i have tried styling css many different ways, of think futile list here. appreciated.

use snippet show image above color:

background-image:url(http://www.wwwsitus.com/support/img/ampproject.png); background-position:center; background-repeat:no-repeat;

and place inside timeline follow:

#timeline{ height: 700px; width: 100%; background: #ff6952; /*start: adding image*/ background-image:url(http://www.wwwsitus.com/support/img/ampproject.png); background-position:center; background-repeat:no-repeat; /*end: adding image*/ }

check jsfiddle demo here. btw, use image position center. can set free (center, right, left or bottom).


Comments

Post a Comment

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

Image
i developing site in angularjs ui-router. have situation on button click need change , load 3 state page , 3 looks image .please me how can load multiple pages. in 1 page you need configure router config this: $stateprovider .state("state1", { url: "/url1", controller: "firstcontroller", views: { view1: { templateurl: "templates/template1.html" }, view2: { templateurl: "templates/template2.html" }, view3: { templateurl: "templates/template3.html" } } }).state("state2", { url: "/url2", controller: "secondcontroller", views: { view1: { templateurl: "templates/template4.html" }, view2: { templateurl: "templates/template5.html" }, view3: { templateurl: "templates/template6.html" } }).state("state3", { ...
Read more

python - GRASS parser() error -

i'm trying use grass on python 2.7, i'm having problems @ setting script on idle, i'm getting error @ parser() function: here script: import os import sys gisbase = os.environ['gisbase'] = 'c:\program files (x86)\grass gis 7.0.1rc1' gisrc = 'c:\grassdata' gisdbase = 'c:\grassdata' location = 'newlocation' mapset = 'tc' ld_library_path = 'c:\program files (x86)\grass gis 7.0.1rc1\lib' path = 'c:\program files (x86)\grass gis 7.0.1rc1\etc';'c:\program files (x86)\grass gis 7.0.1rc1\etc\python';'c:\program files (x86)\grass gis 7.0.1rc1\lib';'c:\program files (x86)\grass gis 7.0.1rc1\bin';'c:\python27';'c:\program files (x86)\grass gis 7.0.1rc1\python27';'c:\program files (x86)\grass gis 7.0.1rc1\msys' pythonlib = 'c:\python27' pythonpath = 'c:\program files (x86)\grass gis 7.0.1rc1\etc\python' sys.path.append(os.path.join(os.environ['...
Read more

post - imageshack API cURL -

i credentials correct. when send image through form this:(action="http://api.imageshack.com/v2/images/"). working fine when tried send $ch = curl_init($url); failed. code: enter code here <form action="" method="post" enctype="multipart/form-data"> select image upload: <input type="file" name="file" id="file" multiple> <input type="text" name="auth_token" id="auth_token" value="xxxxxxxxxxxxxxxx"> <input type="text" name="api_key" id="api_key" value="xxxxxxxxxxxxxxx"> <input type="submit" value="upload image" > </form> $url = ' http://api.imageshack.com/v2/images/ '; $temp = $_files["file"]['tmp_name']; echo $temp."<br>" ; $ch = curl_init($url); curl_setopt($ch, curlopt_post, true); curl...
Read more