Help needed with text wrapping

Please check this link - http://projects.zanalysts.com/hearing/work.htm.
The graphic is part of the page template. How can I get the text to
wrap around it? The style sheet is at http://projects.zanalysts.com/hearing/css/hearing.css.

Thank you,
- Tim

Big Moxy wrote:

Please check this link - http://projects.zanalysts.com/hearing/work.htm.
The graphic is part of the page template. How can I get the text to
wrap around it? The style sheet is at http://projects.zanalysts.com/hearing/css/hearing.css.

Your script throws up:

<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %>

at the top of the page...I guess you have a error in your ASP script


To you original question, use "float: right;" not "position: absolute;"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

On Oct 27, 9:45 am, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net>
wrote:

Big Moxy wrote:
Please check this link -http://projects.zanalysts.com/hearing/work.htm.
The graphic is part of the page template. How can I get the text to
wrap around it? The style sheet is athttp://projects.zanalysts.com/hearing/css/hearing.css.

Your script throws up:

%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %

at the top of the page...I guess you have a error in your ASP script

To you original question, use "float: right;" not "position: absolute;"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

I'm sorry but that didn't work.

On 2007-10-27, Big Moxy <bigmoxy (AT) gmail (DOT) com> wrote:

On Oct 27, 9:45 am, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net
wrote:
Big Moxy wrote:
Please check this link -http://projects.zanalysts.com/hearing/work.htm.
The graphic is part of the page template. How can I get the text to
wrap around it? The style sheet is athttp://projects.zanalysts.com/hearing/css/hearing.css.

Your script throws up:

%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %

at the top of the page...I guess you have a error in your ASP script

To you original question, use "float: right;" not "position: absolute;"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

I'm sorry but that didn't work.

You appear to have set both float: right and position: absolute. In that
case position: absolute "wins" and setting float: right does nothing.
You can't have both properties at once.

Jonathan is right: the box has to be a float if text is to flow around
it. That's the only way that's going to happen.

You will need to make a few other changes to get your layout back the
way you want it.

On Oct 27, 10:44 am, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2007-10-27, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:





On Oct 27, 9:45 am, "Jonathan N. Little" <lws4... (AT) centralva (DOT) net
wrote:
Big Moxy wrote:
Please check this link -http://projects.zanalysts.com/hearing/work.htm.
The graphic is part of the page template. How can I get the text to
wrap around it? The style sheet is athttp://projects.zanalysts.com/hearing/css/hearing.css.

Your script throws up:

%@ Page Language="VB" ContentType="text/html" ResponseEncoding="utf-8" %

at the top of the page...I guess you have a error in your ASP script

To you original question, use "float: right;" not "position: absolute;"

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com

I'm sorry but that didn't work.

You appear to have set both float: right and position: absolute. In that
case position: absolute "wins" and setting float: right does nothing.
You can't have both properties at once.

Jonathan is right: the box has to be a float if text is to flow around
it. That's the only way that's going to happen.

You will need to make a few other changes to get your layout back the
way you want it.- Hide quoted text -

- Show quoted text -

Please! I really need help with this. I replaced the table with CSS
and removed "position: absolute" so that "float: right" is the only
one. At this point it doesn't matter what I do, I get the same
results. I also checked Firefox and get really bizarre results.

New links - http://projects.zanalysts.com/hearing/work.aspx
CSS - http://projects.zanalysts.com/hearing/css/hearing2.css

Thank you!!
-tim

On 2007-10-27, Big Moxy <bigmoxy (AT) gmail (DOT) com> wrote:

On Oct 27, 10:44 am, Ben C <spams... (AT) spam (DOT) eggs> wrote:
[...]
Please! I really need help with this. I replaced the table with CSS
and removed "position: absolute" so that "float: right" is the only
one. At this point it doesn't matter what I do, I get the same
results. I also checked Firefox and get really bizarre results.

New links - http://projects.zanalysts.com/hearing/work.aspx
CSS - http://projects.zanalysts.com/hearing/css/hearing2.css

