Prev: Textarea width increasing in IE6
Next: How wide is the world? 640 800 1200 1680 ??
From: Johann 'Myrkraverk' Oskarsson on 25 Jan 2010 18:15
dorayme <doraymeRidThis(a)optusnet.com.au> writes:

> In article <m3ljflpzr5.fsf(a)myrkraverk.com>,
> Johann 'Myrkraverk' Oskarsson <johann(a)myrkraverk.com> wrote:
>
>> Using your example, I don't want this to happen:
>>
>> http://www.myrkraverk.com/aenott/test.html
>
> What is happening here that you don't want, remembering that this
> URL looks different according to user text size?

That the indented side bar continues _down_ and does not float under
the grey area. I thought I had made that clear with the ascii art.

Let me try this again, with ascii-art:

,------------------------.
|,--------. |
|| Float |Here is some |
|| left |text |
|| | |
|| | This ind- |
|`--------' ented para- |
| graph has the same |<--- is that hard do understand?
| indentation no matter |
| where or how it flows.|
| |
| |
|Not indented text |
| |
`------------------------'



Johann
From: rf on 25 Jan 2010 18:52

"Johann 'Myrkraverk' Oskarsson" <johann(a)myrkraverk.com> wrote in message
news:m3hbq9pyho.fsf(a)myrkraverk.com...
> dorayme <doraymeRidThis(a)optusnet.com.au> writes:
>
>> In article <m3ljflpzr5.fsf(a)myrkraverk.com>,
>> Johann 'Myrkraverk' Oskarsson <johann(a)myrkraverk.com> wrote:
>>
>>> Using your example, I don't want this to happen:
>>>
>>> http://www.myrkraverk.com/aenott/test.html

> |,--------. |
> || Float |Here is some |
> || left |text |
> || | |
> || | This ind- |
> |`--------' ented para- |
> | graph has the same |<--- is that hard do understand?
> | indentation no matter |
> | where or how it flows.|
> | |
> | |
> |Not indented text |
> | |
> `------------------------'

You are reqesting a set of constraints that simply cannot be described with
CSS.


From: Johann 'Myrkraverk' Oskarsson on 25 Jan 2010 19:47
"rf" <rf(a)z.invalid> writes:


> You are reqesting a set of constraints that simply cannot be
> described with CSS.

I thought so, thank you for confirming that.


Johann
From: dorayme on 25 Jan 2010 19:54
In article <m3hbq9pyho.fsf(a)myrkraverk.com>,
Johann 'Myrkraverk' Oskarsson <johann(a)myrkraverk.com> wrote:

> dorayme <doraymeRidThis(a)optusnet.com.au> writes:
>
> > In article <m3ljflpzr5.fsf(a)myrkraverk.com>,
> > Johann 'Myrkraverk' Oskarsson <johann(a)myrkraverk.com> wrote:
> >
> >> Using your example, I don't want this to happen:
> >>
> >> http://www.myrkraverk.com/aenott/test.html
> >
> > What is happening here that you don't want, remembering that this
> > URL looks different according to user text size?
>
> That the indented side bar continues _down_ and does not float under
> the grey area. I thought I had made that clear with the ascii art.
>
> Let me try this again, with ascii-art:
>
> ,------------------------.
> |,--------. |
> || Float |Here is some |
> || left |text |
> || | |
> || | This ind- |
> |`--------' ented para- |
> | graph has the same |<--- is that hard do understand?
> | indentation no matter |
> | where or how it flows.|
> | |
> | |
> |Not indented text |
> | |
> `------------------------'
>
>

The closest you may have to be satisfied with is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=utf-8">
<title>Indenting margin relative to a float</title>
<style type="text/css">
#wrap {
border:1px solid;
width:500px;
}
img {
float: left;
background:#cfc;
margin: 5px;
}
..indent {
margin-left: 2em;
border: 1px solid;
}
</style>
</head>
<body>
<div id="wrap">
<img src="someimage.png" alt="" width="250" height="300">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et
doloremagna aliquyam erat, sed diam voluptua. At vero eos et
accusam etjusto duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
amet.</p>
<p class="indent">Hello Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam
oluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam oluptua. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam
oluptua.</p>
<p>At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet.</p>
</div>
</body>
</html>

Text only zoom still plays a role in describing problems and in
this case it is perhaps not possible to know how many lines of
text are going to be to the right of the picture or floated box.

You can guess (and do things for a few lines like put in spans
and relative position them or whatever) but it is probably doomed
to fail too easily.

--
dorayme
From: BootNic on 25 Jan 2010 21:02
On Mon, 25 Jan 2010 23:52:48 GMT
"rf" <rf(a)z.invalid> wrote:

>
> "Johann 'Myrkraverk' Oskarsson" <johann(a)myrkraverk.com> wrote in
> message news:m3hbq9pyho.fsf(a)myrkraverk.com...
>> dorayme <doraymeRidThis(a)optusnet.com.au> writes:
>>
>>> In article <m3ljflpzr5.fsf(a)myrkraverk.com>,
>>> Johann 'Myrkraverk' Oskarsson <johann(a)myrkraverk.com> wrote:
>>>
>>>> Using your example, I don't want this to happen:
>>>>
>>>> http://www.myrkraverk.com/aenott/test.html
>
>> |,--------. |
>> || Float |Here is some |
>> || left |text |
>> || | |
>> || | This ind- |
>> |`--------' ented para- |
>> | graph has the same |<--- is that hard do understand?
>> | indentation no matter |
>> | where or how it flows.|
>> | |
>> | |
>> |Not indented text |
>> | |
>> `------------------------'
>
> You are reqesting a set of constraints that simply cannot be
> described with CSS.

consider:
margin-right:2em;
position:relative;
left:2em;





--
BootNic Mon Jan 25, 2010 09:02 pm
Facts do not cease to exist because they are ignored.
*Aldous Huxley*

⁕ 168 days remaining
First  |  Prev  |  Next  |  Last
Pages: 1 2 3 4 5
Prev: Textarea width increasing in IE6
Next: How wide is the world? 640 800 1200 1680 ??