How'd These Boxes Get Drawn???

[Charles Richmond]

On the following web page in the bottom half, text posted from different
people is enclosed in a rounded-corner "cartoon balloon" style. How was
that accomplished in HTML??? I looked at the source of the page, but it was
*not* clear to me...

http://tinyurl.com/m8r2yqm



--
numerist at aquaporin4 dot com

[Beauregard T. Shagnasty]

In alt.html, Charles Richmond wrote:

> On the following web page in the bottom half, text posted from different
> people is enclosed in a rounded-corner "cartoon balloon" style. How was
> that accomplished in HTML??? I looked at the source of the page, but it
> was *not* clear to me...
>
> http://tinyurl.com/m8r2yqm

It isn't the HTML, it is the CSS. Open the CSS and search for

/* Rounded Bubble */

It's how the <div>s are styled.

--
-bts
-This space for rent, but the price is high

[richard]

On Sat, 15 Feb 2014 20:22:24 -0600, Charles Richmond wrote:

> On the following web page in the bottom half, text posted from different
> people is enclosed in a rounded-corner "cartoon balloon" style. How was
> that accomplished in HTML??? I looked at the source of the page, but it was
> *not* clear to me...
>
> http://tinyurl.com/m8r2yqm

check the css and look for stuff that begins with -moz.
as I understand it, older browsers will just show the regular square
corners.

[Beauregard T. Shagnasty]

richard the sto0pid wrote:

> Charles Richmond wrote:
>> On the following web page in the bottom half, text posted from
>> different people is enclosed in a rounded-corner "cartoon balloon"
>> style. How was that accomplished in HTML??? I looked at the source of
>> the page, but it was *not* clear to me...
>>
>> http://tinyurl.com/m8r2yqm
>
> check the css and look for stuff that begins with -moz.

Why did you suggest that? Charles did not say what browser he was using,
and "moz" stuff is only for Mozilla browsers.

> as I understand it,

You don't.

[JJ]

On Sat, 15 Feb 2014 20:22:24 -0600, Charles Richmond wrote:

> On the following web page in the bottom half, text posted from different
> people is enclosed in a rounded-corner "cartoon balloon" style. How was
> that accomplished in HTML??? I looked at the source of the page, but it was
> *not* clear to me...
>
> http://tinyurl.com/m8r2yqm

It's using images for the rounded DIV box tip, via CSS.

Without image, you can use CSS style like this:

<style>
.roundedBox {
display: inline-block;
background: #bbf;
padding: 10px;
border-radius: 10px; /* the rounded border tip */
}
</style>

<div class="roundedBox">
Some text in the rounded box
</div>

[Jonathan N. Little]

Beauregard T. Shagnasty wrote:
> richard the sto0pid wrote:
>
>> Charles Richmond wrote:
>>> On the following web page in the bottom half, text posted from
>>> different people is enclosed in a rounded-corner "cartoon balloon"
>>> style. How was that accomplished in HTML??? I looked at the source of
>>> the page, but it was *not* clear to me...
>>>
>>> http://tinyurl.com/m8r2yqm
>>
>> check the css and look for stuff that begins with -moz.
>
> Why did you suggest that? Charles did not say what browser he was using,
> and "moz" stuff is only for Mozilla browsers.
>

Additionally, -moz-border-radius isn't need any more because Mozilla
browsers support border-radius and unlike IE user, Mozilla browser users
tend to upgrade.

--
Take care,

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

[Beauregard T. Shagnasty]

Jonathan N. Little wrote:

> Beauregard T. Shagnasty wrote:
>> richard the sto0pid wrote:
>>> Charles Richmond wrote:
>>>> On the following web page in the bottom half, text posted from
>>>> different people is enclosed in a rounded-corner "cartoon balloon"
>>>> style. How was that accomplished in HTML??? I looked at the source
>>>> of the page, but it was *not* clear to me...
>>>>
>>>> http://tinyurl.com/m8r2yqm
>>>
>>> check the css and look for stuff that begins with -moz.
>>
>> Why did you suggest that? Charles did not say what browser he was
>> using,
>> and "moz" stuff is only for Mozilla browsers.
>
> Additionally, -moz-border-radius isn't need any more because Mozilla
> browsers support border-radius and unlike IE user, Mozilla browser users
> tend to upgrade.

True. Just more proof that richard the sto0pid leaps with his eyes closed.

[richard]

On Sun, 16 Feb 2014 14:42:34 +0700, JJ wrote:

> <div class="roundedBox">
> Some text in the rounded box
> </div>

http://1littleworld.net/test/rounded.html

[Denis McMahon]

On Sat, 15 Feb 2014 21:37:10 -0500, richard wrote:

> [some crap]

How many times do we have to tell you not to do this before you finally
learn not to post your erroneous and misguided understanding of things as
if they were accurate facts.

