Page 1 of 1

linking issues

Posted: Tue Nov 05, 2013 12:02 am
by markp
Hi Michael, I am having problems linking things. here is a sample page and Ive included the html and css in a zip file. the problem is that while the nav bar works just fine I am unable to link certain divs to other html pages. for instance the div with the picture of the cart does not let me link. also the two arrows at the bottom cannot be linked to anything either. note: the two arrows are part of the background image so I just put empty divs on top of them to act as buttons. I hope I am overlooking something simple

Thanks
atomic.zip
(1.85 KiB) Downloaded 546 times
store_capture.JPG

Re: linking issues

Posted: Tue Nov 05, 2013 11:01 am
by Instructor
Don't worry about it Mark. Basically what you are running into is that div tags themselves can't be used for links. Because they have no intrinsic value in HTML they are basically unclickable. In order to make your images links you have to either make 'em foreground images in the div tags or put in some <a> tags with a text link and then style it like we did our buttons (display: block; text-indent: -10000px; etc.) with a horizontal and vertical size and background image in the styled <a> tag.

Re: linking issues

Posted: Tue Nov 05, 2013 11:18 am
by markp
oh yeah, duh. was getting punchy. thanks

Re: linking issues

Posted: Tue Nov 05, 2013 12:04 pm
by Instructor
I think we need to establish a midnight limit for you, sir.