The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Menu Help Needed
richnlp
post Apr 20 2014, 09:20 PM
Post #1


Advanced Member
****

Group: Members
Posts: 106
Joined: 8-March 12
From: Chicago
Member No.: 16,661



Hey everybody, I have a client with 2 sites. One site is a copy of the other site. The issue is the menu links won't work on the new site. Anything wrong in my source code or something else? Thanks!

Site 1 (original site)

Site 2 (New site with menu issue)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Apr 21 2014, 03:05 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



You can't use a background image to use as links. It has to be a real inline image inside the TD tag (using the usual IMG tag). But then you'll have to create an image map that matches the texts on the image. See http://htmlhelp.com/reference/html40/special/map.html .

Better yet, use a list for real text links. The background gradient (without the white texts) can then still be used as background-image. See http://css.maxdesign.com.au/listutorial/ or one of the other listamatic or float tutorials at http://css.maxdesign.com.au .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 21 2014, 04:01 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



The AllWebMenus stuff is removed on the second site.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
douglasmanee
post Sep 27 2014, 01:41 AM
Post #4





Group: Members
Posts: 1
Joined: 27-September 14
Member No.: 21,603



Check this simple...CSS Menu source

Douglas

QUOTE(Frederiek @ Apr 21 2014, 03:05 AM) *

You can't use a background image to use as links. It has to be a real inline image inside the TD tag (using the usual IMG tag). But then you'll have to create an image map that matches the texts on the image. See http://htmlhelp.com/reference/html40/special/map.html .

Better yet, use a list for real text links. The background gradient (without the white texts) can then still be used as background-image. See http://css.maxdesign.com.au/listutorial/ or one of the other listamatic or float tutorials at http://css.maxdesign.com.au .

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Sep 27 2014, 03:38 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Indeed, that's a better way to code it. A background(-image) can then be given to UL instead of to A, like the one at Site 1 given to TD.

Though, I'm not sure if the OP is still working on that site. This thread is already a couple of months old and I still see just an inline image with the link texts as part of the image at Site 2, for which an image map will be needed to make them clickable links.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th April 2024 - 01:42 PM