Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 85594

Re: ? about persistent indicator and use of nav tag

$
0
0

Thanks for your information. I appreciate your taking the time to respond. A few thoughts and a couple of more questions/clarifications.  The first four lines of code are what Dreamweaver CS5 generates.  I assume these are no longer current or or not compatible with HTML5 and that I should be using the following for all web pages I build, correct?

 

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

 

Regarding my navigation menu bar, I had originally used a  <div id="bottomnavbar"> and then defined in CSS as #bottomnavbar to stylize/format.  However, when was having trouble getting the persistent indicator to work, while discussing this problem another frequent poster told me to not use div for menu bar and instead use nav tag which I did.  However, I still have the concern that folks with older browsers won't be able to view the menu correctly.  From what I have read, I could add the following to the head (after any CSS links) and then the nav menu would be able to be viewed correctly on older browsers.  Am I correct in that assumption?

 

<!--[if lt IE 9]>

  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

 

if that works, then it sounds as though that would be ok. But I have another page that would have 2 menu bars, one at the top of the header image and one at the bottom head image.  It sounds as though I wouldn't be able to use the nav tag for both since the vertical positioning of the text would be different, so I should go back and use divs for menu bars. Am I correct in this assumption?

 

Also, if I have one page with HTML5 audio in it, should it still work in older browsers as long as I have the first four lines suggested above.  The script (based on jquery has a flash back up for older browsers).

 

One other question, in my CSS I have defined my header's position as fixed (position:fixed;) so the content below will scroll up and one will still see header and menu bar.  However, when one scrolls on the page (Iphone) using touch screen, the text content can shift to right or left.  I assume I need to add something to the CSS of .content to prevent it from moving on the horizon.  Thoughts?

 

Sorry for so many questions.  Thanks for the help.

Kirk


Viewing all articles
Browse latest Browse all 85594

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>