i have a “navbar” at the top of a div that are a bunch of buttons that activate dropdown menus when clicked. but when i click one and the dropdown opens, all the other buttons drop down to match the lowest thing. these buttons all have position relative and i need that to be the case. what do i do?

so for any of my programming people out there, i have a question about an assignment i’m working on-

i’m supposed to be using YQL to query google books & display title, subtitle & description information. these are my professor’s specific instructions:

Now create a Web page that will use YQL to query Google Books based on the query parameters. The user must be able to enter the query parameters named q, maxResults. You will need to parse the output and display the following elements. I would like these elements put into a table. You can decide how to format the table. There will be several elements named <items>. Each element named <items> has the following children (among others). You must display all of the items not just the first item. Title Subtitle Description

i have the input for q (the search term(s)) and the number of results set, but i can’t seem to get any of the book information to display in my table & i’m 90% sure it’s not in how my insertrow/insertcell statements are set up bc they worked fine on another assignment so i can only assume that i’m not finding the elements in need properly. this is essentially what my code looks like:

// The base URL for yql. var yql_base_uri = "http://query.yahooapis.com/v1/public/yql?q="; var searchterm; searchterm = document.getElementById(”search”); searchterm = search.value; var maxresults; maxresults = document.getElementById(”max”); maxresults = max.value; yql_query = "SELECT * FROM google.books WHERE q=‘” + searchterm + "’ AND maxResults=" + maxresults + “&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys”  var req = new XMLHttpRequest();   req.onreadystatechange = function () { var docXML = req.responseXML;   var nodeList; nodeList = docXML.getElementsByTagName("items"); var volumeinfo; volumeinfo = nodeList[4];   var title = volumeinfo[0].childNodes[0].nodeValue; var subtitle = volumeinfo[1].childNodes[0].nodeValue; var desc = volumeinfo[5].childNodes[0].nodeValue;

Attempting to tweak my theme's custom html again.

I'm trying to display a random header image upon every refresh, with a choice between only two images:

http://imgur.com/FwnZkuA.jpg

and

http://imgur.com/gH3iwAn.jpg

Google is spitting back a lot of answers involving Javascript, jQuery and PHP but 1) None of the Javascript has worked properly so far, and 2) I have no idea what jQuery or PHP are.

I'm pretty sure the parts of my code that I'm meant to change are contained within the following:

.bg { background: url({image:Full Page Header}) fixed top center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; width: 100%; height: 100%; z-index: 1; }

I'm trying to make a rudimentary inventory using $item as the variable and then adding items like a potion to it as strings in a list form, and then I'm trying to remove an item from that list when it gets 'used', but whenever I try to remove one thing it deletes all the other items in the $item variable rather than just the one I want it to get rid of

basically here's the code for the inventory

<<set $item = ("Potion")>>

and then to add a coin I go

<<set $item += (" " + "Coin")>>

and then to remove the coin I go

<<set $item -= (+ " " + "Coin")>>

but that also deletes the potion