1
22 points at
100%
Posted March 5 '03 at 11:16 AM
Posts: 351
I could have sworn I had this problem solved but apparently not...
I wanted to stop text on the top line of my page from wrapping when my favorites folder is opened (I have IE 6.0 and the favorites folder opens on the left-- pushing the page content to the right). I used the following to control the wrapping :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>My First Stylesheet</TITLE>
<STYLE TYPE="text/css">
<!--
table a:link, a:visited, a:active {text-decoration: none;}
a:link {color:black;}
a:visited {color:black; text-decoration: none}
a:hover {color:black; background:white; text-decoration: none}
a:active {color:black; background:maroon; text-decoration: none}
H1 { white-space : nowrap; color: black; font-size: 50px; font-family: impact; line-height: 45px; display:inline }
H2 { white-space : nowrap; position: justify; color: black; font-size:
#t { white-space : nowrap; color: white; font-size: 15px; font-weight: bold }
</STYLE></HEAD>
<BODY BGCOLOR="#999900"><br><IMG SRC="C:\My Documents\My Pictures\giftbox.jpg" WIDTH=70 HEIGHT=52 BORDER=0>
<div>
<H1><a href="link.html">NAMETEX.COM</a></H1><span id="t"> <t>Here: this is the text that is doing the unwanted wrapping!<t></span></div>
It didn't wrap before I added the image-- because the text never exceeded the margin when the favorites folder was opened and therefore had no reason to wrap. I'd like to get it to not wrap even with the inclusion of the image and have tried several code variations with no success. I've prevented text from wrapping before so I don't understand what the problem is here.
2
22 points at
100%
Posted March 5 '03 at 11:38 AM
Posts: 351
What a dope I am. Sorry for wasting bandwidth but I just figured it out. I put everything inside the <H1> tag and that controls the wrapping. Like so:
<H1><a href="link.html">NAMETEX.COM</a><span id="t"> <t>Here: this is the text that is doing the unwanted wrapping!<t></span></H1>