OK, here are some suggestions which should get back the layout you had
originally (but with text wrapping around the float).

1. Move <div class="doctor"> and its contents right up in the document
so they're the first thing inside <body>
2. Lose the "align=right" attribute on that image.
3. In hearing2.css, replace:

.doctor {
top: 16px;
left: 0;
border: none;
margin: 0 0 0 0;
float: right;
}

with

.doctor {
margin: 0 0 0 575px;
width: 230px;
}
.doctor img { float: right; }

This keeps the doctor flush against the right hand edge of that blue
title bar thing, which I think is what you had.

On Oct 27, 3:20 pm, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2007-10-27, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:

On Oct 27, 10:44 am, Ben C <spams... (AT) spam (DOT) eggs> wrote:
[...]
Please! I really need help with this. I replaced the table with CSS
and removed "position: absolute" so that "float: right" is the only
one. At this point it doesn't matter what I do, I get the same
results. I also checked Firefox and get really bizarre results.

New links -http://projects.zanalysts.com/hearing/work.aspx
CSS -http://projects.zanalysts.com/hearing/css/hearing2.css

OK, here are some suggestions which should get back the layout you had
originally (but with text wrapping around the float).

1. Move <div class="doctor"> and its contents right up in the document
so they're the first thing inside <body
2. Lose the "align=right" attribute on that image.
3. In hearing2.css, replace:

.doctor {
top: 16px;
left: 0;
border: none;
margin: 0 0 0 0;
float: right;
}

with

.doctor {
margin: 0 0 0 575px;
width: 230px;
}
.doctor img { float: right; }

This keeps the doctor flush against the right hand edge of that blue
title bar thing, which I think is what you had.

Almost there! Actually I never had my objective layout. Rather I had
to replace a graphic that fit in the blue page header area with this
new one that spans into the content area.

The reason I said we're almost there is because the layout is perfect
on Firefox but on IE 7 the doctor's pic is in the upper right and the
page header is left justified below it.

On 2007-10-27, Big Moxy <bigmoxy (AT) gmail (DOT) com> wrote:
[...]

New links -http://projects.zanalysts.com/hearing/work.aspx
CSS -http://projects.zanalysts.com/hearing/css/hearing2.css

[...]
This keeps the doctor flush against the right hand edge of that blue
title bar thing, which I think is what you had.

Almost there! Actually I never had my objective layout. Rather I had
to replace a graphic that fit in the blue page header area with this
new one that spans into the content area.

The reason I said we're almost there is because the layout is perfect
on Firefox but on IE 7 the doctor's pic is in the upper right and the
page header is left justified below it.

I don't know what to suggest other than painstakingly trying alternative
correct solutions until you find one that IE happens to be able to
display acceptably.

On Oct 28, 1:36 am, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2007-10-27, Big Moxy <bigm... (AT) gmail (DOT) com> wrote:
[...]

New links -http://projects.zanalysts.com/hearing/work.aspx
CSS -http://projects.zanalysts.com/hearing/css/hearing2.css

[...]
This keeps the doctor flush against the right hand edge of that blue
title bar thing, which I think is what you had.

Almost there! Actually I never had my objective layout. Rather I had
to replace a graphic that fit in the blue page header area with this
new one that spans into the content area.

The reason I said we're almost there is because the layout is perfect
on Firefox but on IE 7 the doctor's pic is in the upper right and the
page header is left justified below it.

I don't know what to suggest other than painstakingly trying alternative
correct solutions until you find one that IE happens to be able to
display acceptably.

Hi All,

I got a working solution from Experts Exchange. I had to make three
changes.
1) remove the doctor div from the image and simply add float: right to
the img tag
2) define a new class for the entire page with a width of 805px
3) remove the width definitions for all classes except the left menu

One anamoly remains but I don't know how much time I will spend on it.
There's whitespace between blue header divs and the graphic.

This has been a nightmare. Usually we spend our time troubleshooting
the exception cases but not this one. All of my time went to finding a
resolution to a MicroSuxBux problem that they created all because they
are too arrogant to create specification conforming software.