By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,785 Members | 1,079 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,785 IT Pros & Developers. It's quick & easy.

Alternative to NOWRAP in CSS??

P: n/a
Hi All

I'm developing a site using CSS 1 & 2 and my site has annoying habit of
wrapping the text when I move my browser closer in.

The CSS code that I'm using to generate this problem is as follows:

..ProdDetailTabsMenu
{
BORDER:0px solid darkgray;
WIDTH:95%;
PADDING-LEFT:0px;
COLOR:black;
FONT-FAMILY:tahoma,arial,helvetica,sans-serif;
FONT-SIZE:12px;
FONT-WEIGHT:normal;
}

Now I know the Width is set to 95%, but I can't fix the width of this as my
menu text is dynamically written (for multi-language purposes).

Is there an equivalent of NOWRAP in CSS??

For your ref, the table and associated CSS is listed below.

Many thanks.

Rgds

Laphan
..BoxHeadBG
{
BORDER:0px solid #3F60AF;
BACKGROUND:url(boxheadbg.gif);
COLOR:#3F60AF;
FONT-FAMILY:tahoma,arial,helvetica,sans-serif;
FONT-SIZE:12px;
FONT-WEIGHT:bold;
}

..BoxHeadBG-off
{
BORDER:0px solid #3F60AF;
BACKGROUND:url(boxheadbg-off.gif);
COLOR:#3F60AF;
FONT-FAMILY:tahoma,arial,helvetica,sans-serif;
FONT-SIZE:12px;
FONT-WEIGHT:bold;
}

I use ASP to change the background pic by giving strTabFlag1 a value of
'-off' if needed.

<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 CLASS="ProdDetailTabsMenu">
<TR><TD COLSPAN=12 HEIGHT=15></TD></TR>
<TR>
<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadleft<%=strTabFlag1%>.g
if" BORDER=0></TD>
<TD CLASS="BoxHeadBG<%=strTabFlag1%>">
<A
HREF="detail.asp?stockid=<%=strStockID%>&tab=1&ref =<%=strPrevPage%>"><%=pPro
dDetails%></A></TD>
<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadright<%=strTabFlag1%>.
gif" BORDER=0></TD>

<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadleft<%=strTabFlag2%>.g
if" BORDER=0></TD>
<TD CLASS="BoxHeadBG<%=strTabFlag2%>">
<A
HREF="detail.asp?stockid=<%=strStockID%>&tab=2&ref =<%=strPrevPage%>"><%=pPro
dSpecs%></A></TD>
<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadright<%=strTabFlag2%>.
gif" BORDER=0></TD>

<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadleft<%=strTabFlag3%>.g
if" BORDER=0></TD>
<TD CLASS="BoxHeadBG<%=strTabFlag3%>">
<A
HREF="detail.asp?stockid=<%=strStockID%>&tab=3&ref =<%=strPrevPage%>"><%=pPro
dFinance%></A></TD>
<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadright<%=strTabFlag3%>.
gif" BORDER=0></TD>

<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadleft<%=strTabFlag4%>.g
if" BORDER=0></TD>
<TD CLASS="BoxHeadBG<%=strTabFlag4%>">
<A
HREF="detail.asp?stockid=<%=strStockID%>&tab=4&ref =<%=strPrevPage%>"><%=pPro
dReviews%></A></TD>
<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadright<%=strTabFlag4%>.
gif" BORDER=0></TD>

<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadleft<%=strTabFlag5%>.g
if" BORDER=0></TD>
<TD CLASS="BoxHeadBG<%=strTabFlag5%>">
<A
HREF="detail.asp?stockid=<%=strStockID%>&tab=5&ref =<%=strPrevPage%>"><%=pPro
dRelated%></A></TD>
<TD WIDTH=12><IMG
SRC="skins/<%=cSkinsFolderName%>/<%=cSelLang%>/boxheadright<%=strTabFlag5%>.
gif" BORDER=0></TD>
</TR>
</TABLE>
Jul 20 '05 #1
Share this Question
Share on Google+
5 Replies


P: n/a
"Laphan" <ne**@DoNotEmailMe.co.uk> wrote:
I'm developing a site using CSS 1 & 2 and my site has annoying habit of
wrapping the text when I move my browser closer in.


Post the URL. Or consider first what you have been doing to make wrapping
a problem; normally it is a solution.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #2

P: n/a
Dear Jukka

Many thanks for coming back to me.

My site is a bit in pieces at the moment, but I've extracted the necess and
uploaded a test page, which I hope should re-create the problem.

Could you please go to the following web page and then start to drag your
browser in to see that the prompts wrap round:

http://www.frozenmoles.co.uk/test.asp

This can get really ugly, as my test site shows, because I'm using a pic as
a background to generate my buttons for this and when it wraps my background
buttons go blurrrrghgh!!

Can u help?

I've had this quite a lot and I think I'm going to have to force this table
to be xxx pixels rather than a percentage in order to fix this - am I right?

There just doesn't seem to be a nowrap facility in CSS.

Rgds

Laphan
Jukka K. Korpela <jk******@cs.tut.fi> wrote in message
news:Xn*****************************@193.229.0.31. ..
"Laphan" <ne**@DoNotEmailMe.co.uk> wrote:
I'm developing a site using CSS 1 & 2 and my site has annoying habit of
wrapping the text when I move my browser closer in.


Post the URL. Or consider first what you have been doing to make wrapping
a problem; normally it is a solution.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jul 20 '05 #3

P: n/a
Laphan wrote:
My site is a bit in pieces at the moment, but I've extracted the necess and
uploaded a test page, which I hope should re-create the problem.

Could you please go to the following web page and then start to drag your
browser in to see that the prompts wrap round:

http://www.frozenmoles.co.uk/test.asp
It doesn't seem to work on Opera at all, I get line of links that should
be wrapped, but aren't. I don't see any images.
This can get really ugly, as my test site shows, because I'm using a pic as
a background to generate my buttons for this and when it wraps my background
buttons go blurrrrghgh!!
So, your problem was not wrapping, but ugly lookin buttons when button
text was wrapped.
Can u help?

I've had this quite a lot and I think I'm going to have to force this table
to be xxx pixels rather than a percentage in order to fix this - am I right?
No you aren't.
There just doesn't seem to be a nowrap facility in CSS.


There is. Please don't top post in future.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä
Jul 20 '05 #4

P: n/a
"Laphan" <ne**@DoNotEmailMe.co.uk> wrote:

Is there an equivalent of NOWRAP in CSS??


white-space: nowrap;

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #5

P: n/a
Many thanks Guys

Harlan Messinger <hm*******************@comcast.net> wrote in message
news:ta********************************@4ax.com...
"Laphan" <ne**@DoNotEmailMe.co.uk> wrote:

Is there an equivalent of NOWRAP in CSS??


white-space: nowrap;

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #6

This discussion thread is closed

Replies have been disabled for this discussion.