Web design question regarding css?

Question

Ah hello i need help with css my problem is usually when you want to place navigational elements with in css so it appears on the end result it moves with the image so i need help on 2 things,

1 how do i make css move only what i want it to move eith out moving image tags with it like for example a link list below, each time i move it with in css it moves everything as if it's all combined, is there a way to divide each part like paragraph, image tag, header and so on to keep everything organised.

And last but least how do i make the links below move individually i want them horizontal side by side like when you look above yahoo ansers you will notice link bars placed in order, how do i do this as it's curently placed in cullums

any help would be appreciated and voted the best, if theres something i didn't explain right private message me as it's very important you give me some wisdom

kind regards

• index


• page one


• page two


• page three


• testpage


• testpage

Need to move these links as horizontal not vertical would appreciate it more if i could move them individually, what css code must i look for to over come this hurdle

Answer 1

See following sites for navigation menus:



CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/csslibrary/category/C1/

http://www.dynamicdrive.com/dynamicindex1/

http://www.cssplay.co.uk/menus/

How to Style an Unordered List with CSS: http://www.webreference.com/programming/css_style2/index.html



How To:



http://www.w3.org/TR/WCAG10-HTML-TECHS/#links

http://www.creativepro.com/article/dreamweaver-how-create-you-are-here-navigation-links

http://efuse.com/Design/navigation.html

Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/

Drop-Down Menus, Horizontal Style: http://www.alistapart.com/articles/horizdropdowns/

The Right Way to Make a Dropdown Menu: http://www.sitepoint.com/blogs/2009/04/01/the-right-way-to-make-a-dropdown-menu/







Ron

Answer 2

Why do no longer you have a photographer take some photos of the nutrition honestly served? This solves all issues. be certain you get a settlement which will provide you utilize rights for the menu, internet and advertising, besides as on your portfolio, and you haven't any longer have been given any issues. in case you adjust a copyrighted image, no count if loose or no longer, you have honestly infringed on the copyrights. basically changing a image would not substitute who owns the rights to it - in spite of the fact that it may fee you a superb deal extra money if the copyright holder comes to a decision to sue. you nevertheless won't be able to apply it with out permission, and the permission could desire to be in writing.

Answer 3

Yeah, what the previous answers said both should work just fine. The reason why everything, is cuz everything is within the division, regardless of what tag it is. If you do as Terry said, then it would be different, since you are now controlling all the links. However, if you change the position of the div, it will still move and be edited with it.

Answer 4

li {display: inline}



^ should make them horizontal



you can add margin space to each one to space them out if you want using



li {display: inline; margin: 0 30 0 30}



You could also give them all a class and refer to it that way (so it doesnt effect all your lists).

• index



• page one



• page two



• page three



• testpage…
  
  
• test…
  
  

.links {display: inline; margin: 0 30 0 30}

Answer 5

There are a couple of things that you can do



1st. you can use:



#navigation li {display:inline;}



2nd. you can use:



#navigation li {float:left;}



it is up to you and how you are manipulating the DOM