Links positioned on graphic background. How?

i'm working way through adobe fireworks cs5 version of "classroom in book" , i've come impasse.

 

i'm in chapter 8, page 199, step #4; task use css , images export.  @ point have web page 7 distinct regions.  1 of these slice, navigation banner graphic background , text navigation links.

 

the instructions in book change img_nav slice type background image , hide sublayer containing text links.  book explains "...since slice become background image, cannot have html links applied it."

 

it goes on "...creating navigation not job fireworks, , navigation menu need created later in web-page editor."

 

how?  links sort of in middle of graphic.  when try add links in dreamweaver don't seem have control on there placement.  either @ beginning of div or end. 

 

can point me resource explains how place link on top of graphic want it?  also, since i'm learning, i'd stick best practices , use css while minimizing use of tables.

 

thanks,

dan earley

perhaps it's time purchase dreamweaver cs5 "classroom in book"!

 

i'm not directly familiar textbook... if navigation blue text (features - fashion - calendar - video - blog), typically handled in html using unordered list (ul), each list item (li) containing link (a) surrounds text itself. css used position navigation, perhaps applying display: inline or float: left list items (li) make list run horizontally. list might positioned within surrounding div using margin or padding—or using absolute positioning (in relative context), given there's specific height background image (the "check" logo).

 

as far links go, they're traditionally inline elements wrap around other inline elements—like text within paragraph or heading, or image. however, think of html5, they're allowed wrapped around multiple block-level elements. regardless, simplest way add link image surround image (img) tag link (a) tag. however, book says, if image being applied via css background image, cannot have link applied it, because it's not part of html. background image must applied some html element, , perhaps link applied element.

 

a link can converted block-level element via css using display: block rule. make occupy full-width of container, can make more "clickable" giving larger area of interactivity.

 

not sure if information helpful or not... wonder if book goes on answer of questions later on. often, these types of books complete project step-by-step, chapter-by-chapter, addressing issues brought in earlier chapters.

More discussions in Fireworks

adobe