html - Dropdown menu in sidebar -

-

this has got me stumped. have done before when worked, , won't.

the light background behind navagation bar should behind body of page. footer should not in it. there more content go on page heading welcome herb place should have light background same nav bar. when have written <div id="content-scroll"> in html div part comes red , doesn't recognise it.

body {    background-attachment:	fixed;    background-image:		url("../photos/background.jpg");    background-position:		center center;    background-repeat:		repeat;    background-size:		100%;    font-family:			"open sans", sans-serif;    font-size-size:		medium;    font-style:			normal;    line-height:			1.6em;    margin:			1px auto auto;    text-align:			left;    max-width:			1024px;  }  	  #navigation li {    list-style: 			none;    display:			block;    float: 			left;    margin: 			1em;  }    #navigation li {    display: 			block;    text-decoration: 		none;    color:			#006600;    font-size: 			1.6em;    font-family:			lucida console;    font-style:			italic;    margin: 			0.5em;  }    #navigation li a:hover {    margin-top: 			2px;    color:			yellow;  }    .rectangle {    height: 			62px;    position: 			relative;    -moz-box-shadow: 		0px 0px 4px rgba(0,0,0,0.55);    box-shadow: 			0px 0px 4px rgba(0,0,0,0.55);    -webkit-border-radius: 	1px;    -moz-border-radius: 		1px;    border-radius: 		1px;    z-index: 			300; /* stack order: foreground */    margin: 			1em 0;    background-image:		url("../photos/background2.jpg");  }    #content-scroll  {    background-image:		url("../photos/background2.jpg");    max-width:			1024px;    background-position:		center center;    background-size:		100%;  }    h1 {    color:			#669933;    font-family:			kristen itc;    padding:			20px;    text-align:			center center;  }
<!doctype html>  <html>  <head>    <meta charset="utf-8">    <title>the herb place</title>    <link href="html/herb.css" rel="stylesheet">      </head>    <body>    <header>      <img id="logo" src="photos/logo.jpg"  alt="my logo">        <!-- body -->      <div class="rectangle">   <!-- navigation links -->        <ul id="navigation">          <li><a href="index.html"> home</a></li>          <li><a href="html/about.html"> us</a></li>          <li><a href="html/store.html"> store</a></li>          <li><a href="html/tips.html"> tips & hints</a></li>          <li><a href="html/contact.html"> contact us</a></li>        </ul>      </div>    </header    <div id="content-scroll">            <h1> welcome herb place</h1>          </div>            <div id="footer">      website has been created part of assignment in approval course of study curtin university , contains copyright<br>      material not created author.  copyright material used remains copyright of respective owners , has been used here<br>      pursuant section 40 of copyright act 1968 (commonwealth of australia).  no part of work may reproduced without<br>      consent if original copyright owners.      </div>          </body>  </html>


Comments

Post a Comment

Popular posts from this blog

google chrome - Developer tools - How to inspect the elements which are added momentarily (by JQuery)? -

-
i looking @ how website designed using inspector in chrome. can use firefox developer tools or firefox web developer add-on or chrome web developer extension. so website has slide-show , using jquery it. looking @ markup , css in inspector, i see 2 things constantly changing slides change: one opacity css property understandable, i'd see changing values, changes fast see read anything. second- a div added in div slides change momentarily , moment when appears short notice except div . so question is there way stop slideshow can temporarily rid of blinking sort of effect (by speedy adding , removal , changing of elements , values)? where can inspect div element gets added such short moment , , gets removed? , can see changes in value of opacity takes place? is there way stop slideshow can temporarily rid of blinking sort of effect (by speedy adding , removal , changing of elements , values)? if opacity animated css transition or animation,
Read more

angularjs - Showing an empty as first option in select tag -

-
my app showing empty select field first entry. have read other solution given , tried still not working. my controller code is: .controller('usercreatecontroller', function(user,profile,auth) { alert("hello"); var vm = this; vm.type = 'create'; profile.all() //this service fetch profiles shown in select field .success(function(data){ vm.profile = data; }); vm.userdata.profile = vm.profile[0]; //here have set default value select field and html page is: <label class="col-sm-2 control-label">profile</label> <div class="col-sm-8"> <select ng-model="user.userdata.profile" ng-options="person._id person.profilename person in user.profile"> </select> </div> hierarchy of vm.profile { "_id": 46, "profile": objectid("5516498e95b84548156db754"), "isactive": true, "password": "$2
Read more

php - Cloud9 cloud IDE and CakePHP -

-
i attempting cakephp running on cloud9, cloud based ide. unaware, cloud collaboration ide intermixes services such bitbucket. site gives sudo rights, , installed cakephp using these instructions: https://www.digitalocean.com/community/tutorials/how-to-install-cakephp-on-an-ubuntu-12-04-vps when attempt run database exported machine cakephp installed, error message "url rewriting not configured on server." attempted solve issue using official guide cakephp: http://book.cakephp.org/2.0/en/installation/url-rewriting.html but no cigar, same error message. has gotten cakephp working, or aware of cloud ide free/low cost cloud9 support cakephp? here's how got working now: sudo apt-get update sudo apt-get install php5-intl curl -ss https://getcomposer.org/installer | php -- --filename=composer ./composer create-project --prefer-dist cakephp/app this creates project in /app default. move workspace docroot: mv app/* ./ mv app/.* ./ rm -rf app then de
Read more