--
Denis McMahon, denismf...@gmail.com

[Ed Mullen]

Denis McMahon wrote:
> On Sat, 15 Feb 2014 21:37:10 -0500, richard wrote:
>
>> [some crap]
>
> How many times do we have to tell you not to do this before you finally
> learn not to post your erroneous and misguided understanding of things as
> if they were accurate facts.
>

What is infinity times infinity?

--
Ed Mullen
http://edmullen.net/
In some cultures what I do would be considered normal.

[Jeff Thies]

On 2/16/2014 8:41 PM, Ed Mullen wrote:
> Denis McMahon wrote:
>> On Sat, 15 Feb 2014 21:37:10 -0500, richard wrote:
>>
>>> [some crap]
>>
>> How many times do we have to tell you not to do this before you finally
>> learn not to post your erroneous and misguided understanding of things as
>> if they were accurate facts.
>>
>
> What is infinity times infinity?
>

42.

[Gus Richter]

That's the meaning of life.

--
Gus

[Ed Mullen]

If you have Mozilla SeaMonkey type about:life into the location bar and
hit Enter.

--
Ed Mullen
http://edmullen.net/

I tried to backup my hard drive but I couldn't figure out how to put it
in reverse

[Charles Richmond]

"Beauregard T. Shagnasty" <a.non...@example.invalid> wrote in message
news:ldp84v$r6$1...@dont-email.me...

> In alt.html, Charles Richmond wrote:
>
>> On the following web page in the bottom half, text posted from different
>> people is enclosed in a rounded-corner "cartoon balloon" style. How was
>> that accomplished in HTML??? I looked at the source of the page, but it
>> was *not* clear to me...
>>
>> http://tinyurl.com/m8r2yqm
>
> It isn't the HTML, it is the CSS. Open the CSS and search for
>
> /* Rounded Bubble */
>
> It's how the <div>s are styled.
>

I used the CSS and got rounded corners. But I wanted the outer border of my
tables to be shown, but *not* the border around each data item (<TD>) or row
(<TR>). How can I surpress the boxes except for the outer box around the
table???

Thanks in advance!!!

[dorayme]

In article <ler1hg$ts9$1...@dont-email.me>,

"Charles Richmond" <nume...@aquaporin4.com> wrote:

> I used the CSS and got rounded corners. But I wanted the outer border of my
> tables to be shown, but *not* the border around each data item (<TD>) or row
> (<TR>). How can I surpress the boxes except for the outer box around the
> table???

Put a border on the table element but border: 0; on the table cell
elements.

td {border: 0;}

or

td {border: none;}

Same for th if you want.

--
dorayme

[Hot-Text]

"JJ" <d...@nah.meh> wrote in message news:1heqi5om07gab$.koblqr3c1p30$.dlg@40tude.net...

Good Answer Keep Up the Good Work JJ

[Hot-Text]

"richard" <nor...@example.com> wrote in message news:16m6njvvo6i9l$.179kzexjfgbmk$.dlg@40tude.net...

Have you
Look at that web
Page in Opera
Look Good

All Work
Will be
Tested here!

But get us wrong
We do like you
Richard

But no roundedBox in:
IE 8 Why?

HERE MORE INFO:
http://1littleworld.net/test/rounded.html - Section 508
Scan Results:
View a printable screen-reader-friendly version in a new window
Scan completed: 2/28/2014 7:19:21 PM
Group All issues
Section 508

Section 508 guidelines for web applications as described at the US Access Board web
site.1194.22(d)
Documents shall be organized so they are readable without requiring an associated
style sheet.d.2
Failure of Success Criterion 1.4.3, 1.4.6 and 1...

Users with vision loss or cognitive challenges often require specific foreground (text)
and background color combinations.

For instance, many people with low vision find it much easier to see
a Web page that has white text on a black background,
so they may have set their user agent to create this contrast.

If the author specifies that the text must be black,
then it may override the settings of the user agent and render
a page that has black text (specified by the author)
on black background (that was set in the user agent).

This principle also works in reverse.
If the Webmaster forces the background to be white,
then the white background specified by the author would be the same color as the white text
(which was set in the user agent)
rendering the page unusable to the user.

Therefore, if the author specifies a foreground (text) color then
they should also specify a background color which has sufficient contrast
(link) with the foreground and vice versa.Element specifies
background color but not specify foreground (text) color

http://1littleworld.net/test/rounded.html
Line 33, column 1, DIV element
Line 38, column 1, DIV element
d.1 Organize documents so they may be read without ...


So help us out Richard
And <B> to it
so we can see to TEXT

[Hot-Text]

"richard" <nor...@example.com> wrote in message news:fp3nv7svkdux.19...@40tude.net...

So True Richard
Older browsers will just
Show the regular square
IE 8 is
Just one of them
Older browsers