'clear' help needed

[mbstevens]

Oh, I see what you're saying now. You want the text following each
individual image to move down. Yes, that's a nice enhancement.

....except that the hard coded paragraph height worries me a bit.
Maybe there's some way around that.

 

[Bergamot]

Those images are not headers.

I don't entirely agree with that statement, but no matter. They sure
aren't paragraphs.

The image is just a link to another image. Technically, alt text isn't
even necessary, since it's all transcribed in the page text.

 

[dorayme]

...except that the hard coded paragraph height worries me a bit.
Maybe there's some way around that.

I agree, I added that bit only at the last minute because the
images, being longer than text, get butted up to each other,
bottom to top in Safari, Firefox, (but not Opera or iCab) and
looked bad. So chose something longer than the images for p
height. But if the images are all different sizes, you are right,
this is a bore and unwieldy and especially if the text is
variable and may be added to etc.

But there is a simple solution, come to think of it, remove
height and put in a bottom margin for the img, I will update in a
minute...

Remember the magic of tables for all this? Before the time one
could be shot on site ... er... I mean, sight. <g>

 

[mbstevens]

But there is a simple solution, come to think of it, remove
height and put in a bottom margin for the img, I will update in a
minute...

Cool! Works great here.

Remember the magic of tables for all this? Before the time one
could be shot on site ... er... I mean, sight. <g>

If each image should actually be associated with the text that comes
after, I don't see why this could not be interpreted as tabular data. It
all depends on the intent of the author.

 

[al jones]

Cool! Works great here.


If each image should actually be associated with the text that comes
after, I don't see why this could not be interpreted as tabular data. It
all depends on the intent of the author.

The OP is engulfing a hamburger - but have read what you two put together
and will shortly go back and see if it makes sense when I try to implement
it.

Thanks guys!! //al

 

[dorayme]

The OP is engulfing a hamburger - but have read what you two put together
and will shortly go back and see if it makes sense when I try to implement
it.

Trust us, it makes sense.

Either you are not an American, or are a very big American or the
hamburger is not American for you to be able to engulf it.
Anthony Quinn, a strong man in the marvellous Fellini film, La
Strada, memorably engulfed an ice-cream cone.

Talking of Fellini, where the hell is Luigi?

 

[Beauregard T. Shagnasty]

Talking of Fellini, where the hell is Luigi?

Oh no!

(He's still mucking about with his web site...
https://www.scaiecat-spa-gigi.com/en/welcome.php )

 

[dorayme]

Oh no!

(He's still mucking about with his web site...
https://www.scaiecat-spa-gigi.com/en/welcome.php )

<g>

How to get rid of the little blue boxes that appear near the
buttons at top please? Do you like my buttons? Do you want me to
tell you what the answer to the question just under the buttons?
Do you know Tasmania? Are you all having a nice day and realising
that freedom is very important? I will come back more often if
you are nicer to me.

Luigi

 

[Neredbojias]

To further the education of mankind, al jones

Hey, guys, stop hijacking my thread!!! <chuckle>

If you all have so much time on your hands would you mind looking at
http://aljones.us/630817vad.html and seeing if you can help me get the
images aligned on the left hand edge - regardlwss of the size of the
viewport. I've gotten several suggestions, but none seem to work
correctly in all situations and I've gotten a royal headache from it.

Check out this page (to wit, the source):

http://www.neredbojias.com/beta/mars.html#p1


I haven't dug into your particular problems but was experiencing similar
ones when I did that.

(PS: The "beta" is irrelevant.)

 

[al jones]

Trust us, it makes sense.

No, it doesn't ....More at end.

Either you are not an American, or are a very big American or the
hamburger is not American for you to be able to engulf it.
Anthony Quinn, a strong man in the marvellous Fellini film, La
Strada, memorably engulfed an ice-cream cone.

Americano, si! I was figuratively 'engulfing' hamburger - hadn't had a
chance to eat anything so wasn't taking much time getting it down ....
sheesh! Pedant!!!!!

Talking of Fellini, where the hell is Luigi?

No se, and I don't think I want to! ((This is what I get for living in
Texas ...))

Okay, take a look at aljones.us/vad.htm which is based on your latest.

For each image I will probably have three different h3 / p pairs (the date
and associated text). If it were to do what I'm trying to achieve, Your
line 'Meyer quote' and my line 'heading test' would both be to the right of
the (supposedly) associated image With the releated text immediately below
them.

Enclosing the image within the p associates it, seemingly, with only that
paragraph and the following two paragraphhs fall beneath the image.

If I'm not missing the obvious .... I *am* getting a royal headache.

//al

 

[mbstevens]

Okay, take a look at aljones.us/vad.htm which is based on your latest.

For each image I will probably have three different h3 / p pairs (the date
and associated text). If it were to do what I'm trying to achieve, Your
line 'Meyer quote' and my line 'heading test' would both be to the right of
the (supposedly) associated image With the releated text immediately below
them.

Enclosing the image within the p associates it, seemingly, with only that
paragraph and the following two paragraphhs fall beneath the image.

