Dreamweaver - Wrapping problem

Author

Wrapping problem

Mark Morse

2006-02-07, 10:51 pm

I have a horizontal css based dropdown menu system that consists of a list
inside a div for the triggers. The trigger links are a list with all list
elements floated left to make it display horizontally. There are only 6
links but the names are long so the list spans about 760 pixels. My problem
is that if someone views the page at 800x600 rez, the last link wraps under
the first link. How do I keep the last link in the list from wrapping when
the browser window isn't wide enough to display it? I don't want to use
tables if I can help it. I guess what I need is a no wrap function for a
div. I could put each link in absolutely placed divs but that seems a little
clunky.
thanks

Tim G

2006-02-07, 10:51 pm

Here's something to try:

Just inside the <div>, put this: <pre> and just before the closing </div>
tag: </pre>

Worth a try.

tim

"Mark Morse" <mark.morse@sanmina-sci.com> wrote in message
news:C00698A6.13463%mark.morse@sanmina-sci.com...
>I have a horizontal css based dropdown menu system that consists of a list
> inside a div for the triggers. The trigger links are a list with all list
> elements floated left to make it display horizontally. There are only 6
> links but the names are long so the list spans about 760 pixels. My
> problem
> is that if someone views the page at 800x600 rez, the last link wraps
> under
> the first link. How do I keep the last link in the list from wrapping when
> the browser window isn't wide enough to display it? I don't want to use
> tables if I can help it. I guess what I need is a no wrap function for a
> div. I could put each link in absolutely placed divs but that seems a
> little
> clunky.
> thanks
>

Gary White

2006-02-07, 10:52 pm

On Wed, 01 Feb 2006 16:56:06 -0800, Mark Morse
<mark.morse@sanmina-sci.com> wrote:

>There are only 6
>links but the names are long so the list spans about 760 pixels. My problem
>is that if someone views the page at 800x600 rez, the last link wraps under
>the first link. How do I keep the last link in the list from wrapping when
>the browser window isn't wide enough to display it?

You could style the containing object to be wide enough:

<div style="width: 770px">
your menu
</div>

However, if these are text links, it's still going to wrap if someone
increases the text size.

Gary

Osgood

2006-02-07, 10:52 pm

Mark Morse wrote:

> I have a horizontal css based dropdown menu system that consists of a list
> inside a div for the triggers. The trigger links are a list with all list
> elements floated left to make it display horizontally. There are only 6
> links but the names are long so the list spans about 760 pixels. My problem
> is that if someone views the page at 800x600 rez, the last link wraps under
> the first link. How do I keep the last link in the list from wrapping when
> the browser window isn't wide enough to display it? I don't want to use
> tables if I can help it. I guess what I need is a no wrap function for a
> div. I could put each link in absolutely placed divs but that seems a little
> clunky.
> thanks
>
Use images.....horizontal menus are largely non-controlable, especially
if you have a lot of links.

Mark Morse

2006-02-07, 10:54 pm

I don't see how that would help. The last image would wrap under the first
if all were floated.

> Mark Morse wrote:
>
> Use images.....horizontal menus are largely non-controlable, especially
> if you have a lot of links.
>

Mark Morse

2006-02-07, 10:54 pm

Never mind, I found a solution that works in both IE and Firefox.

> I don't see how that would help. The last image would wrap under the first
> if all were floated.
>
>
>

Osgood

2006-02-07, 10:56 pm

Mark Morse wrote:
> I don't see how that would help. The last image would wrap under the first
> if all were floated.

Images don't move.