CSS Nav Bar/Positioning Q's

-

ok, i'm trying learn how basic vertical navigational menu out of css. excuse me being css stupid...

 

i found online how basic nav menu using html lists. can't figure out how things stay positioned how want them or anything. main goal have nav menu on left side staying in same position towards center of page without moving around when resize windows. @ moment positioning top left corner of browser window if browser resizes follows.

 

is making menu out of html/lists easiest way? there no way 100% css on seperate page if ever want update menu don't have change html on every page? change in css...

 

here simple fake example of code got going:

 

html:

 

<body class="body"> <div id="container1"> <ul id="navbar"> <li><a href="#">home</a></li> <li><a href="#">about us</a></li> <li><a href="#">services</a></li> <li><a href="#">products</a></li> <li><a href="#">contact</a></li> </ul> </body> </html>

css:

 

body { position: relative; margin: 0;  padding: 0; text-align: center;  color: #000000; background-color: #ffffff;      } #container1 { width: 600px; height: 400px; background: #666666; margin: 0 auto;  border: 1px solid #000000; text-align: left;  }  ul#navbar { position: absolute; padding: 15px 10px 15px 20px; list-style:none; left: 200px; top: 50px; }


thanks comments or

you shouldn't need use relative postioning because it's implied in default css.  have @ basic css page layout.  view page source see code used create it.

 

http://alt-web.com/templates/2-column-fixed-width-template.shtml

 

to populate site pages common menu, search server-side includes (ssi) or  dreamweaver templates.  personal choice common headers, menus , footers use server-side includes.

 

 

 

 

nancy o.
alt-web design & publishing
web | graphics |  print | media specialists
www.alt-web.com/
www.twitter.com/altweb



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Error compiling for board Arduino/Genuino Uno.

-
hi new arduino , trying write code of temperature controlled fridge can adjust pot , temp in fridge changes lowest setting -15 , highest setting 30degrees. the temp drops below input pot im trying make compressor turn on , light show compressor on. new @ , im still not quite sure im doing. error below keeps popping , im not quite sure whats wrong code. im hoping on close path how should have done it, how fix error appreciated. arduino: 1.8.4 (windows 10), board: "arduino/genuino uno" c:\users\admin\appdata\local\temp\ccfcxdpc.ltrans0.ltrans.o:(.rodata+0x6): undefined reference `print::write(unsigned char const*, unsigned int)' c:/program files (x86)/arduino/hardware/tools/avr/bin/../lib/gcc/avr/4.9.2/../../../../avr/lib/avr5/crtatmega328p.o:(.init9+0x0): undefined reference `main' collect2.exe: error: ld returned 1 exit status exit status 1 error compiling board arduino/genuino uno. this report have more information with "show verbose output during comp...
Read more

Installation database is corrupt

-
dear all,   last month installed trial version of cs3 on pc , when decided install extended version of cs3, it  didn't install.  learned adobe use wincs3clean script, downloaded , ran on computer, using level 1. after tried installing extended version of cs3 got message "installation database corrupt" , can't install cs3.  can me , let me know how solve problem? use windows, xp 2. appreciate help. charleshhh install what... disc or download   if download... rename original , download again... downloads corrupted More discussions in Photoshop Windows (read only) adobe
Read more

RFID-RC522 with Arduino Pro Micro project. Error on the code?

-
Image
hi all, first of newbie... i trying make below project, keep having type of errors. let start project page: unlock pc/mac rfid my hardware: arduino micro rfid-rc522 code: code: [select] //get library https://github.com/ljos/mfrc522 //sketch: gudjonholm@gmail.com /* pins    spi        uno    mega2560  leonardo 1 (nss) sda (ss)   10     53        10 2       sck        13     52        sck1 3       mosi       11     51        mosi1 4       miso       12     50        miso1 5       irq        *      *         * 6       gnd        gnd     gnd       gnd 7       rst     ...
Read more