Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Hi clifgriffin Had a quick look at you HTML, shame you didn't give us the CSS aswell, but ... there are a few things I'm not sure on - the header says generator WordPress 2.9.2 but the html does look like "familiar" WordPress. If it is WordPress generated then check the wp_list_pages &amp; wp_list_categories tags you are using. Also I serously recommend an upgrade to WP3.0 as it has MUCH more functionality (custome post/page types etc) plus a "built" in menu function.</p> <p>I think you may be using too much CSS. Most of what you want to acheive can be done with a lot less.</p> <p> <li>Guest Services</li> <li>Concierge / Local Attractions</li> <li>East Restaurant</li> <li>Aquarium Lounge</li> <li>Health Club</li> <li>Sandcampers Program</li> <li>Treasure Chest Gift Shop</li> </p> <p>You can then give the ul an ID (remember ID's need to be unique) this will help with any Java you want to use also add to your ram class with a background image class images/top_menu_slidedown_gray_bottom.png. As you use the ram class again without the image. e.g. <code>&lt;div class="ram backgroundimageclass"&gt;</code> You are then saving a lot of "code" and download times etc.</p> <p>If you give the ram class the attribute "position: relative;" you can then give the UL id the attribute "position: absolute;" the li's can be styled such as </p> <pre><code>ul#ID li {line-height 30px; etc ...) ul#ID li:hover {line-height 30px; etc ...) ul#ID li:hover a {line-height 30px; etc ...) </code></pre> <p>and so on.</p> <p>Ohh forgot ... also why not add this code in the head</p> <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="chrome=1"&gt; </code></pre> <p>And this just after the tag</p> <pre><code> &lt;!-- DO NOT REMOVE --&gt; &lt;!-- THIS SECTION SETS THE LAYOUT FOR GOOGLE CHROME FRAME IF YOU NEED FURTHER INFO LOOK HERE http://code.google.com/chrome/chromeframe/ --&gt; &lt;!-- Google Chrome Frame is a free plug-in that helps you enjoy modern HTML5 web apps within Internet Explorer. --&gt; &lt;div id="prompt"&gt;&lt;!-- if IE without GCF, prompt goes here --&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; CFInstall.check({ mode: "inline", // the default node: "prompt" }); &lt;/script&gt; &lt;!-- END THE LAYOUT FOR GOOGLE CHROME FRAME --&gt; </code></pre> <p>This allows "detection" of the browser and gives them the option (if not installed) to use Google Chrome Frame, you can: Start using open web technologies - like the HTML5 canvas tag - right away, even technologies that aren't yet supported in Internet Explorer 6, 7, or 8. Take advantage of JavaScript performance improvements to make your apps faster and more responsive. Enabling Google Chrome Frame is simple. For most web pages, all you have to do is add a single tag to your pages like above and detect whether your users have installed Google Chrome Frame. If Google Chrome Frame is not installed, you can direct your users to an installation page. If Google Chrome Frame is installed, it detects the tag you added and works automatically.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload