The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Table trouble: Link text goes under img, instead of beside it
LadyBugAbode
post Jun 16 2008, 03:41 PM
Post #1





Group: Members
Posts: 2
Joined: 16-June 08
Member No.: 5,912



Hi all,

I'm new here. I'm building a simple, user-friendly site for a friend and am feeling quite frustrated.

I can't get the link text in the navbar to display right. On my screen (PC), it's fine. On hers (Mac), the text for "Themed Perfomances" and "Caldendar of Events" is forced under the hourglass image. I've tried including the hourglass img inside the link tags (which I prefer to do as it makes the "clickable" area larger), but when I did, it put the underline for the link right through the hourglass. I've tried putting the img outside the link, and I've tried using "& n b s p ;" to force the image and all the text to stay together, but neither worked. I'd like the tables to adjust for various screen and font sizes, so I didn't set a "td width" value. In theory, the td width should adjust to the size of the largest item in it, but it's not doing that.

I'm really an amateur and I've been looking at this so long, I can't see straight. Any help would be greatly appreciated. The page is here: http://www.christinemacleod.net/test5.htm

Thanks in advance,
Kim
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 20 2008, 05:09 AM
Post #2


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

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



Actually, FF also wraps the text, so I guess you only looked in IE. It seems like FF and whatever browser your friend uses don't consider   between images or images and text as glue. IE and Opera do.

There are several ways you can do this, but with the markup you have now these two are the simplest. Either give that TD a width that's wide enough for the text not to wrap. Or, probably better, use 'white-space: nowrap' with p.navbar. In both cases remove those   .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
LadyBugAbode
post Jun 22 2008, 06:38 PM
Post #3





Group: Members
Posts: 2
Joined: 16-June 08
Member No.: 5,912



Thank you SO much, Pandy!!! I used the "white-space" option, and it worked like a charm. I really can't thank you enough. I'm thrilled to have learned a new trick, and I can't tell you how appreciative I am that you took the time to look at my code and come up with a solution!

Thanks a million!!!
Kim

QUOTE(pandy @ Jun 20 2008, 06:09 AM) *

Actually, FF also wraps the text, so I guess you only looked in IE. It seems like FF and whatever browser your friend uses don't consider   between images or images and text as glue. IE and Opera do.

There are several ways you can do this, but with the markup you have now these two are the simplest. Either give that TD a width that's wide enough for the text not to wrap. Or, probably better, use 'white-space: nowrap' with p.navbar. In both cases remove those   .

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 23 2008, 02:57 AM
Post #4


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

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



No problem. You are welcome. smile.gif
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: 28th March 2024 - 07:18 PM