Join Chris Converse for an in-depth discussion in this video Manipulating anchor links with CSS, part of Creating an Interactive Map with jQuery and Dreamweaver.
Now that we have our map container div in the page here, we can see the map…background showing up, and Dreamweaver put that default text at the top.…Let's click and drag some of that default white text, and down here in the link…field in the Properties panel let's enter Shift+3, or a hash sign. Hit Return.…This is going to create a self-link inside of HTML and it's also going to turn…the type blue and give us a blue underline.…So now at this point let's come over to the Code view, and inside of…Dreamweaver's Code view I want to format our content a little bit.…
So let's add a tab before the div tag here.…After the div tag, let's hit Return, tab in the content, and at the end of the…line let's hit another Return and put the ending div on another line.…This will give us some more visual representation of what's happening.…This outermost container is our map container here, this div, and inside of…here is all the content.…Now let's come over here and delete that default text Dreamweaver put in,…
Take a look at the finished web site here.
- Preparing web graphics
- Preparing the base container
- Manipulating links with CSS
- Adding a drop-down menu
- Downloading jQuery and adding interactivity to a project
- Creating city details
- Overriding click events of anchor tags with jQuery
- Enhancing the design with CSS3