If I'm not missing the obvious .... I *am* getting a royal headache.

Forget clear and float. You have enough inter-associations of information
to interpret it (*completely* correctly) as tabular data. Just do
all styling of your tables in CSS, not in the old style markup.

Whether you have multiple small tables or one big one depends on your
semantic intent -- just try to associate information in rational ways and
keep things as simple as possible.

You could also collect associated information in container div-s.

But depending of float and clear to provide the kinds of complex
associations you appear to want is shooting yourself in the foot.

 

[dorayme]

No, it doesn't ....More at end.

Okay, take a look at aljones.us/vad.htm which is based on your latest.

I get nothing at this address. I went to
http://aljones.us/630817vad.html instead. This right?

For each image I will probably have three different h3 / p pairs (the date
and associated text). If it were to do what I'm trying to achieve, Your
line 'Meyer quote' and my line 'heading test' would both be to the right of
the (supposedly) associated image With the releated text immediately below
them.

Enclosing the image within the p associates it, seemingly, with only that
paragraph and the following two paragraphhs fall beneath the image.

If I'm not missing the obvious .... I *am* getting a royal headache.

It is a bit hard to see quite the code I put up in yours, perhaps
I don't know your context well enough? But yours behaves much
better if you were to do things like:


div#moststuff {
border-left: solid thin blue;
color: black;
margin: 0em 0 5em 13em;
padding: .5em;

}

There is a margin, see, in which the nav float sits.

and

div#leftbit {
float: left;
margin: 0;
padding: 1ex;
width: 12em;
max-height: 30em;
overflow: auto;
border: solid thin blue;
}


I would forget the overflow fandangle and max height. But this em
based width behaves better with the nav set in ems and takes
account of font size adjustment by user.

With those changes, your site behaved. But I would simplify a lot
of things. Anyway, best of luck.

 

[Sally Thompson]

<g>

How to get rid of the little blue boxes that appear near the
buttons at top please? Do you like my buttons? Do you want me to
tell you what the answer to the question just under the buttons?
Do you know Tasmania? Are you all having a nice day and realising
that freedom is very important? I will come back more often if
you are nicer to me.

Luigi

Be careful what you wish for ...

What is that new strange picture on his welcome page meant to be? (No, I
don't mean the seagull or the one of Luigi himself<g>). Oh, hang on, I've
just read the text, which says it *shows a view from the municipality of
Gothenburg, * But it's an out of focus notice board!?

PS: I assume he is currently wresting with Linux which he intended to go and
learn.

 

[dorayme]

Be careful what you wish for ...

PS: I assume he is currently wresting with Linux which he intended to go and
learn.

Someone said that he is taking body building lessons on the
German/French border, but I don't believe it. I fired off an
email to the Tasmanian Tourist Board to see if he has made any
enquiries. He has not. I am worried.

 

[Andy Dingley]

(He's still mucking about with his web site...
https://www.scaiecat-spa-gigi.com/en/welcome.php )

I really did _not_ need that photograph in my life, and certainly not
in my head.

It's important for all of our sanity that certain important questions
are never answered.
Such as this one:
http://joyx.joensuu.fi/~korpela/jjk.htm

 

[al jones]

I get nothing at this address. I went to
http://aljones.us/630817vad.html instead. This right?


It is a bit hard to see quite the code I put up in yours, perhaps
I don't know your context well enough?

In full try http://www.aljones.us/vad.html
getting ready for work ... I'll look at the rest of your message when I get
back home.

thanks //al

<< snip >>>

 

[Beauregard T. Shagnasty]

PS: I assume he is currently wresting with Linux which he intended to
go and learn.

That's right. Perhaps he attempted to install Linux on his computer and
blew it up. <g> (I thought just that on the day he mentioned it.)

 

[Ed Mullen]

Be careful what you wish for ...

What is that new strange picture on his welcome page meant to be? (No, I
don't mean the seagull or the one of Luigi himself<g>). Oh, hang on, I've
just read the text, which says it *shows a view from the municipality of
Gothenburg, * But it's an out of focus notice board!?

PS: I assume he is currently wresting with Linux which he intended to go and
learn.

That's interesting. It was a totally different photo last night when I
looked at it.

--
Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
Artificial intelligence is no match for natural stupidity

 

[Bergamot]

Forget clear and float. You have enough inter-associations of information
to interpret it (*completely* correctly) as tabular data.
depending of float and clear to provide the kinds of complex
associations you appear to want is shooting yourself in the foot.

Huh? It's not that complicated. He can't do what he wants without some
additional markup, but all he needs to do is explicitly set clear:left
on *some* h3 elements. The end.

It's not tabular data by a long shot.

 

[dorayme]

I really did _not_ need that photograph in my life, and certainly not
in my head.

The seagull on his page? Yes, the more one stares at it, the more
disturbing it gets.

It's important for all of our sanity that certain important questions
are never answered.
Such as this one:
http://joyx.joensuu.fi/~korpela/jjk.htm

That why <img>s are inline by default (so they can be questions
in themselves) and take a "?" Here the alt text becomes
exceedingly apt in the absence of the pic.